/* Generado por wordpress/build_wp.py desde la v2: no editar a mano. */
/* WSI v2 · sistema base: oscuro cinematográfico, credenciales, HUD, secuencias con scroll, split-flap, cursor.
   Todo valor sale de tokens.css. Las secciones añaden su CSS acotado por #id. */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video,canvas,svg{display:block;max-width:100%}
img,video{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
::selection{background:var(--gold);color:var(--bg)}
#wsi .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#wsi .skip{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 18px;background:var(--gold);color:var(--bg);font-weight:500}
#wsi .skip:focus{top:16px}

/* Retícula */
#wsi .wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
#wsi .section{padding-block:var(--section)}
#wsi .bg-2{background:var(--bg-2)}
#wsi .bg-3{background:var(--bg-3)}

/* Tipografía */
#wsi .mega,#wsi .h1,#wsi .h2,#wsi .h3{font-family:var(--serif);font-weight:300;color:var(--ink);text-wrap:balance}
#wsi .mega{font-size:var(--t-mega);line-height:.92;letter-spacing:-.02em}
#wsi .h1{font-size:var(--t-h1);line-height:1;letter-spacing:-.015em}
#wsi .h2{font-size:var(--t-h2);line-height:1.04;letter-spacing:-.01em}
#wsi .h3{font-size:var(--t-h3);line-height:1.15;font-weight:400}
#wsi .mega em,#wsi .h1 em,#wsi .h2 em,#wsi .h3 em{font-style:italic;font-weight:400;color:var(--gold)}
#wsi .mega .dim,#wsi .h1 .dim,#wsi .h2 .dim{color:var(--muted)}
#wsi .lead{font-size:var(--t-lead);line-height:1.55;font-weight:300;color:var(--muted);max-width:46ch}
#wsi .figure{font-family:var(--sans);font-weight:300;font-size:var(--t-figure);line-height:.85;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
#wsi .figure sup,#wsi .figure .unit{font-size:.42em;letter-spacing:0;color:var(--gold);vertical-align:.95em;margin-left:.04em}
#wsi .label{font-size:var(--t-small);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
/* HUD y kicker: la mono solo vive aquí */
#wsi .hud,#wsi .kicker{font-family:var(--mono);font-size:var(--t-hud);font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
#wsi .kicker b{color:var(--gold);font-weight:500}
#wsi .rec{display:inline-flex;align-items:center;gap:8px}
#wsi .rec::before{content:"";width:6px;height:6px;border-radius:50%;background:#D9483B;box-shadow:0 0 10px #D9483B}

/* Credencial (botón): escarapela con troquel y talón */
#wsi .cred{--c:var(--gold);--t:var(--bg);position:relative;display:inline-flex;align-items:stretch;min-height:var(--btn-h);color:var(--t);font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:.02em;white-space:nowrap;isolation:isolate;transition:transform var(--dur-ui) var(--ease)}
#wsi .cred__main,#wsi .cred__stub{display:inline-flex;align-items:center;background:var(--c);transition:background-color var(--dur-ui) var(--ease)}
#wsi .cred__main{padding:0 26px 0 24px;
  -webkit-mask:radial-gradient(circle 7px at 100% 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 7px at 100% 100%,transparent 98%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 7px at 100% 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 7px at 100% 100%,transparent 98%,#000) bottom/100% 51% no-repeat}
#wsi .cred__stub{justify-content:center;width:52px;border-left:1.5px dashed rgba(8,31,24,.45); /* taste-skill-ignore: perforación del talón de la credencial */
  -webkit-mask:radial-gradient(circle 7px at 0 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 7px at 0 100%,transparent 98%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 7px at 0 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 7px at 0 100%,transparent 98%,#000) bottom/100% 51% no-repeat}
#wsi .cred__stub svg{width:18px;height:18px;transition:transform var(--dur-ui) var(--ease)}
#wsi .cred:hover .cred__main,#wsi .cred:hover .cred__stub,#wsi .cred:focus-visible .cred__main,#wsi .cred:focus-visible .cred__stub{background:var(--gold-soft)}
#wsi .cred:hover .cred__stub svg{transform:translateX(4px)}
#wsi .cred--ghost{--c:rgba(244,240,231,.08);--t:var(--ink)}
#wsi .cred--ghost .cred__stub{border-left-color:rgba(244,240,231,.25)} /* taste-skill-ignore: perforación */
#wsi .cred--ghost:hover .cred__main,#wsi .cred--ghost:hover .cred__stub{background:rgba(244,240,231,.16)}
#wsi .cred--sm{--btn-h:44px;font-size:14px}
#wsi .cred--sm .cred__main{padding:0 18px}
#wsi .cred--sm .cred__stub{width:44px}
#wsi .link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:500;color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:7px}
#wsi .link svg{width:16px;height:16px;color:var(--gold);transition:transform var(--dur-ui) var(--ease)}
#wsi .link:hover svg{transform:translateX(4px)}
#wsi .micro{margin-top:14px;font-family:var(--mono);font-size:var(--t-hud);letter-spacing:.12em;color:var(--dim)}

/* Barra de progreso de scroll */
#wsi .progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:70;pointer-events:none}
#wsi .progress i{display:block;height:100%;width:100%;background:var(--gold);transform-origin:left;transform:scaleX(var(--p,0))}

/* Header */
#wsi .nav{position:fixed;inset:0 0 auto 0;z-index:60;transition:background-color var(--dur-ui) var(--ease),backdrop-filter var(--dur-ui)}
#wsi .nav.is-solid{background:rgba(8,31,24,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
#wsi .nav__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:80px}
#wsi .nav__brand{display:inline-flex;align-items:center;min-height:44px;flex:none}
#wsi .nav__brand img{width:176px;height:auto}
#wsi .nav__links{display:flex;gap:4px;padding:5px;border:1px solid var(--line-2);background:rgba(8,31,24,.45)} /* taste-skill-ignore: cápsula de navegación, como la referencia */
#wsi .nav__links a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;font-size:14px;color:var(--muted);transition:color var(--dur-ui) var(--ease),background-color var(--dur-ui) var(--ease)}
#wsi .nav__links a:hover,#wsi .nav__links a[aria-current="page"]{color:var(--ink);background:rgba(244,240,231,.08)}
#wsi .nav__end{display:flex;align-items:center;gap:var(--s3);flex:none}
#wsi .nav__wa{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--muted)}
#wsi .nav__wa svg{width:16px;height:16px;color:var(--gold)}
#wsi .nav__wa:hover{color:var(--ink)}
#wsi .nav__menu{display:none;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:44px;font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
#wsi .nav__menu i{display:block;width:22px;height:1px;background:currentColor;box-shadow:0 6px 0 currentColor;transform:translateY(-3px)}
@media (max-width:1180px){#wsi .nav__links,#wsi .nav__wa{display:none}#wsi .nav__menu{display:inline-flex}}
@media (max-width:640px){#wsi .nav__bar{min-height:64px}#wsi .nav__brand img{width:146px}#wsi .nav__end .cred{display:none}}

#wsi .drawer{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;padding:16px var(--gutter) 32px;background:var(--bg);visibility:hidden;opacity:0;transition:opacity 500ms var(--ease),visibility 500ms}
#wsi .drawer.is-open{visibility:visible;opacity:1}
#wsi .drawer__top{display:flex;justify-content:space-between;align-items:center;min-height:48px}
#wsi .drawer__top img{width:146px}
#wsi .drawer ul{list-style:none;margin-top:var(--s6);display:grid}
#wsi .drawer ul a{display:flex;align-items:baseline;gap:16px;min-height:60px;font-family:var(--serif);font-size:40px;font-weight:300;line-height:1.2}
#wsi .drawer ul a span{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--gold)}
#wsi .drawer .cred{margin-top:auto;align-self:flex-start}

/* Escena con HUD (envoltorio común de héroes y escenas fijas) */
#wsi .scene{position:relative;background:var(--bg)}
#wsi .scene__stick{position:sticky;top:0;height:100svh;overflow:hidden}
#wsi .scene__media{position:absolute;inset:0}
#wsi .scene__media img,#wsi .scene__media video,#wsi .scene__media canvas{width:100%;height:100%;object-fit:cover}
#wsi .scene__shade{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 45%,rgba(8,31,24,.25) 0%,rgba(8,31,24,.72) 70%,rgba(8,31,24,.95) 100%)} /* taste-skill-ignore: viñeta X.4 sobre fotografía */
#wsi .scene__hud{position:absolute;inset:96px var(--gutter) 28px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;pointer-events:none;z-index:3}
#wsi .scene__hud .tl{grid-area:1/1}
#wsi .scene__hud .tr{grid-area:1/2;justify-self:end}
#wsi .scene__hud .bl{grid-area:3/1;align-self:end}
#wsi .scene__hud .br{grid-area:3/2;justify-self:end;align-self:end;width:120px;height:1px;background:var(--line-2)}
#wsi .scene__hud .br i{display:block;height:100%;background:var(--gold);transform-origin:left;transform:scaleX(var(--sp,0))}
#wsi .scene__body{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:96px var(--gutter) 72px}
@media (max-width:640px){#wsi .scene__hud{inset:76px var(--gutter) 18px}#wsi .scene__hud .tr{display:none}}

/* Revelados */
#wsi .reveal{opacity:0;transform:translateY(28px);transition:opacity var(--dur-reveal) var(--ease),transform var(--dur-reveal) var(--ease)}
#wsi .reveal.is-in{opacity:1;transform:none}
#wsi .words .w{display:inline-block;color:var(--dim);transition:color 400ms var(--ease)}
#wsi .words .w.on{color:var(--ink)}
#wsi .words .w.hl.on{color:var(--gold);font-style:italic}

/* Marquesina */
#wsi .marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
#wsi .marquee__track{display:flex;gap:56px;width:max-content;animation:mq 40s linear infinite}
#wsi .marquee:hover .marquee__track{animation-play-state:paused}
#wsi .marquee__track span{display:inline-flex;align-items:center;gap:56px;font-family:var(--serif);font-size:clamp(26px,2.6vw,40px);font-weight:400;color:var(--muted);white-space:nowrap}
#wsi .marquee__track span::after{content:"";width:7px;height:7px;transform:rotate(45deg);background:var(--gold);opacity:.7}
@keyframes mq{to{transform:translateX(-50%)}}

/* Split-flap */
#wsi .flap{border:1px solid var(--line-2);background:var(--bg-2)} /* taste-skill-ignore: marco del tablero */
#wsi .flap__head,#wsi .flap__row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) minmax(0,.8fr);gap:var(--s3);align-items:center;padding:0 var(--s4)}
#wsi .flap__head{min-height:48px;border-bottom:1px solid var(--line)} /* taste-skill-ignore: tabla real */
#wsi .flap__head span:last-child,#wsi .flap__row>:last-child{justify-self:end}
#wsi .flap__row{min-height:72px;border-bottom:1px solid var(--line)} /* taste-skill-ignore: tabla real */
#wsi .flap__row:last-child{border-bottom:0}
#wsi .flap__word{display:flex;gap:3px;flex-wrap:nowrap}
#wsi .flap__word i{display:inline-grid;place-items:center;width:clamp(20px,1.9vw,30px);height:clamp(30px,2.7vw,42px);font-family:var(--mono);font-style:normal;font-size:clamp(13px,1.3vw,19px);font-weight:500;color:var(--ink);background:var(--bg);box-shadow:inset 0 -1px 0 rgba(0,0,0,.6),inset 0 1px 0 rgba(244,240,231,.06);position:relative} /* taste-skill-ignore: relieve de la paleta del tablero */
#wsi .flap__word i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55)} /* taste-skill-ignore: corte de la paleta */
#wsi .flap__ev{font-size:16px;color:var(--ink)}
#wsi .flap__ev small{display:block;font-size:var(--t-small);color:var(--muted)}
#wsi .flap__st{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
#wsi .flap__st.is-soon{color:var(--muted)}
@media (max-width:720px){
  #wsi .flap__head{display:none}
  #wsi .flap__row{grid-template-columns:1fr auto;grid-template-areas:"w s" "e e";row-gap:10px;padding:18px var(--s2)}
  #wsi .flap__word{grid-area:w}#wsi .flap__ev{grid-area:e}#wsi .flap__st{grid-area:s}
}

/* Tarjetas */
#wsi .card{background:var(--bg-3);padding:var(--s4);transition:transform var(--dur-ui) var(--ease),background-color var(--dur-ui) var(--ease)}
#wsi .card__n{font-family:var(--mono);font-size:var(--t-hud);letter-spacing:.2em;color:var(--gold)}
#wsi .card__big{margin-top:var(--s3);font-family:var(--serif);font-size:var(--t-h3);line-height:1.12;font-weight:400}
#wsi .card__small{margin-top:var(--s1);font-size:15px;color:var(--muted)}
#wsi .media{position:relative;overflow:hidden;background:var(--bg-3)}
#wsi .media img,#wsi .media video{width:100%;height:100%;object-fit:cover;transition:transform 1400ms var(--ease-wsi)}
#wsi a:hover .media img,#wsi .media.breathe:hover img{transform:scale(1.05)}
#wsi .ref-tag{position:absolute;left:12px;bottom:12px;z-index:2;padding:4px 8px;font-family:var(--mono);font-size:var(--t-hud);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:rgba(8,31,24,.78)}
#wsi .falta{display:inline-block;padding:1px 8px;font-family:var(--mono);font-size:12px;color:#F2C9B6;background:rgba(217,72,59,.14);border:1px dashed rgba(242,201,182,.5)}

/* Footer */
#wsi .foot{position:relative;background:var(--bg);padding-top:var(--section);padding-bottom:var(--s5);overflow:hidden}
#wsi .foot__claim{font-family:var(--serif);font-weight:300;font-size:var(--t-h1);line-height:1;max-width:16ch}
#wsi .foot__claim em{color:var(--gold)}
#wsi .foot__cta{margin-top:var(--s5);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center}
#wsi .foot__cols{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--s5)} /* taste-skill-ignore: filete del pie */
#wsi .foot__cols img{width:132px}
#wsi .foot__cols h4{font-family:var(--mono);font-size:var(--t-hud);font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--s2)}
#wsi .foot__cols ul{list-style:none}
#wsi .foot__cols ul a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}
#wsi .foot__cols ul a:hover{color:var(--ink)}
#wsi .foot__legal{margin-top:var(--s6);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s2);font-family:var(--mono);font-size:var(--t-hud);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
#wsi .foot__pegaso{position:absolute;right:-4vw;bottom:-6vw;width:min(46vw,620px);opacity:.05;pointer-events:none}
@media (max-width:900px){#wsi .foot__cols{grid-template-columns:1fr 1fr}#wsi .foot__cols>:first-child{grid-column:1/-1}}

/* WhatsApp flotante */
#wsi .wa{position:fixed;right:20px;bottom:20px;z-index:50;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--gold);color:var(--bg);transition:opacity var(--dur-ui) var(--ease),transform var(--dur-ui) var(--ease)}
#wsi .wa svg{width:24px;height:24px}
#wsi .wa:hover{transform:scale(1.06)}
#wsi .wa.is-hidden{opacity:0;visibility:hidden}

/* Cursor personalizado (solo puntero fino) */
#wsi .cursor{position:fixed;left:0;top:0;z-index:90;pointer-events:none;display:none}
@media (hover:hover) and (pointer:fine){
  #wsi .cursor{display:block}
  #wsi .cursor__dot{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--gold);transform:rotate(45deg)}
  #wsi .cursor__ring{position:absolute;width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid rgba(200,164,77,.6);transform:rotate(45deg);transition:width 350ms var(--ease),height 350ms var(--ease),margin 350ms var(--ease),background-color 350ms var(--ease)} /* taste-skill-ignore: escarapela del cursor */
  #wsi .cursor.is-cta .cursor__ring{width:72px;height:72px;margin:-36px 0 0 -36px;background:rgba(200,164,77,.12)}
  #wsi .cursor__label{position:absolute;left:28px;top:18px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:0;transition:opacity 300ms}
  #wsi .cursor.is-cta .cursor__label{opacity:1}
}

/* Encabezado interior (páginas que no son Inicio) */
#wsi .phero{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden}
#wsi .phero .scene__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,31,24,.55) 0%,rgba(8,31,24,.35) 40%,rgba(8,31,24,.96) 100%)} /* taste-skill-ignore: capa X.4 */
#wsi .phero__body{position:relative;z-index:2;width:100%;padding-bottom:var(--s7);padding-top:160px}
#wsi .phero__body .lead{margin-top:var(--s3)}
#wsi .phero__body .cred,#wsi .phero__body .link{margin-top:var(--s4)}

@media (prefers-reduced-motion:reduce){
  #wsi .reveal{opacity:1;transform:none}
  #wsi .marquee__track{animation:none;flex-wrap:wrap;width:auto}
  #wsi .words .w{color:var(--ink)}
}

/* ===== Componentes de páginas interiores ===== */
#wsi .manifiesto .kicker{margin-bottom:var(--s4)}
#wsi .manifiesto .h1{max-width:20ch;font-size:var(--t-h2)}

/* Nosotros · W S I */
#wsi .wsi__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
#wsi .wsi__big{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(140px,20vw,300px);line-height:.8;color:var(--gold)}
#wsi .wsi__l .hud{margin-top:var(--s3)}
#wsi .wsi__t{margin-top:8px;font-size:var(--t-lead);font-weight:300;color:var(--ink);max-width:22ch}
@media (max-width:760px){#wsi .wsi__grid{grid-template-columns:1fr;gap:var(--s5)}#wsi .wsi__big{font-size:120px}}
#wsi .team .h1,#wsi .valores .h1{margin-bottom:var(--s6);max-width:16ch}
#wsi .team__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
#wsi .pass-v{background:var(--bg-3);padding:var(--s3) var(--s3) var(--s4)}
#wsi .pass-v__ph{position:relative;aspect-ratio:4/5;display:grid;place-items:center;background:var(--bg-2);margin-bottom:var(--s3)}
#wsi .pass-v__ph img{width:42%;opacity:.35}
#wsi .pass-v__ph .falta{position:absolute;left:12px;bottom:12px}
#wsi .pass-v .h3{margin-top:10px}
#wsi .pass-v__m{margin-top:8px;color:var(--muted);font-size:15px}
@media (max-width:900px){#wsi .team__grid{grid-template-columns:1fr}#wsi .pass-v__ph{aspect-ratio:16/10}}
#wsi .valores__list{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2)}
#wsi .valores__list li{display:grid;gap:10px;padding:var(--s4) var(--s3);background:var(--bg-3)}
#wsi .valores__list strong{font-family:var(--serif);font-size:var(--t-h3);font-weight:400}
#wsi .valores__list span:last-child{color:var(--muted);font-size:15px}
@media (max-width:1000px){#wsi .valores__list{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#wsi .valores__list{grid-template-columns:1fr}}
#wsi .estribo__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);align-items:end}
#wsi .estribo__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
#wsi .estribo__stats div{display:flex;flex-direction:column-reverse;gap:12px}
#wsi .estribo__stats .figure{color:var(--gold)}
@media (max-width:900px){#wsi .estribo__grid{grid-template-columns:1fr}}

/* Clínicas · credencial grande */
#wsi .ticket{display:grid;grid-template-columns:5fr 6fr 120px;background:var(--bg-3);min-height:520px;
  -webkit-mask:radial-gradient(circle 14px at calc(100% - 120px) 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 14px at calc(100% - 120px) 100%,transparent 98%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 14px at calc(100% - 120px) 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 14px at calc(100% - 120px) 100%,transparent 98%,#000) bottom/100% 51% no-repeat}
#wsi .ticket__img{height:100%}
#wsi .ticket__body{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5)}
#wsi .ticket__data{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3) var(--s4);margin-block:var(--s2)}
#wsi .ticket__data dd{margin-top:4px;font-size:17px}
#wsi .ticket__body .cred{align-self:flex-start;margin-top:auto}
#wsi .ticket__stub{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--s4) 0;border-left:2px dashed var(--line-2)} /* taste-skill-ignore: perforación */
#wsi .ticket__stub .flap__st{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px}
#wsi .ticket__stub img{width:52px;opacity:.6}
@media (max-width:1000px){#wsi .ticket{grid-template-columns:1fr;-webkit-mask:none;mask:none}#wsi .ticket__img{aspect-ratio:16/10}#wsi .ticket__stub{display:none}#wsi .ticket__body{padding:var(--s4) var(--s3)}}
@media (max-width:480px){#wsi .ticket__data{grid-template-columns:1fr}}

/* Clínicas · el recorrido (setlist) */
#wsi .recorrido .h1{margin-bottom:var(--s6);max-width:16ch}
#wsi .tracks{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
#wsi .track{position:relative;display:flex;flex-direction:column;gap:10px;min-height:240px;padding:var(--s4);background:var(--bg-3);transition:background-color var(--dur-ui) var(--ease)}
#wsi .track:hover{background:#17463A}
#wsi .track__n{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
#wsi .track__t{position:absolute;right:var(--s4);top:var(--s4)}
#wsi .track .h3{margin-top:auto}
#wsi .track p{color:var(--muted);font-size:15px}
#wsi .track--bonus{background:var(--gold);color:var(--bg)}
#wsi .track--bonus:hover{background:var(--gold-soft)}
#wsi .track--bonus .track__n{color:var(--bg)}
#wsi .track--bonus .h3{color:var(--bg)}
#wsi .track--bonus .cred{--c:var(--bg);--t:var(--ink);align-self:flex-start}
@media (max-width:900px){#wsi .tracks{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#wsi .tracks{grid-template-columns:1fr}#wsi .track{min-height:0}}
#wsi .caso-c__grid{display:grid;grid-template-columns:auto 1fr;gap:var(--s6);align-items:center}
#wsi .caso-c .figure{font-size:clamp(160px,24vw,340px);color:var(--gold)}
@media (max-width:760px){#wsi .caso-c__grid{grid-template-columns:1fr;gap:var(--s3)}}
#wsi .familias__grid,#wsi .vip__grid{display:grid;grid-template-columns:5fr 6fr;gap:var(--s6);align-items:center}
#wsi .familias .media,#wsi .vip .media{aspect-ratio:4/5}
#wsi .fam{list-style:none;margin-block:var(--s5) var(--s4);display:grid;gap:var(--s3)}
#wsi .fam li{display:grid;grid-template-columns:150px 1fr;gap:var(--s2);align-items:baseline}
#wsi .fam strong{font-family:var(--serif);font-size:var(--t-h3);font-weight:400;color:var(--gold)}
#wsi .fam span{color:var(--muted)}
@media (max-width:900px){#wsi .familias__grid,#wsi .vip__grid{grid-template-columns:1fr}#wsi .familias .media,#wsi .vip .media{aspect-ratio:16/11}#wsi .fam li{grid-template-columns:1fr;gap:2px}}

/* Experiencias */
#wsi .well{height:300vh}
#wsi .well canvas{position:absolute;inset:0}
#wsi .well__poster img{width:100%;height:100%;object-fit:cover}
#wsi .well__body{display:grid;place-items:center}
#wsi .well__l1,#wsi .well__l2{grid-area:1/1;display:flex;flex-direction:column;align-items:center;max-width:1000px}
#wsi .well__l1{opacity:clamp(0,calc((.4 - var(--p,0)) * 6),1)}
#wsi .well__l2{opacity:clamp(0,calc((var(--p,0) - .5) * 6),1);pointer-events:none}
#wsi .well:is([data-step="6"],[data-step="7"],[data-step="8"],[data-step="9"]) .well__l2{pointer-events:auto}
#wsi .well__l2 .h1{max-width:18ch}
#wsi .ruta .h1{margin-bottom:var(--s6);max-width:14ch}
#wsi .meta{position:relative;min-height:90svh;display:flex;align-items:flex-end;overflow:hidden}
#wsi .meta__media{position:absolute;inset:0}
#wsi .meta__media img{width:100%;height:100%;object-fit:cover}
#wsi .meta__body{position:relative;z-index:2;padding-block:var(--s8)}
#wsi .meta .mega{margin-top:var(--s3);max-width:12ch}
#wsi .meta .lead{margin-top:var(--s3);color:var(--ink)}

/* Riders */
#wsi .riders__list{display:grid;gap:var(--s5)}
#wsi .rcard{display:grid;grid-template-columns:5fr 7fr;background:var(--bg-3);min-height:560px}
#wsi .rcard--alt{grid-template-columns:7fr 5fr}
#wsi .rcard--alt .rcard__img{order:2}
#wsi .rcard__img{height:100%}
#wsi .rcard__body{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6) var(--s5);justify-content:flex-end}
#wsi .rcard__data{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:var(--s5);margin-top:var(--s2)}
#wsi .rcard__data dd{margin-top:4px;font-size:17px}
#wsi .rcard__q{color:var(--muted)}
#wsi .rcard .cred{align-self:flex-start}
@media (max-width:900px){#wsi .rcard,#wsi .rcard--alt{grid-template-columns:1fr;min-height:0}#wsi .rcard--alt .rcard__img{order:0}#wsi .rcard__img{aspect-ratio:16/11}#wsi .rcard__body{padding:var(--s4) var(--s3)}#wsi .rcard__data{grid-template-columns:1fr 1fr;gap:var(--s3)}}
#wsi .aporta .kicker{margin-bottom:var(--s4)}
#wsi .aporta .h1{max-width:18ch}

/* Contacto · formulario */
#wsi .contacto{padding-top:calc(80px + var(--s7))}
#wsi .contacto__grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--s7);align-items:start}
#wsi .contacto__ch{list-style:none;margin-top:var(--s6);display:grid;gap:var(--s3)}
#wsi .contacto__ch li{display:grid;gap:4px}
#wsi .contacto__ch a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--serif);font-size:var(--t-h3)}
#wsi .contacto__ch li>span:last-child{font-family:var(--serif);font-size:var(--t-h3)}
#wsi .form{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);padding:var(--s5);background:var(--bg-3)}
#wsi .field,#wsi .perfil,#wsi .field--full{grid-column:span 1}
#wsi .perfil,#wsi .field--full{grid-column:1/-1}
#wsi .perfil{border:0;display:flex;flex-wrap:wrap;gap:8px}
#wsi .perfil legend{width:100%;margin-bottom:12px}
#wsi .perfil label{position:relative}
#wsi .perfil input{position:absolute;inset:0;opacity:0;cursor:pointer}
#wsi .perfil span{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;background:var(--bg-2);color:var(--muted);transition:background-color var(--dur-ui) var(--ease),color var(--dur-ui) var(--ease)}
#wsi .perfil input:checked+span{background:var(--gold);color:var(--bg)}
#wsi .perfil input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}
#wsi .field label{display:block;margin-bottom:8px;font-family:var(--mono);font-size:var(--t-hud);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
#wsi .field input,#wsi .field select,#wsi .field textarea{width:100%;min-height:52px;padding:12px 0;background:none;border:0;border-bottom:1px solid rgba(244,240,231,.45);font-size:17px;color:var(--ink);border-radius:0;transition:border-color var(--dur-ui) var(--ease)} /* taste-skill-ignore: campo de formulario */
#wsi .field select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C8A44D' stroke-width='1.5'/%3E%3C/svg%3E") right 4px center no-repeat}
#wsi .field select option{background:var(--bg-2);color:var(--ink)}
#wsi .field textarea{resize:vertical}
#wsi .field input:focus,#wsi .field select:focus,#wsi .field textarea:focus{outline:none;border-bottom-color:var(--gold)}
#wsi .field [aria-invalid="true"]{border-bottom-color:#E07A6E}
#wsi .consent{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted);min-height:44px}
#wsi .consent input{width:22px;height:22px;margin-top:2px;accent-color:var(--gold);flex:none}
#wsi .form__end{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}
#wsi .form__status{font-size:16px;color:var(--gold)}
@media (max-width:900px){#wsi .contacto__grid{grid-template-columns:1fr;gap:var(--s6)}#wsi .form{grid-template-columns:1fr;padding:var(--s4) var(--s3)}#wsi .field{grid-column:1/-1}}

#wsi .consent{max-width:62ch}
#wsi .field label{font-size:12px}
@media (prefers-reduced-motion:reduce){
  #wsi .well{height:auto}#wsi .well .scene__stick{position:relative;height:auto;min-height:100svh}
  #wsi .well__body{position:relative;display:flex;flex-direction:column;gap:var(--s7);padding-block:160px var(--s7)}
  #wsi .well__l1,#wsi .well__l2{opacity:1;pointer-events:auto}
}

/* Auditoría final */
#wsi .well .scene__shade{background:rgba(8,31,24,.5) radial-gradient(110% 80% at 50% 50%,rgba(8,31,24,.35) 0%,rgba(8,31,24,.85) 75%)} /* taste-skill-ignore: capa X.4 */
#wsi .field input:focus,#wsi .field select:focus,#wsi .field textarea:focus{border-bottom:2px solid var(--gold)} /* taste-skill-ignore: foco de campo */
#wsi .contacto .lead{max-width:40ch}
#wsi .aporta .h1,#wsi .team .h1,#wsi .valores .h1{max-width:22ch}
#wsi .aporta .h1{font-size:var(--t-h2)}
/* Valores como tablero de filas, no tarjetas */
#wsi .valores__list{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line-2)} /* taste-skill-ignore: tablero de filas */
#wsi .valores__list li{grid-template-columns:80px minmax(0,1fr) minmax(0,1.4fr);align-items:baseline;background:none;padding:var(--s3) 0;border-bottom:1px solid var(--line-2)} /* taste-skill-ignore: tablero de filas */
#wsi .valores__list strong{font-size:var(--t-h2);font-weight:300}
@media (max-width:640px){#wsi .valores__list li{grid-template-columns:48px 1fr}#wsi .valores__list li span:last-child{grid-column:2}}
/* Inicio de páginas interiores como escena: video + HUD */
#wsi .phero .scene__media video{width:100%;height:100%;object-fit:cover}
#wsi .phero .scene__hud{z-index:3}

/* Auditoría final celular */
#wsi .scene__hud,#wsi .phero .scene__hud{color:var(--muted)}
#wsi .meta .scene__shade{background:linear-gradient(to top,rgba(8,31,24,.94) 0%,rgba(8,31,24,.75) 50%,rgba(8,31,24,.3) 100%)} /* taste-skill-ignore: capa X.4 */
#wsi .field label{font-size:13px}
#wsi .foot .falta{margin-left:8px}
@media (prefers-reduced-motion:reduce){
  #wsi .marquee{-webkit-mask:none;mask:none}
  #wsi .marquee__track{justify-content:center;row-gap:16px}
  #wsi .marquee__track span:nth-child(n+8){display:none}
}