/* Berelian Technologies · hoja de estilos única (portada + páginas interiores) */
@font-face{font-family:Sora;src:url(/fonts/sora-latin-300-normal.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Sora;src:url(/fonts/sora-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Sora;src:url(/fonts/sora-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(/fonts/instrument-sans-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(/fonts/instrument-sans-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(/fonts/instrument-sans-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}

:root{
  --void:#030914;--petrol:#07182D;--surf:#0B1A2E;--graph:#0E1622;
  --elec:#39BDF5;--turq:#3FE0D0;--amber:#E3A64B;--ok:#8ED37A;
  --white:#EDF5FA;--body:#B7C5D7;--mute:#8393AA;--dim:#5C6B82;
  --line:rgba(130,190,240,.14);--line2:rgba(130,190,240,.26);
  --e:cubic-bezier(.2,.7,.1,1);--pad:clamp(20px,5vw,76px);--max:1240px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--void);color:var(--white);font:400 17px/1.6 'Instrument Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
body.lock{overflow:hidden}
h1,h2,h3,h4{font-family:Sora,sans-serif;font-weight:300;margin:0;letter-spacing:-.025em;line-height:1.06}
p{margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--elec);outline-offset:3px;border-radius:6px}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--white);color:var(--void);padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600}.skip:focus{top:16px}
.btn{--h:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 24px;border-radius:999px;font:500 15px/1 'Instrument Sans',sans-serif;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .25s,border-color .25s,transform .25s var(--e),color .25s;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.btn.sm{--h:42px;padding:0 18px;font-size:14px}.btn.wide{width:100%}
.btn.prim{background:var(--white);color:#04101E}.btn.prim:hover{background:#fff;transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.04);color:var(--white);border-color:var(--line2)}.btn.ghost:hover{border-color:rgba(57,189,245,.6);background:rgba(57,189,245,.08)}
.btn:disabled{opacity:.6;cursor:progress}
.lnk{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--white);text-decoration:none;border-bottom:1px solid var(--line2);padding-bottom:3px;transition:border-color .25s,color .25s}
.lnk::after{content:"";width:14px;height:1px;background:currentColor;transition:width .3s var(--e)}
.lnk:hover{border-color:var(--elec)}.lnk:hover::after{width:22px}

/* ---------- navegación ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;gap:32px;padding:16px var(--pad);transition:background .4s,padding .4s,border-color .4s;border-bottom:1px solid transparent}
.nav.solid{background:rgba(3,9,20,.78);padding-top:11px;padding-bottom:11px;border-color:var(--line)}
html:not(.lowfx) .nav.solid{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(3,9,20,.62)}
.nav-logo{display:block;flex:none}.nav-logo img{height:36px;width:auto}
.nav-menu ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.nav-menu a{text-decoration:none;font-size:15px;color:var(--body);transition:color .2s}.nav-menu a:hover,.nav-menu a[aria-current]{color:var(--white)}
.m-only{display:none}
.nav-act{margin-left:auto;display:flex;gap:10px;align-items:center}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.burger span{width:16px;height:1.5px;background:var(--white);transition:transform .3s var(--e)}
.burger[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.burger[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}

/* ---------- capas de la portada ---------- */
#gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;transition:opacity .5s var(--e)}
.sky{position:fixed;inset:0;z-index:-1;transition:background 1.2s var(--e);background:radial-gradient(80% 60% at 60% 40%,#0A2140,var(--void) 70%)}
body[data-world=data] .sky{background:radial-gradient(70% 60% at 62% 50%,#071A33,#020610 75%)}
body[data-world=orus] .sky{background:radial-gradient(60% 60% at 58% 45%,#05302E,#021012 70%,#01080A)}
body[data-world=dual] .sky{background:radial-gradient(70% 50% at 50% 50%,#10203A,#04070F 75%)}
body[data-world=services] .sky{background:linear-gradient(180deg,#040A18,#060D20)}
body[data-world=trust] .sky{background:radial-gradient(60% 60% at 70% 50%,#0D1A2B,#03060C 70%)}
body[data-world=corp] .sky{background:radial-gradient(70% 60% at 50% 45%,#1A3450,#081426 60%,#030914)}
body[data-world=final] .sky{background:radial-gradient(60% 55% at 28% 50%,#0B2546,var(--void) 70%)}
.nogl .sky{background:radial-gradient(60% 50% at 70% 35%,rgba(57,189,245,.18),transparent 70%),radial-gradient(70% 60% at 20% 80%,#0A2140,var(--void) 75%)!important}
main,.foot{position:relative;z-index:1}
.labels{position:fixed;inset:0;pointer-events:none;z-index:2}
.nl{position:absolute;left:0;top:0;font-size:13px;color:var(--white);padding:5px 11px;border-radius:999px;background:rgba(3,12,26,.78);border:1px solid var(--line2);opacity:0;visibility:hidden;white-space:nowrap;will-change:transform,opacity}
.ch{height:var(--h);position:relative}
.pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.sec{position:relative;padding:clamp(90px,11vw,160px) var(--pad)}
.on-fade{opacity:0;transform:translateY(18px);transition:opacity .7s var(--e),transform .8s var(--e)}

/* S01–S02 */
.hero{display:flex;align-items:flex-end;padding:0 var(--pad) clamp(64px,11vh,120px)}
.hero-a{max-width:900px;will-change:opacity,transform}
.ready .hero-a>*{animation:heroIn 1.3s cubic-bezier(.25,.6,.2,1) both}.ready .hero-a>:nth-child(1){animation-delay:1.7s}.ready .hero-a>:nth-child(2){animation-delay:1.8s}.ready .hero-a>:nth-child(3){animation-delay:2s}.ready .hero-a>:nth-child(4){animation-delay:2.15s}
@keyframes heroIn{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.kick{font-size:15px;color:var(--elec);margin-bottom:18px}
.hero h1{font-size:clamp(42px,5.2vw,80px);line-height:1;letter-spacing:-.035em;text-wrap:balance}
.plus{color:var(--elec);font-weight:300}
.lead{margin-top:24px;font-size:clamp(17px,1.35vw,20px);color:var(--body);max-width:580px}
.cta{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
.hero-b{position:absolute;left:var(--pad);bottom:clamp(64px,11vh,120px);opacity:0;visibility:hidden}
.big{text-shadow:0 2px 30px rgba(3,9,20,.95);font:300 clamp(36px,4.4vw,68px)/1.05 Sora;letter-spacing:-.03em;margin-bottom:28px}.big span{color:#A9BFD8}
.cue{position:absolute;right:var(--pad);bottom:40px;display:flex;align-items:center;gap:14px;font-size:13px;color:var(--mute)}
.cue span{width:56px;height:1px;background:var(--line2);position:relative;overflow:hidden}
.cue span::after{content:"";position:absolute;inset:0;background:var(--elec);transform:translateX(-100%);animation:cue 2.6s var(--e) infinite 1.6s}
@keyframes cue{60%,100%{transform:translateX(100%)}}

/* S02b · túnel */
.tunnel{display:grid;place-items:center}
.tw{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) scale(.85);font:300 clamp(54px,9vw,150px)/1 Sora;letter-spacing:-.04em;color:var(--white);text-shadow:0 0 60px rgba(57,189,245,.5);opacity:0;filter:blur(8px);transition:opacity .5s var(--e),transform .9s var(--e),filter .6s}
.tw.on{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none}
.tw.past{opacity:0;transform:translate(-50%,-50%) scale(1.5);filter:blur(10px)}
.nogl .tunnel,.static .tunnel{display:none}
/* S03 */
.stream{display:grid;place-items:center;text-align:center;padding:0 var(--pad)}
.mid-h{font-size:clamp(30px,3.6vw,56px);max-width:900px;text-wrap:balance;opacity:0;text-shadow:0 2px 30px rgba(3,9,20,.9)}
.mid-h span{display:block;color:#A9C8E6}

/* S04 */
.net-copy{position:absolute;left:var(--pad);top:clamp(100px,16vh,160px);width:min(520px,86vw);opacity:0;transform:translateY(18px);transition:opacity .7s var(--e),transform .8s var(--e)}
.net-copy.on{opacity:1;transform:none}
.net-copy h2{font-size:clamp(30px,3.2vw,48px);margin-bottom:18px;text-wrap:balance}.net-copy p{color:var(--body);max-width:440px}

/* S05–S06 */
.cat-real{position:absolute;left:0;top:0;width:900px;max-width:none;transform-origin:0 0;opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity;
  -webkit-mask-image:linear-gradient(115deg,#000 calc(var(--sweep,130%) - 30%),rgba(0,0,0,.9) var(--sweep,130%),#000 calc(var(--sweep,130%) + 30%));filter:drop-shadow(0 0 60px rgba(63,224,208,.22))}
.orus-copy{position:absolute;left:var(--pad);bottom:clamp(56px,11vh,110px);width:min(440px,86vw);opacity:0;transform:translateY(22px);transition:opacity .7s var(--e),transform .8s var(--e)}
.orus-copy.on{opacity:1;transform:none}
.tag{font-size:14px;color:var(--turq);margin-bottom:14px}
.orus-copy h2{font-size:clamp(32px,3.3vw,50px);margin-bottom:16px;text-wrap:balance}
.o-sub{font-size:clamp(18px,1.5vw,22px);color:#C9E2E2;margin-bottom:12px}
.o-note{font-size:15px;color:var(--mute);max-width:420px}

/* S07–S10 · demo */
.demo{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:84px var(--pad) 40px}
.demo-titles{position:relative;height:clamp(48px,6vw,70px);width:min(1080px,100%);margin-bottom:22px}
.dt{position:absolute;left:0;bottom:0;font:300 clamp(26px,3vw,44px)/1.1 Sora;letter-spacing:-.025em;opacity:0;transform:translateY(12px);transition:opacity .5s var(--e),transform .6s var(--e)}
.dt.on{opacity:1;transform:none}
.panel{position:relative;width:min(1080px,100%);border-radius:22px;background:linear-gradient(170deg,#0F1B2B 0%,#0A121E 100%);border:1px solid rgba(160,210,255,.18);box-shadow:0 0 0 1px rgba(63,224,208,.06),0 50px 120px -40px rgba(0,0,0,.95),0 0 80px -30px rgba(63,224,208,.35);opacity:0;visibility:hidden;overflow:hidden}
.panel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(63,224,208,.5),transparent 30%,transparent 70%,rgba(57,189,245,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.pn-head{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line)}
.pn-head img{width:26px;height:auto}.pn-head b{font:500 16px Sora;letter-spacing:.02em}
.pn-badge{margin-left:auto;font-size:12.5px;color:var(--turq);border:1px solid rgba(63,224,208,.35);border-radius:999px;padding:4px 11px}
.pn-body{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:56px;padding:24px}
.q-l{display:block;font-size:13px;color:var(--mute);margin-bottom:9px}
.q-box{min-height:52px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.03);padding:14px 16px;font-size:16px;color:var(--white)}
.caret{display:inline-block;width:2px;height:18px;background:var(--turq);vertical-align:-3px;margin-left:2px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.srcs{margin-top:22px;display:grid;gap:9px}
.src{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);opacity:.35;transition:opacity .5s,border-color .5s,background .5s,box-shadow .5s}
.src.lit{opacity:1;border-color:rgba(63,224,208,.45);background:rgba(63,224,208,.06);box-shadow:0 0 30px -12px rgba(63,224,208,.6)}
.src b{display:block;font-size:14.5px;font-weight:500}.src small{font-size:13px;color:var(--body)}
.ic{flex:none;width:32px;height:32px;border-radius:9px;border:1px solid var(--line2);position:relative}
.ic::before{content:"";position:absolute;inset:9px 8px;border:1.5px solid var(--turq);border-radius:2px}
.ic.mail::after{content:"";position:absolute;left:9px;right:9px;top:10px;height:6px;border:1.5px solid var(--turq);border-top:0;border-left-color:transparent;border-right-color:transparent;transform:skewY(0)}
.ic.doc::before{inset:7px 10px}.ic.task::before{border-radius:50%;inset:8px}
.threads{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.threads path{fill:none;stroke:var(--turq);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;opacity:.75;filter:drop-shadow(0 0 4px rgba(63,224,208,.7))}
.pn-right{opacity:.3;transition:opacity .6s var(--e)}
.panel[data-stage="3"] .pn-right{opacity:1}
.panel[data-stage="3"] .pn-left{opacity:.55;transition:opacity .6s}
.prop{border-radius:16px;border:1px solid var(--line2);background:rgba(255,255,255,.03);padding:18px}
.sum{font-size:16px;line-height:1.55;margin-bottom:14px}
.draft{border-left:2px solid var(--turq);padding:4px 0 4px 14px;margin-bottom:16px}.draft small{font-size:12.5px;color:var(--mute)}.draft p{font-size:15px;color:#D8E6EF}
.panel.editing .draft p{outline:1px dashed var(--line2);outline-offset:6px}
.appr{display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative}
.chip{font-size:13px;padding:7px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:8px}
.chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.chip.pend{color:var(--amber);background:rgba(227,166,75,.1);border:1px solid rgba(227,166,75,.4)}
.chip.ok{color:var(--ok);background:rgba(142,211,122,.1);border:1px solid rgba(142,211,122,.4);display:none}
.panel.approved .chip.pend{display:none}.panel.approved .chip.ok{display:inline-flex}
.panel.approved [data-act=ok]{background:var(--ok);color:#06120A;pointer-events:none}
.appr-b{margin-left:auto;display:flex;gap:8px}
.appr-note{font-size:12.5px;color:var(--dim);margin-top:12px}
.demo-cta{margin-top:18px;opacity:0;visibility:hidden}

/* S11 */
.dual{display:grid;place-items:center;text-align:center;padding:0 var(--pad)}
.dual-copy{max-width:920px;margin-top:38vh;opacity:0;transform:translateY(18px);transition:opacity .7s var(--e),transform .8s var(--e)}
.dual-copy.on{opacity:1;transform:none}
.duo{font:400 clamp(17px,1.6vw,22px) Sora;margin-bottom:16px}.duo .hum{color:var(--amber)}.duo .ai{color:var(--elec)}
.dual-copy h2{font-size:clamp(30px,3.8vw,58px);text-wrap:balance;text-shadow:0 2px 30px rgba(3,9,20,.9)}

/* S12 · servicios: ecosistemas con objetos 3D en CSS (ligeros) */
.serv{background:linear-gradient(180deg,rgba(4,10,24,0),#040A18 14%)}
.serv-head{max-width:var(--max);margin:0 auto 40px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end}
.serv-head h2{font-size:clamp(32px,3.8vw,56px);text-wrap:balance}.serv-head p{color:var(--body);max-width:420px}
.eco{list-style:none;margin:0 auto;padding:0;max-width:var(--max)}
.e{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:clamp(40px,6vw,70px) 0;border-top:1px solid var(--line)}
.e:nth-child(even) .obj{order:2}
.obj{overflow:hidden;contain:paint;height:clamp(240px,28vw,340px);display:grid;place-items:center;perspective:900px;border-radius:24px;position:relative;background:radial-gradient(60% 60% at 50% 50%,var(--glow),transparent 70%)}
.e1{--c:#39BDF5;--glow:rgba(57,189,245,.14)}.e2{--c:#E3A64B;--glow:rgba(227,166,75,.12)}.e3{--c:#8C96FF;--glow:rgba(140,150,255,.14)}.e4{--c:#3FE0D0;--glow:rgba(63,224,208,.12)}.e5{--c:#C9D8E8;--glow:rgba(201,216,232,.10)}
.obj>div{transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-28deg) scale(.86);opacity:.35;transition:transform 1.2s var(--e),opacity 1s var(--e)}
.e.in .obj>div{transform:rotateX(-22deg) rotateY(-38deg) scale(1.3);opacity:1}
.e-t{opacity:.4;transform:translateY(14px);transition:opacity .8s var(--e),transform .9s var(--e)}
.e.in .e-t{opacity:1;transform:none}
.e-n{font:400 14px Sora;color:var(--c)}
.e-t h3{font-size:clamp(24px,2.4vw,34px);font-weight:300;margin:8px 0 12px}
.e-t p{color:var(--body);max-width:460px;margin-bottom:20px}
/* 1 · IA: módulos que se ensamblan en torno a un núcleo */
.o-ia{position:relative;width:180px;height:180px}
.o-ia i{position:absolute;width:56px;height:56px;left:62px;top:62px;border:1.5px solid var(--c);background:rgba(57,189,245,.08);border-radius:8px;box-shadow:0 0 24px -8px var(--c);transition:transform 1.2s var(--e)}
.e1.in .o-ia i:nth-child(1){transform:translate3d(-66px,-66px,0)}.e1.in .o-ia i:nth-child(2){transform:translate3d(66px,-66px,20px)}.e1.in .o-ia i:nth-child(3){transform:translate3d(-66px,66px,20px)}.e1.in .o-ia i:nth-child(4){transform:translate3d(66px,66px,0)}.e1.in .o-ia i:nth-child(5){transform:translate3d(0,0,70px)}
.o-ia b{position:absolute;left:84px;top:84px;width:12px;height:12px;border-radius:50%;background:#CFF3FF;box-shadow:0 0 30px 6px var(--c);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.6);opacity:.7}}
/* 2 · Automatización: pista con tareas y puerta de aprobación */
.o-auto{position:relative;width:240px;height:240px}
.o-auto .track{position:absolute;inset:0;border:2px dashed rgba(227,166,75,.8);box-shadow:0 0 40px -10px rgba(227,166,75,.5);border-radius:50%;transform:rotateX(64deg)}
.o-auto .track i{position:absolute;left:50%;top:-8px;width:16px;height:16px;margin-left:-8px;border-radius:4px;background:var(--c);box-shadow:0 0 16px var(--c);offset-path:circle(120px at 50% 50%);offset-distance:0%;animation:orbit 6s linear infinite}
.o-auto .track i:nth-child(2){animation-delay:-2s}.o-auto .track i:nth-child(3){animation-delay:-4s;background:var(--ok);box-shadow:0 0 16px var(--ok)}
@keyframes orbit{to{offset-distance:100%}}
.o-auto .gate{position:absolute;left:50%;top:22%;width:2px;height:90px;margin-left:-1px;background:linear-gradient(var(--c),transparent);transform:translateZ(40px)}
.o-auto .gate::after{content:"Aprobación";position:absolute;top:-24px;left:50%;transform:translateX(-50%);font:12px 'Instrument Sans';color:var(--c);white-space:nowrap}
/* 3 · Conocimiento: hojas que se ordenan en capas */
.o-kn{position:relative;width:170px;height:120px}
.o-kn i{position:absolute;inset:0;border:1.5px solid var(--c);background:rgba(140,150,255,.07);border-radius:8px;transition:transform 1.2s var(--e)}
.o-kn i::after{content:"";position:absolute;left:16px;right:40px;top:20px;height:2px;background:rgba(140,150,255,.5);box-shadow:0 14px 0 rgba(140,150,255,.35),0 28px 0 rgba(140,150,255,.25)}
.e3.in .o-kn i:nth-child(1){transform:translateZ(-80px)}.e3.in .o-kn i:nth-child(2){transform:translateZ(-40px)}.e3.in .o-kn i:nth-child(4){transform:translateZ(40px)}.e3.in .o-kn i:nth-child(5){transform:translateZ(80px)}
/* 4 · Investigación: giroscopio de lentes */
.o-res{position:relative;width:200px;height:200px}
.o-res i{position:absolute;inset:0;border:2px solid rgba(63,224,208,.85);box-shadow:0 0 24px -6px rgba(63,224,208,.6);border-radius:50%;animation:gyro 9s linear infinite}
.o-res i:nth-child(2){inset:22px;animation-duration:7s;animation-direction:reverse;--ax:1,0,0}.o-res i:nth-child(3){inset:46px;animation-duration:11s;--ax:0,1,0}
@keyframes gyro{to{transform:rotate3d(var(--ax,1,1,0),360deg)}}
.o-res b{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--c);box-shadow:0 0 24px 4px var(--c)}
/* 5 · Análisis: barras 3D */
.o-an{display:flex;gap:14px;align-items:flex-end;height:180px;transform-style:preserve-3d}
.o-an i{width:22px;height:calc(var(--h)*170px);background:linear-gradient(180deg,rgba(201,216,232,.5),rgba(201,216,232,.08));border:1px solid rgba(201,216,232,.6);transform-origin:bottom;transform:scaleY(.15);transition:transform 1.2s var(--e)}
.e5.in .o-an i{transform:scaleY(1)}.e5.in .o-an i:nth-child(2){transition-delay:.1s}.e5.in .o-an i:nth-child(3){transition-delay:.2s}.e5.in .o-an i:nth-child(4){transition-delay:.3s}.e5.in .o-an i:nth-child(5){transition-delay:.4s}.e5.in .o-an i:nth-child(6){transition-delay:.5s;border-color:var(--ok);background:linear-gradient(180deg,rgba(142,211,122,.5),rgba(142,211,122,.08))}

/* S13 · confianza */
.trust{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:90px var(--pad) 40px;max-width:calc(var(--max) + var(--pad)*2);margin:0 auto}
.tr-copy h2{font-size:clamp(30px,3.6vw,54px);margin-bottom:34px;text-wrap:balance}
.princ{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}
.princ li{border-left:1px solid var(--line2);padding-left:16px;opacity:.3;transition:opacity .6s var(--e),border-color .6s}
.princ li.on{opacity:1;border-color:var(--elec)}
.princ b{display:block;font:400 17px Sora;margin-bottom:4px}.princ span{font-size:15px;color:var(--body)}
.struct{position:relative;height:min(60vh,460px);perspective:1100px;transform-style:preserve-3d;overflow:hidden;contain:paint}
.blk{position:absolute;left:50%;top:50%;width:150px;height:96px;margin:-48px 0 0 -75px;border:1.5px solid rgba(57,189,245,.6);background:linear-gradient(160deg,rgba(57,189,245,.16),rgba(10,20,36,.85));border-radius:12px;display:grid;place-items:center;box-shadow:0 0 40px -14px rgba(57,189,245,.7);transform-style:preserve-3d;--k:calc(1 - var(--a,0))}
.blk span{font:400 15px Sora}
.b1{transform:rotateX(18deg) rotateY(-24deg) translate3d(calc(-80px - 140px*var(--k)),calc(-54px - 120px*var(--k)),calc(-200px*var(--k)))}
.b2{transform:rotateX(18deg) rotateY(-24deg) translate3d(calc(80px + 160px*var(--k)),calc(-54px - 90px*var(--k)),calc(120px*var(--k)))}
.b3{transform:rotateX(18deg) rotateY(-24deg) translate3d(calc(-80px - 120px*var(--k)),calc(54px + 130px*var(--k)),calc(160px*var(--k)));border-color:rgba(227,166,75,.7);background:linear-gradient(160deg,rgba(227,166,75,.16),rgba(10,20,36,.85));box-shadow:0 0 40px -14px rgba(227,166,75,.7)}
.b4{transform:rotateX(18deg) rotateY(-24deg) translate3d(calc(80px + 150px*var(--k)),calc(54px + 110px*var(--k)),calc(-160px*var(--k)))}

/* S14 */
.corp-copy{position:absolute;left:50%;bottom:clamp(48px,9vh,96px);transform:translate(-50%,20px);width:min(680px,88vw);text-align:center;opacity:0;transition:opacity .8s var(--e),transform .8s var(--e)}
.corp-copy.on{opacity:1;transform:translate(-50%,0)}
.corp-copy h2{font-size:clamp(30px,3.6vw,54px);margin-bottom:12px;text-shadow:0 2px 30px rgba(3,9,20,.9)}.corp-copy p{color:#C9D6E4;text-shadow:0 1px 18px rgba(3,9,20,.9)}

/* S15 */
.people{background:linear-gradient(180deg,rgba(3,9,20,0),var(--void) 18%);overflow:hidden}
.people::before{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:70%;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;transform:perspective(600px) rotateX(62deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(transparent,#000 60%);mask-image:linear-gradient(transparent,#000 60%);opacity:.6;pointer-events:none}
.pp-in{position:relative;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center}
.vision h2{font-size:clamp(30px,3.4vw,50px);margin-bottom:20px;text-wrap:balance}.vision p{color:var(--body)}
.plates{display:grid;gap:18px;perspective:1200px}
.plate{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:26px;border-radius:20px;background:linear-gradient(160deg,rgba(18,34,58,.85),rgba(6,12,24,.92));border:1px solid var(--line2);transform:rotateX(10deg) translateY(16px);opacity:.4;transition:transform 1s var(--e),opacity 1s var(--e)}
.people.in .plate{transform:none;opacity:1}.people.in .plate:nth-child(2){transition-delay:.12s}
.ini{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font:300 22px Sora;color:var(--elec);background:radial-gradient(circle at 30% 30%,rgba(57,189,245,.22),rgba(57,189,245,.03));border:1px solid rgba(57,189,245,.38)}
.plate h3{font-size:22px;font-weight:400}.role{font-size:14px;color:var(--elec);margin:4px 0 8px}.plate p:last-child{color:var(--body);font-size:15px}

/* S16 */
.final{display:flex;align-items:center;justify-content:flex-end;padding:88px var(--pad) 30px}
.fin{width:min(560px,100%);opacity:0;transform:translateX(26px);transition:opacity .8s var(--e),transform .9s var(--e)}
.fin.on{opacity:1;transform:none}
.fin h2{font-size:clamp(30px,3.4vw,50px);margin-bottom:12px;text-wrap:balance}.fin>p{color:var(--body);margin-bottom:22px}
.form{display:grid;gap:13px;padding:24px;border-radius:22px;background:rgba(5,14,28,.92);border:1px solid var(--line2);position:relative;z-index:2}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form label{display:grid;gap:6px}.form label span{font-size:13px;color:var(--body)}
.form input,.form textarea{font:inherit;font-size:16px;color:var(--white);background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:10px;padding:12px 14px;resize:vertical;width:100%}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--elec);background:rgba(57,189,245,.05)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.f-err{font-size:14px;color:#FFB4A8;background:rgba(255,120,100,.08);border:1px solid rgba(255,120,100,.3);border-radius:10px;padding:10px 12px}.f-err a{color:#fff}
.btn.busy{opacity:.8}
.f-note{font-size:12.5px;color:var(--mute);text-align:center}.f-note a{color:var(--body)}
.f-ok{padding:34px 24px;border-radius:22px;background:rgba(5,14,28,.92);border:1px solid rgba(142,211,122,.35);text-align:center}
.f-ok svg{width:64px;height:64px;margin:0 auto 14px;fill:none;stroke:var(--ok);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.f-ok circle{stroke-dasharray:151;stroke-dashoffset:151}.f-ok path{stroke-dasharray:36;stroke-dashoffset:36}
.f-ok.play circle{animation:drw .7s var(--e) forwards}.f-ok.play path{animation:drw .45s var(--e) .55s forwards}
@keyframes drw{to{stroke-dashoffset:0}}
.f-ok h3{font-size:26px;margin-bottom:8px}.f-ok p{color:var(--body)}

/* ---------- pie ---------- */
.foot{padding:70px var(--pad) 40px;border-top:1px solid var(--line);background:#02060E}
.foot-g{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.foot-b img{height:40px;width:auto;margin-bottom:18px}.foot-b p{color:var(--body);font-size:15px;margin-bottom:10px}.foot-b a{font-size:15px}
.foot nav{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.foot h4{font:500 14px Sora;margin-bottom:6px;letter-spacing:0}
.foot nav a,.lnk-btn{text-decoration:none;color:var(--body);font-size:15px}.foot nav a:hover,.lnk-btn:hover{color:var(--white)}
.lnk-btn{background:none;border:0;padding:0;font:inherit;font-size:15px;cursor:pointer;text-align:left}
.copy{max-width:var(--max);margin:50px auto 0;color:var(--dim);font-size:13px}

/* ---------- chat ---------- */
.chat-btn{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:10px;height:54px;padding:0 20px 0 7px;border-radius:999px;border:1px solid var(--line2);background:rgba(5,14,28,.92);color:var(--white);font:500 14px 'Instrument Sans';cursor:pointer;box-shadow:0 20px 50px -18px rgba(0,0,0,.8);bottom:max(20px,env(safe-area-inset-bottom))}
.chat-btn img{width:40px;height:40px;border-radius:50%;background:var(--white);padding:11px 6px;object-fit:contain}
.chat{position:fixed;right:20px;bottom:86px;z-index:95;width:min(400px,calc(100vw - 24px));height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:20px;background:#08121F;border:1px solid var(--line2);box-shadow:0 40px 100px -30px rgba(0,0,0,.9);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .3s var(--e),transform .35s var(--e)}
.chat.open{opacity:1;transform:none}
.ch-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.ch-id{display:flex;gap:10px;align-items:center}.ch-id b{display:block;font:500 15px Sora}.ch-id small{font-size:12px;color:var(--mute)}
.ch-ic{width:36px;height:36px;border-radius:50%;background:var(--white);display:grid;place-items:center}.ch-ic img{width:24px;height:auto}
.ch-x{width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--white);font-size:20px;cursor:pointer}
.ch-b{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.ch-w b{font:400 18px Sora}.ch-w p{font-size:14px;color:var(--body);margin:6px 0 12px}
.ch-sug{display:flex;flex-wrap:wrap;gap:6px}.ch-sug button{font:13px 'Instrument Sans';color:var(--white);background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:999px;padding:7px 12px;cursor:pointer}
.msg{max-width:88%;font-size:14.5px;line-height:1.55;padding:10px 13px;border-radius:14px}
.msg p+p{margin-top:8px}.msg ul{margin:6px 0;padding-left:18px}.msg li+li{margin-top:4px}.msg a{color:var(--elec)}
.msg.u{align-self:flex-end;background:rgba(57,189,245,.14);border:1px solid rgba(57,189,245,.3);border-bottom-right-radius:4px}
.msg.a{align-self:flex-start;background:rgba(255,255,255,.04);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.err{border-color:rgba(255,120,100,.35)}
.msg.typing{display:flex;gap:4px}.msg.typing i{width:6px;height:6px;border-radius:50%;background:var(--mute);animation:tp 1s infinite}.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{50%{opacity:.3;transform:translateY(-3px)}}
.acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.act{font-size:13px;text-decoration:none;border:1px solid var(--line2);border-radius:999px;padding:6px 11px;color:var(--white)}
.ch-f{display:flex;gap:8px;padding:12px 12px 4px;border-top:1px solid var(--line)}
.ch-f textarea{flex:1;font:inherit;font-size:15px;color:var(--white);background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:12px;padding:10px 12px;resize:none}
.ch-f button{width:42px;border-radius:12px;border:0;background:var(--white);color:#04101E;font-size:18px;cursor:pointer}
.ch-note{font-size:11.5px;color:var(--dim);padding:4px 14px 10px}

/* ---------- cookies ---------- */
.ck{position:fixed;left:20px;bottom:20px;z-index:100;width:min(420px,calc(100vw - 24px));padding:20px;border-radius:16px;background:#0A1424;border:1px solid var(--line2);box-shadow:0 30px 80px -20px rgba(0,0,0,.85);transform:translateY(20px);opacity:0;visibility:hidden;transition:opacity .4s var(--e),transform .4s var(--e),visibility .4s}
.ck.show{opacity:1;transform:none;visibility:visible}
.ck-h{font:500 16px Sora;margin-bottom:6px}.ck p{font-size:14px;color:var(--body)}.ck a{color:var(--white)}
.ck-cfg{display:grid;gap:8px;margin-top:12px;font-size:14px}.ck-cfg label{display:flex;gap:8px;align-items:center}
.ck-b{display:flex;gap:8px;margin-top:16px}.ck-b .btn{flex:1;padding:0 8px}

/* ---------- páginas interiores ---------- */
.page{padding-top:120px}
.crumbs{max-width:var(--max);margin:0 auto 26px;padding:0 var(--pad);font-size:14px;color:var(--mute)}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.crumbs li+li::before{content:"/";margin-right:8px;color:var(--dim)}.crumbs a{text-decoration:none}
.p-hero{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.p-hero h1{font-size:clamp(38px,4.8vw,72px);line-height:1.02;text-wrap:balance;margin-bottom:22px}
.p-hero .lead{margin-top:0}
.p-vis{display:grid;place-items:center}
.p-sec{max-width:var(--max);margin:0 auto;padding:60px var(--pad);border-top:1px solid var(--line)}
.p-sec h2{font-size:clamp(28px,3vw,44px);margin-bottom:20px;max-width:760px;text-wrap:balance}
.p-sec>p{color:var(--body);max-width:760px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.card{border:1px solid var(--line2);border-radius:18px;padding:24px;background:linear-gradient(160deg,rgba(14,28,48,.6),rgba(5,10,20,.6))}
.card h3{font-size:20px;font-weight:400;margin-bottom:8px}.card p{color:var(--body);font-size:15.5px}
.steps{list-style:none;counter-reset:s;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.steps li{counter-increment:s;border-top:1px solid var(--line2);padding-top:16px}.steps li::before{content:counter(s);font:400 14px Sora;color:var(--elec);display:block;margin-bottom:8px}
.steps b{display:block;font:400 18px Sora;margin-bottom:6px}.steps span{color:var(--body);font-size:15px}
.faq{margin-top:20px;max-width:860px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font:400 18px Sora;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:"+";color:var(--elec)}.faq details[open] summary::after{content:"−"}.faq p{color:var(--body);margin-top:10px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{font-size:14px;padding:7px 13px;border-radius:999px;border:1px solid var(--line2);color:#C9D5E3}
.p-cta{max-width:var(--max);margin:40px auto 90px;padding:44px var(--pad);border-radius:26px;border:1px solid var(--line2);background:radial-gradient(60% 80% at 80% 50%,rgba(57,189,245,.14),transparent 70%),#06101E;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.p-cta h2{font-size:clamp(26px,2.8vw,40px);max-width:620px}
.legal{max-width:860px;margin:0 auto;padding:0 var(--pad) 90px}
.legal h1{font-size:clamp(34px,4vw,56px);margin-bottom:12px}.legal .upd{color:var(--mute);margin-bottom:30px}
.legal h2{font-size:24px;margin:36px 0 12px;font-weight:400}.legal p,.legal li{color:var(--body);margin-bottom:10px}.legal a{color:var(--elec)}
.legal table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}.legal th,.legal td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;color:var(--body);vertical-align:top}.legal th{color:var(--white);font-weight:500}
.page .final-wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 90px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.page .final-wrap .fin{opacity:1;transform:none;width:100%}
.p-cat{width:min(380px,80%);filter:drop-shadow(0 0 60px rgba(63,224,208,.25))}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .nav-menu{position:fixed;inset:0;top:0;background:rgba(3,9,20,.98);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:-1}
  .nav-menu.open{opacity:1;visibility:visible}
  .nav-menu ul{flex-direction:column;align-items:center;gap:26px}.nav-menu a{font:300 28px Sora;color:var(--white)}
  .m-only{display:block}.burger{display:flex}.nav-act .btn.ghost{display:none}
  .serv-head,.e,.trust,.pp-in,.p-hero,.page .final-wrap{grid-template-columns:1fr}
  .e:nth-child(even) .obj{order:0}
  .trust{align-content:center;gap:10px}.struct{height:34vh;order:-1}
  .foot-g{grid-template-columns:1fr 1fr}.foot-b{grid-column:1/-1}
  .grid3,.steps{grid-template-columns:1fr 1fr}
  .pn-body{grid-template-columns:1fr;gap:18px}.threads{display:none}
}
@media (max-width:640px){
  body{font-size:16px}
  .nav-act .btn.prim{display:none}.nav-logo img{height:29px}
  .hero{padding-bottom:max(84px,10vh)}.hero h1{font-size:clamp(36px,10.6vw,48px)}.cue{display:none}
  .hero-b{bottom:max(84px,10vh)}.big{font-size:clamp(32px,9vw,40px)}
  .net-copy{top:84px}.net-copy h2{font-size:clamp(26px,7.2vw,32px)}.net-copy p{font-size:15px}
  .orus-copy{bottom:84px}.o-note{font-size:14px}
  .demo{padding:72px 14px 16px;justify-content:flex-start}
  .demo-titles{height:56px;margin-bottom:12px}.dt{font-size:clamp(22px,6.4vw,28px)}
  .pn-head{padding:11px 14px}.pn-body{padding:14px;gap:14px}
  .q-box{font-size:15px;padding:11px 13px;min-height:46px}
  .srcs{margin-top:14px;gap:7px}.src{padding:8px 10px}.src small{font-size:12.5px}.ic{width:26px;height:26px}.ic::before{inset:7px 6px}
  .panel[data-stage="0"] .pn-right,.panel[data-stage="1"] .pn-right,.panel[data-stage="2"] .pn-right{display:none}
  .panel[data-stage="3"] .pn-left{display:none}
  .sum{font-size:15px}.draft p{font-size:14.5px}.appr-b{margin-left:0;width:100%}.appr-b .btn{flex:1}
  .dual-copy{margin-top:42vh}
  .princ{grid-template-columns:1fr;gap:12px}.princ span{font-size:14px}.tr-copy h2{margin-bottom:18px}
  .trust{padding-top:76px}
  .f2,.grid3,.grid2,.steps{grid-template-columns:1fr}
  #confianza,#contacto{height:auto}
  .fin{opacity:1;transform:none}
  #confianza .pin,#contacto .pin{position:relative;height:auto;overflow:visible}
  .trust{padding-bottom:70px;overflow:hidden}
  .final{align-items:flex-start;padding:90px 14px 120px;min-height:110svh}
  .form{padding:18px;gap:10px}.fin>p{font-size:15px;margin-bottom:14px}
  .chat-btn span{display:none}.chat-btn{padding:0 7px}
  .chat{right:12px;bottom:84px;height:calc(100vh - 110px)}
  .ck{left:12px;bottom:12px}
  .foot-g{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* sin 3D o con movimiento reducido: versión editorial, todo visible */
.nogl .ch,.static .ch{height:auto}
.nogl .pin,.static .pin{position:relative;height:auto;min-height:0;overflow:visible;padding-top:90px;padding-bottom:60px}
.nogl .hero,.static .hero{min-height:100svh}
.nogl .hero-b,.static .hero-b,.nogl .cue,.static .cue{display:none}
.nogl .mid-h,.nogl .net-copy,.nogl .orus-copy,.nogl .panel,.nogl .dual-copy,.nogl .corp-copy,.nogl .fin,.nogl .demo-cta,.nogl .pn-right,
.static .mid-h,.static .net-copy,.static .orus-copy,.static .panel,.static .dual-copy,.static .corp-copy,.static .fin,.static .demo-cta,.static .pn-right{opacity:1!important;visibility:visible!important;transform:none!important;position:relative;left:auto;bottom:auto;top:auto}
.nogl .cat-real,.static .cat-real{position:relative;opacity:1!important;visibility:visible!important;transform:none!important;width:min(340px,70vw);margin:0 auto 30px;-webkit-mask-image:none}
.nogl .dt,.static .dt{position:relative;opacity:1;transform:none;display:none}.nogl .dt[data-s="0"],.static .dt[data-s="0"]{display:block}
.nogl .demo-titles,.static .demo-titles{height:auto}
.nogl .dual-copy,.static .dual-copy{margin-top:0}
.nogl .labels{display:none}

/* ---------- demo: conversación de ORUS (aspecto del producto real, datos ficticios) ---------- */
.panel.oc{width:min(760px,100%);height:min(560px,64vh);display:flex;flex-direction:column;background:#FBFAF9;color:#1C1C22;border:1px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(63,224,208,.18),0 50px 120px -40px rgba(0,0,0,.9),0 0 90px -30px rgba(63,224,208,.45);font-family:'Instrument Sans',system-ui,sans-serif}
.panel.oc::before{display:none}
.oc-top{display:flex;align-items:center;gap:9px;padding:12px 18px;border-bottom:1px solid #ECEAE6;background:#fff;flex:none}
.oc-top img{width:24px;height:auto}
.oc-top b{font:700 15px 'Instrument Sans',sans-serif;letter-spacing:-.01em}.oc-top b span{color:#7C5CFA}
.oc-sim{margin-left:auto;font-size:11.5px;color:#6B6B76;border:1px solid #E3E0DB;border-radius:999px;padding:3px 10px;background:#F6F5F3}
.oc-body{flex:1;position:relative;overflow:hidden;background:linear-gradient(135deg,#FBFBFA,#F3F2EF);-webkit-mask-image:linear-gradient(transparent 0,#000 34px);mask-image:linear-gradient(transparent 0,#000 34px)}
.oc-stack{position:absolute;left:0;right:0;bottom:0;padding:16px 22px 10px;display:flex;flex-direction:column}
.mw{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--e)}
.mw.in{grid-template-rows:1fr}
.mi{overflow:hidden;min-height:0}
.m{margin:0 0 12px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--e) .12s,transform .6s var(--e) .12s;font-size:14px;line-height:1.5}
.mw.in .m{opacity:1;transform:none}
.m.u{margin-left:auto;max-width:78%;width:fit-content;background:#EEEDEA;border-radius:16px;padding:9px 14px;color:#24242A}
.m.a{max-width:92%;color:#24242A}.m.a p{margin:0 0 7px}.m.a small{color:#6B6B76;font-size:12.5px}
.mail{margin-top:8px;border:1px solid #E6E3DE;border-radius:12px;background:#fff;overflow:hidden;font-size:12.8px;box-shadow:0 6px 18px -12px rgba(0,0,0,.25)}
.mail-h{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #EEECE8;font-weight:600;color:#3A3A44}
.mail-h em{font-style:normal;font-weight:500;font-size:11.5px;border:1px solid #E3E0DB;border-radius:6px;padding:2px 8px;color:#55555F}
.mail-f{padding:7px 12px;border-bottom:1px solid #F1EFEC;color:#2A2A31}
.mail-f small{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8A8A94;margin-bottom:2px}
.mail-a{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px}.mail-a span{font-size:11.5px;border:1px solid #E3E0DB;border-radius:999px;padding:3px 10px;color:#4A4A54}
.m.sent{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.tick{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:4px;background:#22A06B;color:#fff;font-size:11px;font-weight:700;margin-right:4px;vertical-align:-3px}
.det{font-size:12px;border:1px solid #E3E0DB;border-radius:999px;padding:4px 11px;color:#3F3F49;background:#fff}
.oc-in{flex:none;margin:8px 18px 14px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E6E3DE;border-radius:999px;padding:8px 9px 8px 18px;font-size:13.5px;box-shadow:0 8px 22px -14px rgba(0,0,0,.25)}
.oc-in .ph{color:#9A9AA3}.oc-in .typed{color:#24242A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.oc-in.has .ph{display:none}
.oc-in .think{margin-left:auto;font-size:11.5px;background:#F0EFEC;border-radius:999px;padding:4px 10px;color:#5A5A64;transition:background .3s,color .3s}
.oc-in .think.on{background:#EFEAFF;color:#6B4EF0;animation:thk 1.2s ease-in-out infinite}
@keyframes thk{50%{opacity:.55}}
.oc-in .send{flex:none;width:28px;height:28px;border-radius:50%;background:#EFEAFF;color:#7C5CFA;display:grid;place-items:center}
@media (max-width:640px){
  .panel.oc{height:min(600px,72svh)}
  .oc-stack{padding:12px 12px 6px}.m{font-size:13.5px}.mail{font-size:12.3px}.oc-in{margin:6px 10px 10px}
  .oc-sim{font-size:10.5px;padding:3px 8px}
}
.nogl .panel.oc .mw,.static .panel.oc .mw{grid-template-rows:1fr}.nogl .panel.oc .m,.static .panel.oc .m{opacity:1;transform:none}
.nogl .oc-stack,.static .oc-stack{position:relative}.nogl .panel.oc,.static .panel.oc{height:auto}

/* carga: mientras se prepara el 3D se ve una nube (nunca la portada vacía); el texto espera a que se abran las nubes */
.veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:
 radial-gradient(40% 35% at 30% 40%,rgba(120,170,225,.55),transparent 70%),
 radial-gradient(45% 40% at 72% 58%,rgba(95,145,205,.5),transparent 70%),
 radial-gradient(60% 50% at 50% 50%,#2a5487,#0d2445 75%);transition:opacity .9s var(--e)}
.ready .veil,.nogl .veil,.static .veil{opacity:0}
.home:not(.x) .hero-a{opacity:0}
.ready .home .hero-a,.nogl .home .hero-a,.static .home .hero-a{opacity:1}
.home .hero-a{animation:showLate 0s 6s forwards}
@keyframes showLate{to{opacity:1}}
.ready .home .hero-a{animation:none}
.oc-hi{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:opacity .6s var(--e),transform .7s var(--e)}
.oc-hi span{color:#7C5CFA;font-size:20px}.oc-hi b{font:800 26px 'Instrument Sans',sans-serif;letter-spacing:-.02em;color:#141418}.oc-hi small{font-size:13.5px;color:#6B6B76}
.panel.oc.talk .oc-hi{opacity:0;transform:translateY(-16px)}
.nogl .oc-hi,.static .oc-hi{display:none}
/* modo vídeo: barra discreta que indica que la escena se está reproduciendo sola */
.autobar{position:fixed;left:50%;bottom:22px;width:92px;height:2px;margin-left:-46px;border-radius:2px;background:rgba(255,255,255,.14);z-index:30;pointer-events:none;opacity:0;transition:opacity .6s;overflow:hidden}
.autobar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#7fd4ff,#fff);transform-origin:left;transform:scaleX(var(--p,0))}
.auto .autobar{opacity:.85}
.auto body{touch-action:none}
.auto .cue{opacity:0!important}