/*
Theme Name: Inglés con Laura - Academia
Theme URI: https://academia.inglesconlaura.com
Author: ClickAh!
Author URI: https://clickah.com
Description: Tema mínimo de la academia (Brand Guide v2.0). El portal, los pagos y la home los pintan los plugins "Inglés con Laura"; este tema da la marca al resto de páginas (legales, 404, búsqueda) sin constructores ni dependencias. Powered by ClickAh!
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: inglesconlaura-academia
*/

/* Las piezas comunes (cabecera, botones, tarjetas) vienen de assets/portal.css del plugin icl-portal.
   Aquí solo lo propio de las páginas de contenido. */

.icl-page {
    background: var(--blanco, #fff);
    border-radius: var(--radio-lg, 20px);
    box-shadow: var(--sombra-card, 0 2px 16px rgba(0,0,0,.08));
    padding: clamp(24px, 4vw, 48px);
    max-width: 860px;
    margin: 0 auto;
}

.icl-page .icl-page-title { margin-top: 0; }

.icl-content { font-size: 1.02rem; line-height: 1.75; color: var(--gris-oscuro, #333); }
.icl-content h2, .icl-content h3, .icl-content h4 { color: var(--verde-principal, #2D6A2E); font-weight: 800; line-height: 1.3; margin: 1.8em 0 .6em; }
.icl-content h2 { font-size: 1.45rem; }
.icl-content h3 { font-size: 1.2rem; }
.icl-content p, .icl-content ul, .icl-content ol { margin: 0 0 1.1em; }
.icl-content ul, .icl-content ol { padding-left: 1.3em; }
.icl-content a { color: var(--rosa-principal, #E91E7B) !important; font-weight: 700; text-decoration: underline !important; }
.icl-content img { max-width: 100%; height: auto; border-radius: var(--radio-md, 12px); }
.icl-content blockquote { margin: 1.4em 0; padding: 14px 20px; border-left: 4px solid var(--rosa-principal, #E91E7B); background: var(--rosa-claro, #FCEEF5); border-radius: var(--radio-md, 12px); }
.icl-content table { width: 100%; border-collapse: collapse; margin: 0 0 1.2em; }
.icl-content th, .icl-content td { border-bottom: 1px solid #ECECEC; padding: 10px 8px; text-align: left; }

.icl-list { display: grid; gap: 14px; max-width: 860px; margin: 0 auto; }
.icl-list__item { display: block; background: #fff; border-radius: 20px; box-shadow: 0 2px 16px rgba(0,0,0,.08); padding: 20px 22px; text-decoration: none !important; }
.icl-list__item h2 { margin: 0 0 4px; font-size: 1.15rem; color: var(--verde-principal, #2D6A2E); font-weight: 800; }
.icl-list__item p { margin: 0; color: var(--gris-texto, #555); }

/* 404 */
.icl-404 { text-align: center; max-width: 520px; margin: 4vh auto 0; background: #fff; border-radius: 20px; box-shadow: 0 2px 16px rgba(0,0,0,.08); padding: 40px 28px; }
.icl-404 img { width: 150px; height: auto; display: block; margin: 0 auto 10px; }
.icl-404 h1 { color: var(--verde-principal, #2D6A2E); font-weight: 900; font-size: 1.7rem; margin: 0 0 8px; }
.icl-404 p { color: var(--gris-texto, #555); margin: 0 0 24px; }
.icl-404 .icl-claim { font-family: 'Dancing Script', cursive; color: var(--rosa-accent, #F06BA8); font-size: 1.25rem; margin: 22px 0 0; }

.icl-search { display: flex; gap: 8px; max-width: 420px; margin: 0 auto 18px; }
.icl-search input { flex: 1; padding: 12px 16px; border: 1.5px solid #E2E2E2; border-radius: 9999px; font: inherit; }
.icl-search input:focus { outline: none; border-color: var(--rosa-principal, #E91E7B); box-shadow: 0 0 0 4px rgba(233,30,123,.14); }