/* DeepLex · recorrido "Profundidad". Identidad 4.0 (BRAND.md). La escena 3D vive en un canvas fijo detrás del texto. */
@font-face{font-family:'IBM Plex Sans';src:url(assets/fonts/ibm-plex-sans-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(assets/fonts/ibm-plex-sans-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(assets/fonts/ibm-plex-sans-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(assets/fonts/ibm-plex-sans-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(assets/fonts/ibm-plex-mono-500.woff2) format('woff2');font-weight:500;font-display:swap}

:root{
  --ink:#0E212E;--ink-deep:#081620;--ivory:#FAF3EB;--paper:#FFFDF8;--slate:#52636D;--line-dark:#2B4552;--text-dim:#B7C7C8;
  --mineral:#3C7970;--mineral-light:#67A99E;--mineral-soft:#E3EEEA;--mint:#A6E0CF;
  --plum:#855C87;--plum-light:#BA94BD;--glacier:#356D8B;--glacier-light:#79B4D0;--copper:#A6633D;--copper-light:#DDA47F;--moss:#6E7D38;--moss-light:#B2C477;
  --sans:'IBM Plex Sans',Arial,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
  --pad:clamp(20px,5.5vw,96px);--header:76px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header);background:var(--ink-deep)}
body{margin:0;background:radial-gradient(120% 80% at 70% 0%,#143243 0%,var(--ink) 45%,var(--ink-deep) 100%) fixed;color:var(--ivory);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%}
a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:4px;border-radius:3px}
.skip{position:fixed;top:-80px;left:16px;padding:14px 18px;background:var(--paper);color:var(--ink);z-index:50}.skip:focus{top:12px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* escena 3D y capas fijas */
.escena{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 1s ease}
.live .escena{opacity:1}
.labels3d{position:fixed;inset:0;z-index:1;pointer-events:none}
.l3d{position:absolute;left:0;top:0;font:500 12px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;opacity:0;transition:opacity .35s;will-change:transform,opacity}
.l3d.node::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:8px;vertical-align:1px}
main,footer{position:relative;z-index:2}

/* cabecera, riel de capítulos y pausa */
.header{position:fixed;inset:0 0 auto;height:var(--header);z-index:20;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
.header.scrolled{background:rgba(8,22,32,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:#1E3744}
.header-inner{height:100%;padding-inline:var(--pad);display:flex;align-items:center;gap:32px}
.brand img{height:30px;width:auto;display:block}
.header nav{display:flex;gap:30px;margin-left:auto;font-size:14px;color:#D5E0DF}
.header nav a:hover,.nav-cta:hover{color:var(--mint)}
.nav-cta{border:1px solid #4E6E72;border-radius:999px;padding:10px 18px;font-size:14px}
.rail{position:fixed;right:clamp(12px,2vw,30px);top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:14px}
.rail a{display:flex;align-items:center;justify-content:flex-end;gap:10px;height:14px}
.rail a::after{content:'';width:7px;height:7px;border-radius:50%;background:#4B6670;transition:transform .3s,background .3s}
.rail a span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);opacity:0;transform:translateX(6px);transition:opacity .3s,transform .3s}
.rail a:hover span,.rail a.on span{opacity:1;transform:none}
.rail a.on::after{background:var(--mint);transform:scale(1.5)}
.motion-toggle{position:fixed;left:clamp(12px,2vw,30px);bottom:22px;z-index:15;display:flex;align-items:center;gap:8px;color:#CFE0DB;background:rgba(8,22,32,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #3B5A60;border-radius:999px;padding:8px 14px;font:500 13px var(--sans);cursor:pointer}
.motion-toggle:hover{border-color:var(--mint);color:white}

/* tipografía */
.eyebrow{font:500 12px/1.6 var(--mono);letter-spacing:.14em;color:var(--mint);margin:0 0 22px;display:flex;align-items:center;gap:12px}
.eyebrow.dark{color:var(--mineral)}
.small-line{display:inline-block;width:26px;height:1px;background:var(--mineral-light)}
h1{font-size:clamp(56px,7.4vw,118px);font-weight:400;line-height:1.02;letter-spacing:-.05em;margin:0 0 28px}
h1 span{color:var(--mineral-light)}
.display{font-size:clamp(36px,4.3vw,66px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:0 0 24px}
h3{font-size:clamp(28px,2.6vw,40px);font-weight:400;letter-spacing:-.03em;line-height:1.15;margin:0 0 18px}
.lead{font-size:clamp(18px,1.45vw,21px);line-height:1.6;color:#D4DFDE;margin:0 0 18px;max-width:560px}
.copy p{color:#C2D0D0;max-width:560px}
.copy b{color:var(--ivory);font-weight:500}

/* capítulos */
.step{min-height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,72px);padding:calc(var(--header) + 40px) calc(var(--pad) + 40px) 60px var(--pad);position:relative}
.copy{position:relative;z-index:2;max-width:600px}
.copy.narrow{max-width:440px}
.copy.wide{max-width:none;grid-column:1/-1}
.slot{margin:0;position:relative;width:100%;aspect-ratio:1120/1000;max-height:calc(100vh - var(--header) - 80px);justify-self:center}
.slot img{width:100%;height:100%;object-fit:contain;display:block}
.flip .step{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.flip .step .copy{order:2}
.screen-step{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.flip .screen-step{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
.slot.screen{aspect-ratio:16/9;max-height:none;perspective:1600px}
.slot.screen img{border-radius:12px;box-shadow:0 0 0 1px rgba(166,224,207,.22),0 40px 90px -30px rgba(0,0,0,.75),0 0 80px -20px var(--glow,rgba(103,169,158,.35));transform:rotateY(var(--ry,-9deg)) rotateX(var(--rx,3deg)) translateZ(0);transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s;opacity:.35}
.flip .slot.screen img{--ry:9deg}
.screen-step.is-active .slot.screen img{--ry:-3deg;--rx:1deg;opacity:1}
.flip .screen-step.is-active .slot.screen img{--ry:3deg}
.demo-note{font:500 11px var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;color:#8EA6A8!important;margin-top:22px}
.spera{--glow:rgba(186,148,189,.4)}.corpus{--glow:rgba(121,180,208,.4)}.stazio{--glow:rgba(221,164,127,.4)}.sitram{--glow:rgba(178,196,119,.4)}

/* hero */
.hero .step{padding-top:calc(var(--header) + 20px)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 26px}
.button{display:inline-flex;align-items:center;gap:14px;background:var(--ivory);color:var(--ink);padding:16px 24px;border-radius:999px;font-weight:500;font-size:15px;transition:background .2s,transform .2s}
.button:hover{background:var(--mint);transform:translateY(-2px)}
.button.ghost{background:transparent;color:var(--ivory);border:1px solid #4E6E72}
.button.ghost:hover{background:rgba(166,224,207,.08);border-color:var(--mint)}
.note{font:500 12px/1.6 var(--mono);letter-spacing:.08em;color:#9DB3B3;margin:0}
.scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9DB3B3}
.scroll-cue i{width:1px;height:42px;background:linear-gradient(var(--mint),transparent);animation:cue 2.4s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero-3d{position:absolute;inset:0;touch-action:pan-y;user-select:none}
.hero-3d.is-live{cursor:grab}.hero-3d.is-dragging{cursor:grabbing}
.hero-3d-poster,.hero-3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero-3d-poster{transition:opacity .6s ease .2s}.hero-3d-canvas{opacity:0;transition:opacity .8s}
.hero-3d.is-live .hero-3d-canvas{opacity:1}.hero-3d.is-live .hero-3d-poster{opacity:0}
.hero-3d-labels{position:absolute;inset:0;pointer-events:none}
.h3d-label{position:absolute;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#A7BFBD;white-space:nowrap;transform:translate(-50%,calc(-100% - 12px));transition:opacity .3s}
.h3d-doc{left:18.56%;top:31.86%;transform:translate(calc(-100% - 14px),-50%)}.h3d-decision{left:50%;top:73.6%;transform:translate(42px,-50%)}
.h3d-node.spera{left:59.88%;top:19.6%;color:var(--plum-light)}.h3d-node.corpus{left:15.05%;top:41.04%;color:var(--glacier-light)}
.h3d-node.stazio{left:36.46%;top:80.96%;color:var(--copper-light)}.h3d-node.sitram{left:90.21%;top:50.63%;color:var(--moss-light)}
/* en el recorrido 3D de escritorio el Núcleo lo dibuja la escena: el hero solo reserva su lugar */
.live .slot img,.live .hero-3d{visibility:hidden}
.live .slot.screen img{visibility:visible}

/* descenso */
.descenso .step:not(:first-of-type){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.descenso .step:not(:first-of-type) .copy{grid-column:1}

/* ecosistema */
.ecosistema .step{grid-template-columns:1fr;align-content:center}
.ecosistema .copy{max-width:1100px}
.product-index{list-style:none;margin:46px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1100px}
.product-index a{display:flex;flex-direction:column;gap:18px;padding:22px 22px 24px;border:1px solid var(--line-dark);border-top:2px solid var(--c);border-radius:12px;background:rgba(8,22,32,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .3s,border-color .3s,background .3s;height:100%}
.product-index a:hover{transform:translateY(-4px);border-color:var(--c);background:rgba(8,22,32,.8)}
.product-index img{height:34px;width:auto;align-self:flex-start}
.product-index .num{font:500 12px var(--mono);color:var(--c)}
.product-index .need{font-size:15px;color:#C9D6D5}
.product-index .spera{--c:var(--plum-light)}.product-index .corpus{--c:var(--glacier-light)}.product-index .stazio{--c:var(--copper-light)}.product-index .sitram{--c:var(--moss-light)}

/* productos */
.wordmark{height:42px;width:auto;display:block;margin-bottom:26px}
.producto .eyebrow{color:var(--c)}
.spera{--c:var(--plum-light)}.corpus{--c:var(--glacier-light)}.stazio{--c:var(--copper-light)}.sitram{--c:var(--moss-light)}
.caps,.circuit{list-style:none;margin:26px 0 0;padding:0;max-width:560px;counter-reset:cap}
.caps li,.circuit li{position:relative;padding:14px 0 14px 34px;border-top:1px solid var(--line-dark);font-size:15.5px;color:#BFCDCD;line-height:1.55;counter-increment:cap}
.caps li::before,.circuit li::before{content:counter(cap,decimal-leading-zero);position:absolute;left:0;top:16px;font:500 11px var(--mono);color:var(--c)}
.caps b,.circuit b{display:block;color:var(--ivory);font-weight:500;margin-bottom:2px}
.scope-note{font-size:14px!important;border-left:2px solid var(--moss-light);padding-left:14px;margin-top:22px;color:#AFC0BF!important}
.scope-note b{display:block}
.corpus.producto,.sitram.producto{}
.corpus .step,.sitram .step{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.corpus .step .copy,.sitram .step .copy{order:2}
.corpus .screen-step{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
.corpus .slot.screen img{--ry:9deg}.corpus .screen-step.is-active .slot.screen img{--ry:3deg}

/* arquitectura modular */
.module-explorer{margin-top:30px;max-width:560px}
.module-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.module-selector button{font:500 14px var(--sans);color:#CFDCDB;background:transparent;border:1px solid #3E5C62;border-radius:999px;padding:9px 16px;cursor:pointer;transition:all .25s}
.module-selector button:hover{border-color:var(--mint);color:white}
.module-selector button[aria-pressed=true]{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.module-panel .panel-title{font-size:21px;color:var(--ivory)!important;margin:0 0 12px}
.module-panel ol{list-style:none;margin:0;padding:0}
.module-panel li{padding:12px 0;border-top:1px solid var(--line-dark);font-size:15px;color:#BFCDCD}
.module-panel li span{display:block;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mint);margin-bottom:3px}
.module-panel li b{color:var(--ivory);font-weight:500;margin-right:6px}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);padding:0 calc(var(--pad) + 40px) 110px var(--pad)}
.benefits article{border-top:1px solid #3E5C62;padding-top:22px}
.benefits span{font:500 11px var(--mono);letter-spacing:.12em;color:var(--mint)}
.benefits h3{font-size:22px;font-weight:500;margin:12px 0 8px;letter-spacing:-.01em}
.benefits p{font-size:15px;color:#B7C6C6;margin:0}

/* enfoque y cierre: de vuelta a la superficie */
.approach{background:var(--paper);color:var(--ink);padding:110px var(--pad)}
.approach-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,7vw,110px);max-width:1280px;margin:0 auto}
.approach h2{font-size:clamp(32px,3.4vw,50px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0}
.approach h2 span{color:var(--mineral)}
.approach-title>p:last-child{color:#5E6D74;line-height:1.7;font-size:18px;max-width:360px;margin-top:24px}
.principles article{display:flex;gap:24px;border-top:1px solid #D8DED9;padding:26px 0 18px}
.principles article>span{font:500 12px var(--mono);color:var(--mineral);padding-top:6px}
.principles h3{font-size:22px;font-weight:500;margin:0 0 10px;letter-spacing:-.02em}
.principles p{font-size:16px;line-height:1.7;color:#5F6B72;margin:0}
.closing{background:var(--mineral);color:var(--paper);padding:84px var(--pad)}
.closing-inner{max-width:1280px;margin:0 auto}
.closing .eyebrow{color:#D1E1D9}
.closing-line{font-size:clamp(36px,4.6vw,66px);line-height:1.12;letter-spacing:-.04em;margin:0;font-weight:400}
.closing-line em{font-style:normal;color:#D5E2C9}
.closing a{display:inline-flex;gap:30px;border-bottom:1px solid #AFC4BA;padding:16px 0 12px;margin-top:28px;font-size:15px}
footer{background:var(--ivory);color:var(--ink)}
.footer-main{display:flex;gap:30px;align-items:center;padding:42px var(--pad)}
.footer-main .brand img{height:40px}
.footer-main>p{font-size:14px;color:#63716F}
.footer-main>div{margin-left:auto;display:flex;gap:25px;font-size:14px}
.footer-bottom{border-top:1px solid #D8D9CD;display:flex;justify-content:space-between;gap:24px;padding:22px var(--pad);font:500 12px/1.6 var(--mono);color:#62706B}
.footer-bottom a{font-family:var(--sans);font-size:13px}

/* aparición del texto */
.js .copy>*{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .step:not(.is-active):not(.seen) .copy>*{opacity:0;transform:translateY(26px)}
.js .step .copy>*:nth-child(2){transition-delay:.06s}.js .step .copy>*:nth-child(3){transition-delay:.12s}.js .step .copy>*:nth-child(4){transition-delay:.18s}.js .step .copy>*:nth-child(5){transition-delay:.24s}

/* tablet y celular: una columna, imágenes fijas de cada escena */
@media (max-width:1000px){
  :root{--header:66px}
  .header nav{display:none}
  .rail{display:none}
  .step,.flip .step,.screen-step,.corpus .step,.sitram .step,.corpus .screen-step,.descenso .step:not(:first-of-type){grid-template-columns:1fr;min-height:0;padding:64px var(--pad) 40px;gap:28px}
  .corpus .step .copy,.sitram .step .copy,.flip .step .copy{order:0}
  .hero .step{min-height:100svh;padding-top:calc(var(--header) + 24px)}
  .slot{max-height:none;max-width:620px}
  .slot.screen img{--ry:0deg!important;--rx:0deg!important;opacity:1!important}
  .scroll-cue{display:none}
  .product-index{grid-template-columns:1fr 1fr}
  .benefits{grid-template-columns:1fr;padding:0 var(--pad) 70px}
  .approach-inner{grid-template-columns:1fr}
  .approach{padding:70px var(--pad)}
  .footer-main{flex-wrap:wrap}.footer-main>div{margin-left:0;width:100%}
  .descenso .step:not(:first-of-type){padding-top:20px}
}
@media (max-width:560px){
  body{font-size:16px}
  .product-index{grid-template-columns:1fr}
  .nav-cta{margin-left:auto;padding:8px 14px;font-size:13px}
  .h3d-doc,.h3d-decision{display:none}
  .footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .step .copy>*{opacity:1!important;transform:none!important}
}
.motion-paused .scroll-cue i{animation:none}
/* capítulos de producto: compactos para que entren en una pantalla de 900 px */
.producto .display{font-size:clamp(32px,3.3vw,52px);margin-bottom:18px}
.producto .lead{font-size:clamp(17px,1.25vw,19px);max-width:600px}
.producto .copy{max-width:620px}
.producto .wordmark{height:34px;margin-bottom:18px}
.producto .eyebrow{margin-bottom:16px}
.caps,.circuit{margin-top:18px}
.caps li,.circuit li{padding:10px 0 10px 30px;font-size:15px;line-height:1.5}
.caps li::before,.circuit li::before{top:12px}
.modular .display{font-size:clamp(32px,3.3vw,52px)}
/* para quién y por qué */
.for{font-size:15px;line-height:1.6;color:#A9BFBE!important;max-width:520px;margin:-4px 0 0;padding-left:14px;border-left:2px solid var(--mineral-light)}
.for-chips{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:14px!important;color:#C9D6D5!important;margin:4px 0 6px}
.for-chips span{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c,var(--mint));border:1px solid currentColor;border-radius:999px;padding:3px 9px}
.gains{list-style:none;margin:22px 0 0;padding:0;max-width:560px}
.gains li{position:relative;padding:12px 0 12px 30px;border-top:1px solid var(--line-dark);font-size:16px;color:#BFCDCD;line-height:1.55}
.gains li::before{content:'';position:absolute;left:2px;top:20px;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--mint);box-shadow:inset 0 0 0 3px rgba(8,22,32,1),inset 0 0 0 8px var(--mint)}
.gains b{color:var(--ivory);font-weight:500}
.audiencias .copy{max-width:660px}
.audience-grid{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.audience-grid li{border:1px solid var(--line-dark);border-radius:12px;padding:16px 16px 14px;background:rgba(8,22,32,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:default;transition:border-color .25s,transform .25s,background .25s;outline:none}
.audience-grid li:hover,.audience-grid li:focus-visible,.audience-grid li.on{border-color:var(--mint);background:rgba(8,22,32,.85);transform:translateY(-2px)}
.audience-grid .num{font:500 11px var(--mono);letter-spacing:.12em;color:var(--mint)}
.audience-grid h3{font-size:17px;font-weight:500;letter-spacing:-.01em;margin:8px 0 6px;color:var(--ivory)}
.audience-grid p{font-size:14px!important;line-height:1.5;margin:0 0 10px;color:#B9C8C8}
.audience-grid .uses{font:500 11px var(--mono);letter-spacing:.06em;color:#8EA6A8}
@media (max-width:1000px){.audience-grid{grid-template-columns:1fr}}
/* para quién compacto: entra en una pantalla de 900 px */
@media (min-width:1001px){.audiencias .step{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}}
.audiencias .display{font-size:clamp(30px,3vw,46px);margin-bottom:14px}
.audiencias .lead{font-size:17px;margin-bottom:0}
.audience-grid{margin-top:18px;gap:10px}
.audience-grid li{padding:13px 14px 12px}
.audience-grid h3{font-size:16px;margin:6px 0 4px}
.audience-grid p{font-size:13.5px!important;margin-bottom:8px}
/* legibilidad: velo suave detrás del texto cuando la escena 3D pasa por detrás */
.live .step .copy::before{content:'';position:absolute;inset:-70px -90px;background:radial-gradient(closest-side,rgba(8,22,32,.74),rgba(8,22,32,.35) 70%,rgba(8,22,32,0));z-index:-1;pointer-events:none}
@media (max-width:1000px){.motion-toggle{bottom:12px;padding:6px 11px;font-size:12px}}
/* recuadros extra que solo existen en celular (en escritorio la escena de fondo ya acompaña esos pasos) */
.slot.mobile-only{display:none}
@media (max-width:1000px){.slot.mobile-only{display:block}.ecosistema .slot.mobile-only{margin:28px 0 6px}}
/* celular: cada escena en vivo dentro de su recuadro (la escena fija dibuja solo ahí) */
.live-slots .escena{opacity:1}
.live-slots .slot:not(.screen) img,.live-slots .hero-3d{visibility:hidden}
.live-slots .slot:not(.screen){touch-action:pan-y}
/* modo captura (herramienta interna para generar las imágenes fijas de cada escena) */
html.captura,html.captura body{background:transparent}
.captura body>*:not(.escena){display:none!important}
.captura .escena{opacity:1;position:fixed;inset:0 auto auto 0;width:1120px;height:1000px}