/* Penselia · mejoras de landing · 5 oct 2026 */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Fecha destacada y cuenta regresiva */
.date-hero{display:flex;align-items:center;gap:16px;margin:22px 0 4px;padding:14px 18px 14px 14px;background:#fff;border:1px solid var(--line);border-radius:18px;max-width:470px;box-shadow:0 10px 30px #14203e0d}
.date-hero-day{flex:none;width:64px;height:64px;border-radius:14px;background:var(--orange);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.date-hero-day b{font-size:28px;font-weight:700;letter-spacing:-.03em}
.date-hero-day small{font-size:11px;letter-spacing:.12em;font-weight:700;margin-top:3px}
.date-hero>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.date-hero>div>b{font-size:18px;line-height:1.25}
.date-hero>div>small{font-size:13px;color:var(--muted)}
.countdown{display:inline-flex;align-self:flex-start;margin-top:5px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#B23F10;background:#FFF0E8;border-radius:100px;padding:4px 10px}
.countdown:empty{display:none}

/* Sección "Tu hijo / Tú": bloque fijo, sin recorrido vacío */
.story{height:auto!important}
.story-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;max-height:none!important;padding-block:100px!important}
.story-progress,.scroll-story-label{display:none!important}
.story-symbol{overflow:hidden}
.story-symbol img{width:87px!important;height:auto!important;max-width:none!important;max-height:none!important;position:static!important;inset:auto!important;transform:none!important;object-fit:contain!important}

/* Enlace a la simulación */
.sim-link{display:inline-flex;align-items:center;gap:8px;margin:26px 0 6px;font-weight:600;font-size:16px;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:3px}
.sim-link:hover{color:var(--orange)}

/* Registro corto */
.quick-reg{background:var(--orange);color:#fff;padding:70px 0}
.quick-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
.quick-reg .eyebrow{color:#fff;opacity:.9;margin-bottom:14px}
.quick-reg h2{font-size:clamp(34px,3.6vw,52px);color:#fff}
.quick-reg h2 em{color:var(--navy)}
.quick-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;background:#fff;padding:10px;border-radius:100px;box-shadow:0 18px 40px #14203e2a}
.quick-form input{border:0;background:var(--ivory);border-radius:100px;padding:15px 20px;font-size:16px;min-width:0;color:var(--navy)}
.quick-form input:focus{outline:3px solid var(--navy);outline-offset:1px}
.quick-form button{border:0;border-radius:100px;background:var(--navy);color:#fff;font-weight:600;font-size:16px;padding:15px 24px;cursor:pointer;white-space:nowrap}
.quick-form button:hover{transform:translateY(-2px)}
.quick-note{font-size:13px;margin:14px 6px 0;opacity:.95}

/* Curso más compacto: una sola franja */
.course{padding:70px 0!important}
.course .course-card{flex-basis:230px!important}
.course .course-controls{margin:22px 0 12px}

/* Registro: qué recibes */
.get-list{list-style:none;padding:0;margin:26px 0 8px;display:grid;gap:12px;max-width:420px}
.get-list li{position:relative;padding-left:34px;font-size:15px;line-height:1.45;color:#dfe4ef}
.get-list li b{color:#fff}
.get-list li:before{content:"✓";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center}

/* Página de simulación */
.sim-page main{padding-top:10px}
.sim-cta{text-align:center;padding:80px 0 90px}
.sim-cta h2{font-size:clamp(30px,3.4vw,46px)}
.sim-cta p{color:var(--muted);margin:16px auto 26px;max-width:620px}

@media(max-width:780px){
 .float-wrap,.crea-sticker{display:none!important}
 .hero [data-parallax]{transform:none!important}
 .hero-art{margin-top:20px!important}
 .date-hero{gap:12px;padding:12px}
 .date-hero-day{width:56px;height:56px}
 .date-hero>div>b{font-size:16px}
 .story-sticky{padding-block:60px!important}
 .story-symbol img{width:50px!important}
 .quick-reg{padding:55px 0}
 .quick-grid{grid-template-columns:1fr;gap:24px}
 .quick-form{grid-template-columns:1fr;border-radius:22px}
 .quick-form input,.quick-form button{border-radius:14px}
 .course .course-card{flex-basis:200px!important}
}
@media(min-width:781px){.hero .photo-caption{display:none}}
/* Portada simplificada */
.hero .date-hero{margin:28px 0 26px;max-width:460px}
.hero .date-hero>div>b{font-size:19px}
.hero .countdown{margin-top:7px}
.hero-audience{font-size:14px;color:var(--muted);margin-top:18px}
.hero-photo{object-position:62% center}
/* Herramientas dentro de C.R.E.A. */
.tools-crea{margin:34px 0 8px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 26px}
.tools-kicker{margin:0 0 16px;font-weight:700;font-size:15px;color:var(--navy)}
.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tools-grid article{background:var(--ivory);border-radius:16px;padding:18px 20px}
.tool-logo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--navy)}
.tool-logo b{font-size:19px}
.tool-logo small{font-size:12px;color:var(--muted)}
.tools-grid p{margin:10px 0 0;font-size:15px;color:#3c4660}
.footer-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid #ffffff22;margin-top:26px;padding-top:18px;padding-bottom:6px;color:#dfe4ef;font-size:13px}
.footer-tools img{filter:brightness(0) invert(1)}
.footer-tools b{color:#fff;font-size:14px}
.footer-tools small{flex-basis:100%;font-size:11px;color:#aeb6c7}
@media(max-width:700px){.tools-grid{grid-template-columns:1fr}.tools-crea{padding:18px}}
footer .wrap.footer-tools{display:flex!important;justify-content:flex-start!important;align-items:center;grid-template-columns:none!important;gap:10px}
footer .footer-tools>*{margin:0}
.tool-logo .gn-logo{height:21px;width:auto}
.footer-tools .gn-logo-foot{height:15px;width:auto;filter:none!important}