:root {--tunnel-vh: 100svh;}
.tunnel-body {background:#020718; overflow:hidden;}
.tunnel-shell {width:100%; min-height:100vh; min-height:100svh; min-height:var(--tunnel-vh, 100svh);}
.tunnel-view {position:relative; width:100%; height:100vh; height:100svh; height:var(--tunnel-vh, 100svh); min-height:390px; overflow:hidden; isolation:isolate; background:#020718;}
.tunnel-canvas {display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;}
.tunnel-vignette {position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,2,14,.37),transparent 25%,transparent 76%,rgba(0,2,14,.38)),radial-gradient(ellipse at 50% 48%,transparent 35%,rgba(1,4,21,.38) 100%);}
.tunnel-body .site-header {background:linear-gradient(180deg,rgba(1,5,22,.94),rgba(1,5,22,.78));}
.tunnel-body .site-shell {isolation:auto;}
.tunnel-status {position:absolute;z-index:3;left:clamp(20px,4vw,64px);bottom:27px;color:#d5eaff;font-size:10px;font-weight:700;letter-spacing:.27em;text-transform:uppercase;display:flex;align-items:center;gap:12px;pointer-events:none;text-shadow:0 0 20px #009bff;}
.tunnel-status::before {content:"";width:20px;height:2px;background:#38baff;box-shadow:0 0 15px #38baff;}
.tunnel-station {position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:clamp(85px,10vh,108px) 22px 30px;pointer-events:none;opacity:0;transform:perspective(950px) translateZ(-260px) scale(.68);filter:blur(12px);transition:opacity 1.2s ease,transform 1.35s cubic-bezier(.17,.77,.23,1),filter 1.2s ease;}
.tunnel-station.is-arrived {opacity:1;transform:perspective(950px) translateZ(0) scale(1);filter:blur(0);pointer-events:auto;}
.tunnel-station::before {content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 48%,rgba(2,7,35,.77) 0%,rgba(2,7,35,.52) 46%,rgba(2,7,35,.06) 100%);pointer-events:none;opacity:0;transition:opacity 1.3s ease;}
.tunnel-station.is-arrived::before {opacity:1;}
.station-shell {width:min(860px,calc(100vw - 48px));height:min(640px,calc(var(--tunnel-vh, 100svh) - 150px));min-height:350px;position:relative;perspective:1600px;filter:drop-shadow(0 0 25px rgba(16,117,255,.35));}
.station-topline {position:absolute;z-index:8;top:-31px;left:0;color:#a3d8ff;letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:800;}
.station-flip-card {position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.3s cubic-bezier(.2,.76,.19,1);}
.station-flip-card.is-flipped {transform:rotateY(180deg);}
.station-face {position:absolute;inset:0;display:flex;overflow:hidden;border-radius:26px;border:1px solid rgba(105,199,255,.58);background:linear-gradient(138deg,rgba(9,28,73,.98),rgba(8,13,49,.98) 61%,rgba(31,13,75,.99));-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 0 0 4px rgba(26,115,255,.15),0 0 44px rgba(18,151,255,.30),0 0 90px rgba(141,56,255,.21),inset 0 0 32px rgba(42,101,255,.12);}
.station-face::after {content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid rgba(168,105,255,.25);}
.station-front {transform:translateZ(1px);opacity:1;transition:opacity .12s linear .54s,visibility 0s .66s;}
.station-back {transform:rotateY(180deg) translateZ(1px);opacity:0;visibility:hidden;transition:opacity .12s linear .54s,visibility 0s .66s;}
.station-flip-card.is-flipped .station-front {opacity:0;visibility:hidden;}
.station-flip-card.is-flipped .station-back {opacity:1;visibility:visible;transition:opacity .12s linear .54s,visibility 0s .54s;}
.station-photo {width:48%;height:100%;background:#e9eef8;display:grid;place-items:center;position:relative;overflow:hidden;}
.station-photo img {width:100%;height:100%;object-fit:cover;object-position:center 20%;}
.station-photo::after {content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset -15px 0 28px rgba(7,22,63,.11);}
.station-front-content {flex:1;align-self:stretch;min-width:0;padding:clamp(18px,4vw,45px);display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,2vh,23px);}
.station-eyebrow {margin:0;font-size:11px;color:#8fd9ff;font-weight:800;text-transform:uppercase;letter-spacing:.15em;line-height:1.6;}
.station-front h2 {font-size:clamp(32px,3.8vw,59px);line-height:1.07;letter-spacing:-.045em;margin:0;color:#fff;}
.station-front-description {font-size:clamp(15px,1.5vw,19px);line-height:1.5;color:#c4d4f8;margin:0;}
.station-divider {width:68px;height:3px;border-radius:2px;background:linear-gradient(90deg,#00b8ff,#994bff);box-shadow:0 0 18px rgba(0,169,255,.6);}
.station-button {align-self:flex-start;color:#fff;background:linear-gradient(100deg,#0869eb,#7639e6);border:1px solid rgba(167,194,255,.65);border-radius:100px;padding:13px 18px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 10px 32px rgba(20,94,255,.24);transition:filter .25s,transform .25s;}
.station-button:hover,.station-button:focus-visible {filter:brightness(1.18);transform:translateY(-2px);}
.station-back {padding:clamp(21px,3.5vw,38px);flex-direction:column;gap:16px;}
.station-back-header {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-shrink:0;}
.station-back h2 {margin:7px 0 0;font-size:clamp(27px,3.1vw,42px);letter-spacing:-.04em;line-height:1.08;color:#fff;}
.station-back h3 {margin:0;color:#e7f4ff;font-size:17px;}
.station-bio-scroll {min-height:0;flex:1;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#3869e2 #0a1642;padding:6px 14px 10px 1px;}
.station-bio-scroll p {margin:0 0 16px;color:#d0def3;font-size:clamp(13px,1.2vw,16px);line-height:1.65;}
.station-back-footer {border-top:1px solid rgba(92,160,255,.25);padding-top:11px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#95c8ff;font-size:11px;letter-spacing:.1em;}
.station-back .station-button {padding:10px 14px;font-size:12px;}
.station-hidden-status {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;}
:root[data-theme="light"] .tunnel-body .site-header {background:rgba(248,251,255,.94);}
@media (max-width:700px) {
 .tunnel-station {padding:87px 16px 22px;}
 .station-shell {width:min(455px,calc(100vw - 32px));height:calc(100dvh - 132px);min-height:350px;}
 .station-front {flex-direction:column;}
 .station-photo {width:100%;height:51%;flex-shrink:0;}
 .station-photo img {object-fit:cover;object-position:center 22%;}
 .station-front-content {padding:15px 21px;gap:10px;}
 .station-front h2 {font-size:clamp(28px,7vw,40px);}
 .station-front-description {font-size:14px;}
 .station-button {font-size:12px;padding:9px 14px;}
 .station-back {padding:19px 18px;gap:9px;}
 .station-back h2 {font-size:29px;}
 .station-bio-scroll p {font-size:13px;line-height:1.52;}
 .station-back-footer {font-size:10px;}
 .station-topline {font-size:10px;top:-25px;}
 .tunnel-status {bottom:10px;font-size:9px;}
}
@media (prefers-reduced-motion:reduce) {
 .tunnel-station,.station-station::before,.station-flip-card {transition:none!important;}
 .tunnel-station {transform:none;filter:none;}
}

/* V36 — Estaciones de equipo, navegación y cierre corporativo */
.tunnel-body {overflow-x:hidden;overflow-y:auto;}
.tunnel-view {height:100vh; height:100svh; height:var(--tunnel-vh, 100svh); min-height:480px;}
.tunnel-station {padding-bottom:88px;}
.station-shell {height:min(635px,calc(var(--tunnel-vh, 100svh) - 175px));}
.station-topline {max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.station-front-content {gap:clamp(10px,1.9vh,20px);}
.station-front h2 {font-size:clamp(32px,3.6vw,56px);overflow-wrap:break-word;}
.station-back h2 {font-size:clamp(26px,2.7vw,39px);}
.station-back-footer {min-width:0;}
.station-back-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;}
.station-back-actions .station-button {white-space:nowrap;}
.station-button-quiet {background:rgba(7,25,64,.65);box-shadow:none;}
.tunnel-controls {position:absolute;z-index:8;left:50%;bottom:clamp(15px,2.7vh,28px);transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);display:flex;gap:12px;align-items:center;justify-content:center;padding:10px 13px;border:1px solid rgba(105,174,255,.32);border-radius:100px;background:rgba(3,12,37,.79);box-shadow:0 8px 34px rgba(0,4,21,.6),inset 0 1px rgba(213,239,255,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.tunnel-ctrl {min-height:35px;min-width:35px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(93,161,255,.3);background:rgba(12,35,79,.75);color:#e9f6ff;font-size:24px;line-height:1;cursor:pointer;transition:background .2s,transform .2s;}
.tunnel-ctrl:not(:disabled):hover {background:rgba(27,94,175,.8);transform:translateY(-2px);}
.tunnel-ctrl:disabled {opacity:.3;cursor:default;}
.tunnel-ctrl-text {border-radius:100px;min-width:88px;font-weight:800;font-size:11px;letter-spacing:.06em;padding:0 11px;}
.tunnel-progress {display:flex;align-items:center;gap:9px;padding:0 5px;}
.tunnel-dot {width:11px;height:11px;padding:0;border:1px solid rgba(173,207,255,.65);border-radius:50%;background:rgba(55,93,171,.45);cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s;}
.tunnel-dot[aria-current="step"] {background:#64ceff;transform:scale(1.35);box-shadow:0 0 12px #148bff,0 0 23px rgba(168,96,255,.55);}
.tunnel-count {white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.15em;color:#c1e5ff;}
.tunnel-status {bottom:clamp(86px,12vh,110px);}
.tunnel-closing {position:relative;scroll-margin-top:65px;overflow:hidden;text-align:center;padding:clamp(84px,9vw,130px) 20px;background:radial-gradient(ellipse at 50% 112%,rgba(93,44,223,.36),transparent 54%),radial-gradient(ellipse at 50% 10%,rgba(6,82,195,.19),transparent 65%),#050b20;border-top:1px solid rgba(64,134,255,.18);}
.tunnel-closing-inner {display:flex;flex-direction:column;align-items:center;gap:22px;}
.tunnel-closing h2 {margin:0;max-width:min(1400px,98vw);color:#fff;font-size:clamp(40px,6.1vw,92px);letter-spacing:-.058em;line-height:1.06;text-wrap:balance;}
.tunnel-closing p {margin:0;max-width:760px;color:#c4d3f0;font-size:clamp(15px,1.45vw,19px);line-height:1.7;}
.tunnel-closing .button {margin-top:12px;}
.tunnel-return {font-size:12px;color:#89c8ff;text-underline-offset:4px;margin-top:8px;}
.tunnel-body .footer {position:relative;}
:root[data-theme="light"] .tunnel-closing {background:linear-gradient(155deg,#e6f1ff,#f3eaff);}
:root[data-theme="light"] .tunnel-closing h2 {color:#071a3d;}
:root[data-theme="light"] .tunnel-closing p {color:#4a6085;}
:root[data-theme="light"] .tunnel-return {color:#1759ae;}
@media (max-width:700px) {
  .tunnel-station {padding:90px 13px 90px;}
  .station-shell {width:min(455px,calc(100vw - 26px));height:calc(var(--tunnel-vh, 100svh) - 183px);min-height:310px;}
  .station-photo {height:46%;}
  .station-front-content {gap:7px;padding:12px 18px;}
  .station-front h2 {font-size:clamp(24px,7vw,35px);}
  .station-front-description {font-size:12px;line-height:1.35;}
  .station-eyebrow {font-size:9px;letter-spacing:.075em;line-height:1.25;}
  .station-front .station-button {padding:8px 11px;font-size:11px;}
  .station-back {padding:15px 16px;gap:8px;}
  .station-back h2 {font-size:clamp(23px,5.5vw,30px);}
  .station-back h3 {font-size:14px;}
  .station-bio-scroll p {font-size:12px;line-height:1.5;margin-bottom:12px;}
  .station-back-footer {align-items:flex-start;flex-direction:column;gap:8px;padding-top:8px;}
  .station-back-actions {width:100%;justify-content:flex-start;}
  .station-back-actions .station-button {font-size:10px;padding:7px 10px;}
  .station-topline {top:-24px;font-size:9px;letter-spacing:.11em;}
  .tunnel-controls {gap:8px;padding:8px 10px;bottom:10px;}
  .tunnel-count {font-size:9px;letter-spacing:.08em;}
  .tunnel-ctrl {min-width:30px;min-height:30px;font-size:22px;}
  .tunnel-ctrl-text {font-size:10px;min-width:62px;}
  .tunnel-progress {gap:7px;}
  .tunnel-dot {width:9px;height:9px;}
  .tunnel-status {bottom:74px;font-size:8px;}
  .tunnel-closing {padding:80px 15px 100px;}
}
@media (max-width:385px) {
  .station-shell {height:calc(var(--tunnel-vh, 100svh) - 177px);}
  .station-photo {height:43%;}
  .station-front-content {padding:9px 15px;}
  .tunnel-controls {gap:5px;}
}
@media (prefers-reduced-motion: reduce) {
  .tunnel-controls .tunnel-dot,.tunnel-ctrl {transition:none;}
}
@media (max-width:700px) {
  .station-shell {height:calc(var(--tunnel-vh, 100svh) - 219px);}
  .station-topline {top:-20px;}
}

/* Desplazamiento natural al entrar y salir de la experiencia */
.tunnel-body {overscroll-behavior-y:auto;}
.tunnel-closing-inner {max-width:1400px;margin:auto;}
.tunnel-closing h2 {max-width:1300px;font-size:clamp(44px,6.6vw,100px);}
@media (max-width:700px) {.tunnel-closing h2 {font-size:clamp(40px,11vw,66px);}}