/* Glosilla Formación: portada (prefijo h-). Tokens, .wrap .reveal .rule .btn .link .dark vienen de site.css.
   Orden: base, I reloj del turno, II cuatro puestos, III se oye en el turno, IV dentro de una lección,
   V prepara tu temporada, VI cifras, VII límites, VIII preguntas, cartel y cierre, movimiento reducido. */

:root{
  --h-pad:clamp(72px,10vw,136px);
}

/* ---------- movimiento propio de la portada ---------- */
@keyframes h-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
@keyframes h-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes h-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes h-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- base ---------- */
.h-sec{position:relative;padding-block:var(--h-pad)}
.h-sec .wrap{position:relative}
.h-sec h2 em,.h-hero h1 em,.h-close h2 em{font-style:italic;font-weight:500}
.h-kicker{display:flex;align-items:center;gap:.9rem;margin:0 0 1.1rem;font:600 .78rem/1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.h-kicker__n{display:inline-flex;align-items:center;gap:.9rem;font:500 1.5rem/1 var(--font-head);letter-spacing:.04em;text-transform:none;color:var(--brass)}
.h-kicker__n::after{content:"";display:block;width:2.4rem;height:1px;background:var(--brass-l)}
.dark .h-kicker,.dark .h-kicker__n{color:var(--brass-l)}
.h-sec .rule{position:absolute;left:0;right:0;top:0}

/* ---------- cartel (hero) ---------- */
.h-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:max(560px,min(92vh,860px));background:var(--ink);color:var(--on-dark)}
@supports (height:1svh){.h-hero{min-height:max(560px,min(92svh,860px))}}
.h-hero__media{position:absolute;inset:0;overflow:hidden}
.h-hero__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%;transform-origin:50% 38%}
.h-hero__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,36,29,.92) 0,rgba(20,36,29,.82) 28%,rgba(20,36,29,.56) 52%,rgba(20,36,29,.18) 78%,rgba(20,36,29,.1) 100%)}
.h-hero__body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem clamp(32px,6vw,96px);padding-top:clamp(120px,16vw,200px);padding-bottom:clamp(36px,6vw,72px)}
.h-hero__copy{max-width:780px}
.h-hero__eyebrow{margin:0 0 1.2rem;font:600 .78rem/1.5 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-d)}
.h-hero h1{font-size:clamp(2.5rem,5.6vw,4.9rem);line-height:1.02;max-width:15em;color:var(--on-dark)}
.h-hero__promise{margin:1.5rem 0 2rem;max-width:52ch;font-size:clamp(1.02rem,1.3vw,1.18rem);line-height:1.6;color:var(--on-dark)}
.h-facts{display:flex;gap:0;margin:0}
.h-facts div{display:flex;flex-direction:column;gap:.35rem;padding:.1rem clamp(14px,2vw,26px);border-left:1px solid var(--line-d)}
.h-facts div:last-child{padding-right:0}
.h-facts dd{order:-1;margin:0;font:500 clamp(2.2rem,3.6vw,3.2rem)/1 var(--font-head);color:var(--brass-l);font-variant-numeric:lining-nums tabular-nums}
.h-facts dt{font:600 .78rem/1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-d)}

/* ---------- I · reloj del turno (asimétrico, columna izquierda fija) ---------- */
.h-clock{background:var(--paper)}
.h-clock__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(32px,7vw,112px);align-items:start}
.h-clock__lead{position:sticky;top:calc(var(--head-h) + 36px)}
.h-clock__sub{margin-top:1.4rem;max-width:34ch}
.h-moments{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line-strong)}
.h-moment{position:relative;display:grid;grid-template-columns:minmax(104px,150px) minmax(0,1fr) minmax(96px,150px);align-items:center;gap:0 clamp(16px,2.4vw,32px);padding:clamp(22px,3vw,34px) 0}
.h-moment__time{font:500 clamp(2.4rem,4.4vw,3.8rem)/1 var(--font-head);letter-spacing:.02em;color:var(--brass);font-variant-numeric:lining-nums tabular-nums}
.h-moment__when{margin:0 0 .35rem;font:600 .78rem/1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.h-moment__say{font:italic 500 clamp(1.25rem,1.9vw,1.55rem)/1.25 var(--font-head);color:var(--ink)}
.h-moment__course{margin-top:.8rem;font-size:.95rem;line-height:1.45}
.h-moment__course .link{font-weight:500;color:var(--ink)}
.h-moment__price{display:inline-block;margin-left:.7rem;font-weight:600;color:var(--brass);white-space:nowrap}
.h-moment__price small{font-size:.78rem;font-weight:400;color:var(--muted);margin-left:.15rem}
.h-moment__img{width:100%;aspect-ratio:3/2;object-fit:cover;outline:1px solid var(--line);outline-offset:6px;margin:6px}

/* ---------- II · cuatro puestos (franjas de foto a pantalla completa) ---------- */
.h-posts{padding-bottom:0;background:var(--paper)}
.h-posts__head{padding-bottom:clamp(28px,4vw,48px)}
.h-panels{display:flex;max-width:100vw;height:clamp(560px,84vh,780px);overflow:hidden;background:var(--ink)}
.h-panel{position:relative;flex:1 1 0%;min-width:0;overflow:hidden;color:var(--on-dark);border-left:1px solid var(--line-d);transition:flex-grow .75s var(--ease)}
.h-panel:first-child{border-left:0}
.h-panel__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform 1.2s var(--ease)}
.h-panel__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,36,29,.92) 0,rgba(20,36,29,.78) 45%,rgba(20,36,29,.64) 100%)}
.h-panel__tab{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:26px 22px;transition:opacity .35s ease}
.h-panel__n{font:500 1.7rem/1 var(--font-head);color:var(--brass-l);letter-spacing:.04em}
.h-panel__vname{writing-mode:vertical-rl;transform:rotate(180deg);font:500 clamp(1.3rem,1.9vw,1.7rem)/1 var(--font-head);letter-spacing:.04em;color:var(--on-dark);white-space:nowrap}
.h-panel__body{position:absolute;left:0;bottom:0;width:clamp(320px,36vw,560px);padding:clamp(24px,3vw,44px);opacity:0;pointer-events:none;transition:opacity .25s ease}
.h-panel__num{margin:0 0 .6rem;font:500 1.5rem/1 var(--font-head);color:var(--brass-l);letter-spacing:.04em}
.h-panel h3{color:var(--on-dark);font-size:clamp(1.7rem,2.6vw,2.3rem)}
.h-panel__lead{margin:.8rem 0 1.3rem;font-size:.98rem;line-height:1.55;color:var(--on-dark)}
.h-panel__list{list-style:none;margin:0 0 1.2rem;padding:0;border-top:1px solid var(--line-d)}
.h-panel__list li{border-bottom:1px solid var(--line-d)}
.h-panel__list a{display:block;padding:.65rem 0;font-size:.95rem;line-height:1.35;color:var(--on-dark);transition:padding-left .35s var(--ease),color .3s}
.h-panel__list a:hover,.h-panel__list a:focus-visible{padding-left:.6rem;color:var(--on-dark)}
.h-panel__all{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font:600 .78rem/1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark);border-bottom:1px solid var(--brass-l)}
.h-panel__all span{display:inline-block}
.h-panel__all:hover span,.h-panel__all:focus-visible span{animation:h-nudge .9s ease-in-out infinite}
.h-panel a:focus-visible{outline-color:var(--brass-l)}
/* estado abierto: el primero por defecto; el que tiene el ratón o el foco, cuando el grupo lo tiene */
.h-panels:not(:hover):not(:focus-within) .h-panel:first-child,
.h-panel:hover,.h-panel:focus-within{flex-grow:3.2}
.h-panels:not(:hover):not(:focus-within) .h-panel:first-child .h-panel__body,
.h-panel:hover .h-panel__body,.h-panel:focus-within .h-panel__body{opacity:1;pointer-events:auto;transition-delay:.3s}
.h-panels:not(:hover):not(:focus-within) .h-panel:first-child .h-panel__tab,
.h-panel:hover .h-panel__tab,.h-panel:focus-within .h-panel__tab{opacity:0;pointer-events:none}
.h-panels:not(:hover):not(:focus-within) .h-panel:first-child .h-panel__img,
.h-panel:hover .h-panel__img,.h-panel:focus-within .h-panel__img{transform:scale(1.05)}

/* ---------- III · lo que se oye en el turno (lista a dos columnas) ---------- */
.h-heard{background:var(--paper)}
.h-heard__head{max-width:640px;margin-bottom:clamp(36px,5vw,64px)}
.h-heard__sub{margin-top:1.2rem;max-width:46ch}
.h-heard__list{list-style:none;margin:0;padding:0;columns:2;column-gap:clamp(44px,7vw,112px);column-rule:1px solid var(--line);border-bottom:1px solid var(--line)}
.h-heard__item{position:relative;break-inside:avoid;display:grid;grid-template-columns:3.4rem minmax(0,1fr);padding:clamp(24px,2.8vw,34px) 0 clamp(26px,3vw,38px)}
.h-heard__n{padding-top:.5em;font:500 1.1rem/1.3 var(--font-head);letter-spacing:.05em;color:var(--brass);font-variant-numeric:lining-nums}
.h-heard__q{font:italic 500 clamp(1.4rem,2.2vw,1.85rem)/1.22 var(--font-head);color:var(--ink)}
.h-heard__meta{grid-column:2;display:flex;flex-wrap:wrap;gap:.35rem 1.2rem;align-items:baseline;margin-top:1rem;font-size:.88rem;line-height:1.4;color:var(--muted)}
.h-heard__go{font:600 .78rem/1.4 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.h-heard__go span[aria-hidden]{display:inline-block;transition:transform .35s var(--ease)}
.h-heard__go:hover span[aria-hidden],.h-heard__go:focus-visible span[aria-hidden]{transform:translateX(4px)}

/* ---------- IV · dentro de una lección (asimétrico 1.15 / .85) ---------- */
.h-inside{background:var(--tint)}
.h-inside__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,6vw,96px);align-items:center}
.h-mock{margin:10px}
.h-mock__screen{background:var(--surface);border:1px solid var(--line-strong);outline:1px solid var(--line);outline-offset:10px}
.h-mock__top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--line)}
.h-mock__course{font:500 1.1rem/1.25 var(--font-head);color:var(--ink)}
.h-mock__where{flex:none;font:600 .78rem/1.3 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.h-mock__main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.h-mock__stage{padding:1.1rem;border-right:1px solid var(--line)}
.h-mock__video{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink)}
.h-mock__video img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.h-mock__video::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,36,29,.8),rgba(20,36,29,.35) 60%,rgba(20,36,29,.25))}
.h-mock__play{position:absolute;z-index:1;left:50%;top:46%;width:60px;height:60px;margin:-30px 0 0 -30px;border:1px solid var(--on-dark);border-radius:50%;background:rgba(20,36,29,.55)}
.h-mock__play::before{content:"";position:absolute;left:24px;top:19px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent var(--on-dark)}
.h-mock__play::after{content:"";position:absolute;inset:-1px;border:1px solid var(--brass-l);border-radius:50%;animation:h-ring 3.2s ease-out infinite}
.h-mock__bar{position:absolute;z-index:1;left:14px;right:100px;bottom:16px;height:2px;background:rgba(246,241,231,.4)}
.h-mock__bar i{display:block;width:35%;height:100%;background:var(--brass-l)}
.h-mock__time{position:absolute;z-index:1;right:14px;bottom:9px;font:500 .8rem/1 var(--font-ui);letter-spacing:.06em;color:var(--on-dark);font-variant-numeric:tabular-nums}
.h-mock__task{margin-top:1rem;padding:.9rem 1rem;border:1px solid var(--line-strong);border-left:3px solid var(--green);font-size:.95rem;line-height:1.5}
.h-mock__label{margin:0 0 .35rem;font:600 .78rem/1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.h-mock__list{padding:1.1rem}
.h-mock__list ol{list-style:none;margin:.5rem 0 0;padding:0}
.h-mock__list li{position:relative;display:flex;flex-direction:column;gap:.1rem;padding:.7rem 0 .7rem 2rem;border-bottom:1px solid var(--line);font-size:.92rem;line-height:1.3}
.h-mock__list li:last-child{border-bottom:0}
.h-mock__list li::before{content:"";position:absolute;left:0;top:.8rem;width:17px;height:17px;border:1px solid var(--line-strong);border-radius:50%}
.h-mock__list li.is-done::before{background:var(--green);border-color:var(--green)}
.h-mock__list li.is-done::after{content:"";position:absolute;left:4.5px;top:calc(.8rem + 5px);width:8px;height:4px;border-left:1.6px solid var(--on-dark);border-bottom:1.6px solid var(--on-dark);transform:rotate(-45deg)}
.h-mock__list li.is-now::before{border-color:var(--brass);background:radial-gradient(circle,var(--brass) 0 3.5px,transparent 4.5px)}
.h-mock__t{color:var(--ink);font-weight:500}
.h-mock__list li.is-now .h-mock__t{font-weight:600}
.h-mock__c{font-size:.82rem;color:var(--muted)}
.h-mock figcaption{margin-top:1.6rem;font:600 .78rem/1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.h-how{list-style:none;margin:1.8rem 0 0;padding:0}
.h-how li{position:relative;padding:1.2rem 0 1.3rem;line-height:1.6}
.h-how li:last-child{border-bottom:1px solid var(--line)}
.h-how b{display:block;margin-bottom:.15rem;font:500 1.3rem/1.25 var(--font-head);color:var(--ink)}
.h-inside__go{display:inline-flex;align-items:center;min-height:44px;margin-top:1rem;font:600 .8rem/1.4 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}

/* ---------- V · prepara tu temporada (columna estrecha, formulario GET) ---------- */
.h-plan{background:var(--paper)}
.h-plan__wrap{max-width:calc(var(--wrap) - 220px)}
.h-plan__head{max-width:640px;margin-bottom:clamp(28px,4vw,48px)}
.h-plan__sub{margin-top:1.2rem;max-width:50ch}
.h-plan__posts{margin:0;padding:0;border:0;min-width:0}
.h-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.h-plan__posts legend,.h-plan__hours label{padding:0;margin:0 0 .7rem;font:600 .78rem/1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.h-opt{position:relative;min-width:0}
.h-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.h-opt label{display:flex;flex-direction:column;justify-content:space-between;gap:1.1rem;height:100%;min-height:108px;margin:0 -1px 0 0;padding:1rem 1.1rem;border:1px solid var(--line-strong);background:transparent;font:500 clamp(1.2rem,1.7vw,1.45rem)/1.15 var(--font-head);color:var(--ink);transition:background .4s var(--ease),color .4s var(--ease)}
.h-opt__n{font:500 1.15rem/1 var(--font-head);letter-spacing:.05em;color:var(--brass)}
.h-opt:hover label{background:var(--tint)}
.h-opt input:checked+label{background:var(--ink);color:var(--on-dark)}
.h-opt input:checked+label .h-opt__n{color:var(--brass-l)}
.h-opt input:focus-visible+label{outline:2px solid var(--green);outline-offset:3px;position:relative;z-index:2}
.h-plan__row{display:flex;flex-wrap:wrap;gap:1.2rem 1.6rem;align-items:flex-end;margin-top:1.8rem}
.h-plan__hours{width:min(100%,220px)}
.h-plan__hours select{min-height:50px}
.h-preview{margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid var(--line-strong)}
.h-preview__title{margin:0 0 .6rem;font:600 .78rem/1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.h-preview ol{list-style:none;margin:0;padding:0;counter-reset:pv}
.h-preview li{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto auto;gap:.3rem 1.2rem;align-items:baseline;padding:.85rem 0;border-bottom:1px solid var(--line);animation:h-rise .5s var(--ease) both}
.h-preview li:nth-child(2){animation-delay:.08s}
.h-preview li:nth-child(3){animation-delay:.16s}
.h-preview li::before{counter-increment:pv;content:counter(pv,upper-roman);font:500 1.1rem/1 var(--font-head);color:var(--brass);letter-spacing:.05em}
.h-preview a{justify-self:start;font:500 1.2rem/1.25 var(--font-head);color:var(--ink)}
.h-preview__h{font-size:.9rem;color:var(--muted);white-space:nowrap}
.h-preview__p{font-weight:600;color:var(--brass);white-space:nowrap}
.h-preview__sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.6rem;margin-top:1.4rem}
.h-preview__big{font:italic 500 clamp(1.7rem,3vw,2.5rem)/1.1 var(--font-head);color:var(--ink)}
.h-preview__note{font-size:.9rem;color:var(--muted);max-width:52ch}

/* ---------- VI · cifras (banda oscura, sin título pesado) ---------- */
.h-nums{padding-block:clamp(64px,8vw,112px)}
.h-nums__head{margin-bottom:clamp(28px,4vw,52px)}
.h-nums__head h2{font-size:clamp(1.8rem,3.2vw,2.6rem)}
.h-nums__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line-d)}
.h-nums__cell{display:flex;flex-direction:column;padding:clamp(24px,3vw,40px) clamp(14px,2vw,30px) 0;border-left:1px solid var(--line-d)}
.h-nums__cell:first-child{border-left:0;padding-left:0}
.h-nums__val{order:1;margin:0}
.h-nums__v{display:block;font:500 clamp(3.6rem,8vw,7rem)/.95 var(--font-head);letter-spacing:.01em;color:var(--brass-l);font-variant-numeric:lining-nums tabular-nums}
.h-nums__cell dt{order:2;margin-top:1rem;font:600 .78rem/1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark)}
.h-nums__cap{order:3;margin:.5rem 0 0;max-width:26ch;font-size:.95rem;line-height:1.5;color:var(--muted-d)}

/* ---------- VII · lo que estos cursos no son (1.4 / .6) ---------- */
.h-limits{background:var(--paper)}
.h-limits__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(36px,7vw,112px);align-items:start}
.h-limits__list{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;border-bottom:1px solid var(--line-strong)}
.h-limits__list li{position:relative;display:grid;grid-template-columns:clamp(104px,14vw,160px) minmax(0,1fr);gap:.4rem 1.2rem;align-items:baseline;padding:1.4rem 0 1.5rem}
.h-limits__list b{font:600 .78rem/1.4 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.h-limits__list li>span:not(.rule){font:500 clamp(1.3rem,2vw,1.7rem)/1.25 var(--font-head);color:var(--ink)}
.h-limits__note{position:sticky;top:calc(var(--head-h) + 36px);padding-left:clamp(18px,2.4vw,32px);border-left:1px solid var(--brass-l)}
.h-limits__big{margin-bottom:1.1rem;font:italic 500 clamp(1.6rem,2.6vw,2.2rem)/1.2 var(--font-head);color:var(--ink)}
.h-limits__note p+p{margin-top:.9rem;font-size:.97rem}

/* ---------- VIII · preguntas (dos columnas, barra de contacto fija) ---------- */
.h-faq{background:var(--tint)}
.h-faq__bar{position:sticky;top:var(--head-h);z-index:5;background:var(--tint);border-bottom:1px solid var(--line-strong);padding-block:1rem .9rem}
.h-faq__barin{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 2rem}
.h-faq__bar .h-kicker{margin-bottom:.25rem}
.h-faq__bar h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.h-faq__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(40px,7vw,112px);align-items:start;margin-top:clamp(20px,3vw,36px)}
.h-faq__col{min-width:0;border-bottom:1px solid var(--line-strong)}
.h-q{border-top:1px solid var(--line-strong)}
.h-q summary{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;min-height:64px;padding:.9rem 0;list-style:none;cursor:pointer;font:500 clamp(1.2rem,1.7vw,1.45rem)/1.25 var(--font-head);color:var(--ink)}
.h-q summary::-webkit-details-marker{display:none}
.h-q summary::marker{content:""}
.h-q summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--brass),var(--brass)) center/100% 1.5px no-repeat,linear-gradient(var(--brass),var(--brass)) center/1.5px 100% no-repeat;transition:transform .4s var(--ease)}
.h-q[open] summary::after{transform:rotate(45deg)}
.h-q summary:hover{color:var(--green)}
.h-q p{margin:0;padding:0 2rem 1.5rem 0;max-width:56ch;font-size:.99rem;line-height:1.65}
.h-q[open]>p{animation:h-rise .45s var(--ease) both}

/* ---------- cierre ---------- */
.h-close{position:relative;overflow:hidden;display:flex;align-items:center;min-height:clamp(480px,72vh,680px);background:var(--ink);color:var(--on-dark)}
.h-close__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 58%}
.h-close__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,36,29,.9) 0,rgba(20,36,29,.82) 38%,rgba(20,36,29,.5) 72%,rgba(20,36,29,.3) 100%)}
.h-close__body{position:relative;z-index:1;padding-block:clamp(72px,10vw,132px)}
.h-close__copy{max-width:660px}
.h-close h2{font-size:clamp(2.3rem,5.4vw,4.4rem);line-height:1.04;color:var(--on-dark)}
.h-close__copy p{margin-top:1.4rem;max-width:46ch;font-size:1.1rem;color:var(--on-dark)}
.h-close__copy p:last-child{margin-top:2rem}
main:has(.h-close)+.site-foot{margin-top:0}

/* ---------- tablet y móvil ---------- */
@media (max-width:1100px){
  .h-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h-opt label{margin:0 -1px -1px 0}
  .h-nums__row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h-nums__cell:nth-child(3){border-left:0;padding-left:0}
  .h-nums__cell:nth-child(n+3){margin-top:clamp(20px,3vw,36px);border-top:1px solid var(--line-d)}
}
@media (max-width:900px){
  .h-hero__body{grid-template-columns:1fr}
  .h-facts div:first-child{padding-left:0;border-left:0}
  .h-clock__grid,.h-inside__grid,.h-limits__grid{grid-template-columns:minmax(0,1fr)}
  .h-clock__lead,.h-limits__note{position:static}
  .h-inside__text{order:-1}
  .h-heard__list{columns:1;column-rule:0}
  .h-faq__cols{grid-template-columns:minmax(0,1fr)}
  .h-faq__col:first-child{border-bottom:0}
  .h-faq__bar{position:static}
  .h-faq__bar .btn{width:100%}
  /* paneles: apilados y abiertos */
  .h-panels{display:block;height:auto}
  .h-panel{display:flex;align-items:flex-end;min-height:440px;border-left:0;border-top:1px solid var(--line-d)}
  .h-panel:first-child{border-top:0}
  .h-panel__tab{display:none}
  .h-panel__body{position:relative;width:100%;padding:clamp(150px,34vw,220px) var(--gutter) 30px;opacity:1;pointer-events:auto}
  .h-panels:not(:hover):not(:focus-within) .h-panel:first-child .h-panel__img,
  .h-panel:hover .h-panel__img,.h-panel:focus-within .h-panel__img{transform:none}
  .h-panel__list a{min-height:44px;display:flex;align-items:center}
}
@media (max-width:720px){
  .h-moment{grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:"time img" "body body";gap:.9rem 1.2rem}
  .h-moment__time{grid-area:time;align-self:end}
  .h-moment__img{grid-area:img}
  .h-moment__body{grid-area:body}
  .h-moment__price{display:block;margin:.25rem 0 0}
  .h-moment__course .link{display:inline-flex;align-items:center;min-height:44px}
  .h-mock__main{grid-template-columns:minmax(0,1fr)}
  .h-mock__stage{border-right:0;border-bottom:1px solid var(--line)}
  .h-mock__top{flex-direction:column;gap:.3rem}
  .h-preview li{grid-template-columns:2rem minmax(0,1fr);}
  .h-preview__h,.h-preview__p{grid-column:2}
  .h-limits__list li{grid-template-columns:minmax(0,1fr)}
  .h-heard__item{grid-template-columns:2.8rem minmax(0,1fr)}
  .h-heard__go{display:inline-flex;align-items:center;min-height:44px}
}
@media (max-width:520px){
  .h-facts{width:100%;justify-content:space-between}
  .h-facts div{padding-inline:12px}
  .h-nums__row{grid-template-columns:minmax(0,1fr)}
  .h-nums__cell,.h-nums__cell:nth-child(3){border-left:0;padding-left:0;margin-top:0;border-top:1px solid var(--line-d)}
  .h-nums__cell:first-child{border-top:0}
  .h-plan__row .btn{width:100%}
  .h-plan__hours{width:100%}
}

/* ---------- movimiento reducido ---------- */
@media (prefers-reduced-motion:reduce){
  .h-panel,.h-panel__img,.h-panel__tab,.h-panel__body{transition:none}
  .h-mock__play::after,.h-panel__all:hover span,.h-panel__all:focus-visible span{animation:none}
  .h-preview li,.h-q[open]>p{animation:none}
  .h-hero__img{animation:none}
}