/* Atielec Industrial · atielec.co
   Identidad propia: azul marino industrial, cortes biselados, cinta de peligro y la electricidad como movimiento.
   Barlow Condensed (rotulación), Barlow (texto) e IBM Plex Mono (datos técnicos), autoalojadas.
   Distinta a yeminix.com, boliranas.com y bolirana.co a propósito. */
@font-face{font-family:"BC";src:url(/assets/fonts/bc-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"BC";src:url(/assets/fonts/bc-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"BC";src:url(/assets/fonts/bc-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"BR";src:url(/assets/fonts/b-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"BR";src:url(/assets/fonts/b-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"BR";src:url(/assets/fonts/b-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"PM";src:url(/assets/fonts/pm-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PM";src:url(/assets/fonts/pm-500.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  --noche:#06172E; --noche-2:#0B2347; --noche-3:#12315F; --linea-n:#ffffff1f;
  --azul:#2D7BFF; --cian:#3DD6FF; --nar:#FF7A1A; --nar-2:#FF9A4D; --amar:#FFC21A;
  --bg:#F2F5F9; --surf:#FFFFFF; --surf2:#E4EAF2; --tinta:#0B1626; --tinta-2:#4B5D76; --tinta-3:#7A8BA3; --linea:#0B162621; --linea-2:#0B162640;
  --c:14px;
  --pad:clamp(20px,5vw,84px); --alto-cab:68px;
  --ease:cubic-bezier(.23,1,.32,1);
  --rot:"BC","Arial Narrow",Impact,sans-serif; --txt:"BR",-apple-system,"Helvetica Neue",Arial,sans-serif; --mono:"PM",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--alto-cab) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tinta);font:400 17px/1.55 var(--txt);overflow-x:hidden;-webkit-font-smoothing:antialiased;caret-color:var(--azul)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.22em}
::selection{background:var(--nar);color:#fff}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.salto{position:absolute;left:12px;top:-60px;background:var(--nar);color:#fff;padding:10px 16px;z-index:100;transition:top .2s}
.salto:focus{top:10px}
.ico{width:1.2em;height:1.2em;flex:none}
h1,h2,h3{font-family:var(--rot);margin:0;font-weight:800;letter-spacing:.005em;line-height:.96;text-transform:uppercase;text-wrap:balance}
em{font-style:normal}
.mono{font:500 .74rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.punto{display:inline-block;width:.55em;height:.55em;background:var(--nar);margin-right:.7em;vertical-align:.05em;box-shadow:0 0 0 4px #FF7A1A33;animation:parp 2.2s ease-in-out infinite}
@keyframes parp{50%{opacity:.35}}
/* bisel industrial: esquinas cortadas */
.chaf{clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)))}
/* cinta de peligro */
.peligro{height:10px;background:repeating-linear-gradient(-45deg,var(--amar) 0 12px,var(--noche) 12px 24px)}

/* botones */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;font:700 1.02rem/1 var(--rot);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;padding:1.05em 1.5em;border:0;cursor:pointer;white-space:nowrap;--c:12px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));transition:transform .16s var(--ease),background .2s,color .2s,filter .2s}
.btn:active{transform:scale(.97)}
.btn-g{font-size:1.12rem;padding:1.1em 1.7em}
.btn-nar{background:var(--nar);color:#fff}
.btn-azul{background:var(--azul);color:#fff}
.btn-noche{background:var(--noche);color:#fff}
.btn-linea{background:#ffffff1c;color:#fff;box-shadow:inset 0 0 0 1px #ffffff66}
.btn-linea-d{background:var(--tinta);color:#fff}
.btn-linea-d.claro{background:transparent;color:var(--tinta)}
@media (hover:hover) and (pointer:fine){
  .btn-nar:hover{background:var(--nar-2);transform:translateY(-2px)}
  .btn-azul:hover{filter:brightness(1.15);transform:translateY(-2px)}
  .btn-noche:hover{background:var(--noche-3);transform:translateY(-2px)}
  .btn-linea:hover{background:#ffffff33}
}

/* cabecera */
.cab{position:sticky;top:0;z-index:60;height:var(--alto-cab);display:flex;align-items:center;gap:clamp(14px,3vw,44px);padding:0 var(--pad);background:#06172Ee8;backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid var(--linea-n);color:#fff}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.marca-ico{width:38px;height:38px;flex:none}
.marca-t{display:grid;line-height:1}
.marca-t b{font:800 1.7rem/.9 var(--rot);letter-spacing:.04em}
.marca-t small{font:500 .56rem/1 var(--mono);letter-spacing:.34em;color:var(--cian);margin-top:3px}
.cab-nav{display:flex;gap:clamp(16px,2.6vw,38px);margin-left:auto}
.cab-nav a{font:700 1rem/1 var(--rot);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;padding:10px 0;background:linear-gradient(var(--nar),var(--nar)) 0 100%/0 3px no-repeat;transition:background-size .28s var(--ease)}
.cab-nav a:hover,.cab-nav a[aria-current]{background-size:100% 3px}
.cab-wa{padding:.8em 1.1em;font-size:.95rem}
.cab-boton{display:none;width:44px;height:44px;border:1px solid #ffffff55;background:transparent;cursor:pointer;position:relative}
.cab-boton span{position:absolute;left:11px;right:11px;height:2px;background:#fff;transition:transform .25s var(--ease),top .25s var(--ease)}
.cab-boton span:first-child{top:16px}.cab-boton span:last-child{top:25px}
.cab-boton[aria-expanded=true] span:first-child{top:20.5px;transform:rotate(45deg)}
.cab-boton[aria-expanded=true] span:last-child{top:20.5px;transform:rotate(-45deg)}
.cab-prog{position:absolute;left:0;right:0;bottom:-1px;height:3px;pointer-events:none;overflow:hidden}
@supports (animation-timeline:scroll()){
  .cab-prog::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--azul),var(--cian),var(--nar));transform-origin:left;transform:scaleX(0);animation:traza linear both;animation-timeline:scroll(root block)}
  @keyframes traza{to{transform:scaleX(1)}}
}
@media (max-width:900px){
  :root{--alto-cab:62px}
  .cab-boton{display:block;margin-left:auto}
  .cab-wa{order:2}.cab-wa span{display:none}
  .cab-wa{width:44px;height:44px;padding:0}.cab-wa .ico{width:1.5em;height:1.5em}
  .cab-nav{position:fixed;left:0;right:0;top:var(--alto-cab);margin:0;flex-direction:column;gap:0;background:var(--noche);padding:6px var(--pad) 24px;border-bottom:1px solid var(--linea-n);transform:translateY(-12px);opacity:0;visibility:hidden;transition:transform .25s var(--ease),opacity .2s,visibility 0s .25s}
  .cab-nav.abierto{transform:none;opacity:1;visibility:visible;transition:transform .25s var(--ease),opacity .2s}
  .cab-nav a{font-size:1.8rem;padding:15px 0;border-bottom:1px solid var(--linea-n);background:none}
  .cab-boton{order:3;margin-left:0}.cab-wa{margin-left:auto}
}

/* revelado */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}

/* ===== hero ===== */
.hero{position:relative;background:var(--noche);color:#fff;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#3DD6FF12 1px,transparent 1px),linear-gradient(90deg,#3DD6FF12 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 70% 45%,#000 20%,transparent 78%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px circle at 78% 42%,#2D7BFF40,transparent 62%),radial-gradient(600px circle at 8% 100%,#FF7A1A22,transparent 60%)}
.hero-in{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,4vw,64px);align-items:center;padding:clamp(34px,5vw,76px) var(--pad) clamp(40px,6vw,84px);min-height:min(780px,calc(100dvh - var(--alto-cab)))}
.hero .mono{color:#9FB6D8}
.hero-et{margin:0 0 22px}
.hero h1{font-size:clamp(3rem,6.6vw,6.6rem);line-height:.9;letter-spacing:.01em}
.hero h1 .pl{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.hero h1 .pl>span{display:inline-block;transform:translateY(112%);animation:sube-p .95s calc(.1s + var(--w,0)*.09s) var(--ease) forwards}
@keyframes sube-p{to{transform:none}}
.hero h1 .rayo{color:var(--nar)}
.hero-sub{font-size:clamp(1.05rem,1.45vw,1.25rem);max-width:44ch;margin:24px 0 30px;color:#C8D6EC}
.hero-acc{display:flex;flex-wrap:wrap;gap:12px}
.hero-sellos{margin:28px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px}
.hero-sellos li{font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9FB6D8;display:flex;align-items:center;gap:8px}
.hero-sellos li::before{content:"";width:8px;height:8px;background:var(--cian)}
.hero-et,.hero-sub,.hero-acc,.hero-sellos{opacity:0;animation:aparece .8s var(--ease) forwards}
.hero-et{animation-delay:.02s}.hero-sub{animation-delay:.5s}.hero-acc{animation-delay:.62s}.hero-sellos{animation-delay:.74s}
@keyframes aparece{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* esquema unifilar: transferencia automática */
.esq{position:relative;width:100%;max-width:680px;margin-left:auto;opacity:0;animation:aparece 1s .25s var(--ease) forwards}
.esq-marco{position:relative;border:1px solid #ffffff2b;background:linear-gradient(180deg,#0A2A55aa,#06172Ecc);padding:clamp(10px,2vw,20px);--c:22px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)))}
.esq svg{display:block;width:100%;height:auto;overflow:visible}
.esq .cab-e{fill:none;stroke:#2c4a78;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.esq .flujo{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:1 15;opacity:0;transition:opacity .4s}
.esq .caja{fill:#0B2347;stroke:#3a5b8f;stroke-width:1.5}
.esq .tx{font:600 15px var(--rot);fill:#E6F0FF;letter-spacing:.09em;text-transform:uppercase}
.esq .tx-s{font:500 10px var(--mono);fill:#8FB0DE;letter-spacing:.1em}
.esq .vent{fill:#16345F;transition:fill .25s}
.esq .cuchilla{transform-box:view-box;transform-origin:320px 262px;transition:transform .9s cubic-bezier(.6,-.2,.3,1.3)}
.esq .rot-g{transform-box:fill-box;transform-origin:center}
.esq .estado{font:600 17px var(--rot);letter-spacing:.12em;text-transform:uppercase;fill:var(--cian);transition:fill .3s}
.esq .led{fill:#16345F;transition:fill .3s}
/* fases */
.esq[data-fase="red"] .l-red,.esq[data-fase="vuelta"] .l-red{stroke:var(--cian)}
.esq[data-fase="red"] .f-red,.esq[data-fase="vuelta"] .f-red{opacity:1;stroke:var(--cian);animation:corre 1s linear infinite}
.esq[data-fase="red"] .f-sal,.esq[data-fase="vuelta"] .f-sal{opacity:1;stroke:var(--cian);animation:corre 1s linear infinite}
.esq[data-fase="red"] .vent,.esq[data-fase="vuelta"] .vent{fill:#BFEFFF}
.esq[data-fase="red"] .cuchilla,.esq[data-fase="vuelta"] .cuchilla{transform:rotate(-34deg)}
.esq[data-fase="red"] .led-r,.esq[data-fase="vuelta"] .led-r{fill:var(--cian)}
.esq[data-fase="corte"] .l-red{stroke:#7a1f1f}
.esq[data-fase="corte"] .estado{fill:var(--nar);animation:parp .5s steps(1,end) infinite}
.esq[data-fase="corte"] .cuchilla{transform:rotate(-34deg)}
.esq[data-fase="corte"] .rot-corte{opacity:1}
.esq[data-fase="arranque"] .cuchilla{transform:rotate(-34deg)}
.esq[data-fase="arranque"] .f-gen{opacity:1;stroke:var(--nar);animation:corre .7s linear infinite}
.esq[data-fase="arranque"] .l-gen{stroke:#a35214}
.esq[data-fase="arranque"] .rot-g{animation:gira .8s linear infinite}
.esq[data-fase="arranque"] .estado{fill:var(--amar)}
.esq[data-fase="gen"] .l-gen{stroke:var(--nar)}
.esq[data-fase="gen"] .f-gen,.esq[data-fase="gen"] .f-sal{opacity:1;stroke:var(--nar);animation:corre .8s linear infinite}
.esq[data-fase="gen"] .vent{fill:#FFD9A8}
.esq[data-fase="gen"] .cuchilla{transform:rotate(34deg)}
.esq[data-fase="gen"] .rot-g{animation:gira 1.6s linear infinite}
.esq[data-fase="gen"] .led-g{fill:var(--nar)}
.esq[data-fase="gen"] .estado{fill:var(--nar)}
.esq[data-fase="vuelta"] .cuchilla{transform:rotate(-34deg)}
.esq[data-fase="vuelta"] .l-gen{stroke:#a35214}
.esq[data-fase="vuelta"] .rot-g{animation:gira 2.4s linear infinite}
.esq .rot-corte{opacity:0;transition:opacity .2s}
@keyframes corre{to{stroke-dashoffset:-16}}
@keyframes gira{to{transform:rotate(360deg)}}
.esq-barra{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.esq-barra .mono{color:#9FB6D8}
.esq-btn{font:700 .95rem/1 var(--rot);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#ffffff1a;border:0;box-shadow:inset 0 0 0 1px #ffffff55;padding:.85em 1.1em;cursor:pointer;--c:10px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));transition:background .2s}
.esq-btn:hover{background:#ffffff33}
@media (max-width:900px){.hero-in{grid-template-columns:1fr;min-height:0}.esq{margin:6px auto 0}}

/* ===== datos ===== */
.datos{display:grid;grid-template-columns:repeat(4,1fr);background:var(--noche-2);color:#fff;border-top:1px solid var(--linea-n)}
.datos>div{padding:26px clamp(18px,3vw,40px);border-right:1px solid var(--linea-n);display:grid;gap:4px}
.datos>div:last-child{border-right:0}
.datos b{font:800 clamp(2.2rem,4vw,3.4rem)/1 var(--rot);color:#fff;letter-spacing:.01em}
.datos b i{font-style:normal;color:var(--cian)}
.datos b .cuenta{font:inherit;letter-spacing:inherit;text-transform:none;color:inherit;display:inline}
.datos span{font:500 .72rem/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#9FB6D8}
@media (max-width:760px){.datos{grid-template-columns:1fr 1fr}.datos>div:nth-child(2){border-right:0}.datos>div:nth-child(-n+2){border-bottom:1px solid var(--linea-n)}}

/* ===== secciones ===== */
.secc{padding:clamp(60px,8vw,120px) var(--pad) 0}
.secc-cab{display:grid;gap:12px;margin-bottom:clamp(26px,4vw,48px);max-width:62ch}
.secc h2{font-size:clamp(2.4rem,5.6vw,5rem);line-height:.92}
.secc-cab p{margin:0;color:var(--tinta-2);max-width:52ch}
.mono b{color:var(--tinta)}

/* líneas */
.lineas-g{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px)}
.lin{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(340px,40vw,470px);padding:clamp(20px,2.4vw,32px);background:var(--surf);text-decoration:none;overflow:hidden;--c:22px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px var(--linea);transition:background .3s}
.lin::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--azul),var(--cian));transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.lin-n{font:800 clamp(5rem,9vw,8rem)/.8 var(--rot);color:transparent;-webkit-text-stroke:1.4px var(--linea-2);position:absolute;right:14px;top:10px}
.lin h3{font-size:clamp(1.9rem,3.2vw,2.8rem);position:relative}
.lin p{margin:10px 0 0;color:var(--tinta-2);font-size:.98rem;max-width:30ch;position:relative}
.lin-ft{position:absolute;right:6%;bottom:6%;width:62%;height:60%;display:grid;place-items:end}
.lin-ft img{width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 14px 12px #06172E40);transition:transform .6s var(--ease)}
.lin-flecha{position:relative;z-index:2;width:48px;height:48px;background:var(--noche);color:#fff;display:grid;place-items:center;--c:10px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));transition:background .25s,transform .35s var(--ease)}
.lin-pie{display:flex;align-items:center;gap:12px;position:relative;z-index:2}
.lin-pie .mono{margin:0}
@media (hover:hover) and (pointer:fine){
  .lin:hover{background:#EEF3FA}.lin:hover::before{transform:none}.lin:hover .lin-ft img{transform:scale(1.07) translateX(-3%)}.lin:hover .lin-flecha{background:var(--nar);transform:translateX(4px)}
}
@media (max-width:860px){.lineas-g{grid-template-columns:1fr}.lin{min-height:340px}}

/* tarjetas de producto */
.tarj{display:flex;flex-direction:column;text-decoration:none;position:relative;background:var(--surf);--c:16px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px var(--linea);transition:transform .35s var(--ease),background .25s}
.tarj-foto{aspect-ratio:1/1;background:radial-gradient(circle at 50% 40%,#fff,#E9EFF7 80%);display:grid;place-items:center;padding:9%;overflow:hidden;position:relative}
.tarj-foto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--azul),var(--cian));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.tarj-foto img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 8px #06172E33);transition:transform .6s var(--ease)}
.tarj-info{padding:14px 18px 20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;border-top:1px solid var(--linea)}
.tarj-linea{font:500 .66rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.tarj h3{font-size:1.55rem;line-height:.98;min-height:1.95em;letter-spacing:.01em}
.tarj-datos{display:flex;gap:6px;flex-wrap:wrap}
.tarj-datos i{font:500 .64rem/1 var(--mono);font-style:normal;letter-spacing:.07em;text-transform:uppercase;background:var(--noche);color:#fff;padding:.5em .65em}
.tarj-datos i.o{background:var(--nar)}
.tarj-cot{font:700 .8rem/1 var(--rot);letter-spacing:.1em;text-transform:uppercase;color:var(--azul);display:flex;align-items:center;gap:6px}
.tarj-n{position:absolute;right:10px;top:10px;font:500 .62rem/1 var(--mono);letter-spacing:.08em;background:#06172Ecc;color:#fff;padding:.5em .65em;z-index:2}
@media (hover:hover) and (pointer:fine){.tarj:hover{transform:translateY(-6px);background:#fff}.tarj:hover .tarj-foto::after{transform:none}.tarj:hover img{transform:scale(1.06)}}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(12px,1.6vw,20px)}
.rejilla-s{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.tarj[hidden]{display:none}
@media (max-width:620px){.rejilla,.rejilla-s{grid-template-columns:repeat(2,1fr);gap:10px}.tarj h3{font-size:1.2rem}.tarj-info{padding:12px 12px 16px}}

/* factor de potencia */
.fp{margin-top:clamp(60px,8vw,120px);background:var(--noche);color:#fff;padding:clamp(54px,7vw,100px) var(--pad);position:relative;overflow:hidden}
.fp::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#3DD6FF0e 1px,transparent 1px),linear-gradient(90deg,#3DD6FF0e 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 30% 50%,#000 10%,transparent 75%)}
.fp-in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:center}
.fp .mono{color:#9FB6D8}
.fp h2{font-size:clamp(2.4rem,5vw,4.6rem);margin:12px 0 16px;color:#fff}
.fp p{color:#C0D0E8;max-width:46ch;margin:0 0 22px}
.fp-sw{display:inline-flex;align-items:center;gap:14px;background:#ffffff14;border:0;color:#fff;font:700 1.05rem/1 var(--rot);letter-spacing:.08em;text-transform:uppercase;padding:.9em 1.2em .9em .9em;cursor:pointer;--c:12px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px #ffffff40}
.fp-sw i{position:relative;width:54px;height:28px;background:#2c4a78;transition:background .3s;flex:none}
.fp-sw i::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;background:#fff;transition:transform .4s var(--ease)}
.fp-sw[aria-pressed=true] i{background:var(--cian)}
.fp-sw[aria-pressed=true] i::after{transform:translateX(26px);background:var(--noche)}
.fp-nota{display:block;margin-top:16px;font:500 .66rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7F9AC4}
.fp-vis{position:relative;background:linear-gradient(160deg,#0B2347cc,#06172Ef2);padding:clamp(16px,2vw,28px);--c:26px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px #ffffff2b;--acc:#FF7A1A}
.fp-vis.ok{--acc:#3DD6FF}
.fp-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
.fp-cab .mono{display:flex;align-items:center;gap:9px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.fp-vivo{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 var(--acc);animation:fp-p 1.6s ease-out infinite}
@keyframes fp-p{0%{box-shadow:0 0 0 0 #3DD6FF99}80%,100%{box-shadow:0 0 0 9px #3DD6FF00}}
.fp-est{font:600 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--noche);background:var(--acc);padding:.55em .8em;transition:background .5s}
.fp-graf{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(6px,1.5vw,20px);align-items:end}
.fp-vis svg{display:block;width:100%;height:auto;overflow:visible}
.fp-rej path{fill:none;stroke:#ffffff44;stroke-width:1.5}
.fp-vis .vec{fill:none;stroke-width:5;stroke-linecap:round}
.fp-vis .vec-b{fill:none;stroke-width:9;opacity:.7}
.fp-vis .rel{fill:#3DD6FF1c}
.fp-vis .ang{fill:none;stroke:#ffffffaa;stroke-width:1.6}
.fp-vis .recto{fill:none;stroke:#ffffff77;stroke-width:1.4}
.fp-vis text{font:600 15px var(--rot);fill:#E6F0FF;letter-spacing:.1em;text-transform:uppercase}
.fp-vis .et{font-size:15px}
.fp-vis .phi{font:600 18px var(--txt);font-style:italic;text-transform:none;fill:#fff}
.fp-vis .tk{font:500 11px var(--mono);fill:#9FB6D8;letter-spacing:.06em}
.fp-vis .med-n{font:800 46px var(--rot);fill:#fff;letter-spacing:.01em}
.fp-dat{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:14px 0 0;background:#ffffff1f;box-shadow:0 0 0 1px #ffffff1f}
.fp-dat>div{background:#06172E;padding:12px 14px}
.fp-dat dt{font:500 .62rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8FB0DE;margin:0 0 7px}
.fp-dat dd{margin:0;font:800 1.7rem/1 var(--rot);letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums}
.fp-dat dd.nar{color:#FF9A4D}
.fp-dat>div:first-child dd{color:var(--acc);transition:color .5s}
.fp-cor{grid-column:1/-1}
.fp-cor{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 18px}
.fp-cor dt{margin:0}
.fp-cor dd{justify-self:end}
.fp-barra{grid-column:1/-1;display:block;height:8px;background:#ffffff1a;position:relative;overflow:hidden}
.fp-barra i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#2D7BFF,#3DD6FF)}
.fp-ctl{margin:22px 0 0;max-width:46ch}
.fp-ctl label{display:flex;justify-content:space-between;align-items:baseline;font:500 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9FB6D8;margin-bottom:12px}
.fp-ctl label b{font:800 1.3rem/1 var(--rot);letter-spacing:.04em;color:#fff}
.fp-ctl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;cursor:pointer;--p:0%;margin:0}
.fp-ctl input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,#3DD6FF var(--p),#ffffff2a var(--p))}
.fp-ctl input[type=range]::-moz-range-track{height:6px;background:linear-gradient(90deg,#3DD6FF var(--p),#ffffff2a var(--p))}
.fp-ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:30px;margin-top:-12px;background:#fff;border:0;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);box-shadow:0 0 0 3px #3DD6FF}
.fp-ctl input[type=range]::-moz-range-thumb{width:22px;height:30px;background:#fff;border:0;border-radius:0}
.fp-ctl input[type=range]:focus-visible{outline:2px solid var(--cian);outline-offset:4px}
.fp-celdas{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:6px}
.fp-celdas i{height:14px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff2a;transition:background .3s,box-shadow .3s}
.fp-celdas i.on{background:#3DD6FF;box-shadow:0 0 12px #3DD6FF99}
@media (max-width:900px){.fp-graf{grid-template-columns:1fr}.fp-med{max-width:340px;margin:0 auto}}
@media (max-width:520px){.fp-dat{grid-template-columns:1fr 1fr}.fp-dat dd{font-size:1.45rem}}
@media (prefers-reduced-motion:reduce){.fp-vivo{animation:none}}
@media (max-width:900px){.fp-in{grid-template-columns:1fr}}

/* gabinetes: configurador */
.cfg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,64px);align-items:start;background:var(--surf);padding:clamp(20px,3vw,40px);--c:24px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px var(--linea)}
.cfg-tipo{display:flex;gap:8px;margin-bottom:14px}
.cfg-tipo button,.cfg-med button{font:600 .95rem/1 var(--rot);letter-spacing:.07em;text-transform:uppercase;border:0;background:var(--surf2);color:var(--tinta);padding:.8em 1em;cursor:pointer;transition:background .2s,color .2s}
.cfg-tipo button[aria-pressed=true],.cfg-med button[aria-pressed=true]{background:var(--noche);color:#fff}
.cfg-med{display:flex;flex-wrap:wrap;gap:6px;max-height:260px;overflow:auto;padding:2px}
.cfg-med button{font:500 .78rem/1 var(--mono);letter-spacing:.04em;padding:.75em .8em}
.cfg-vis{position:relative;aspect-ratio:5/4;background:radial-gradient(circle at 50% 40%,#fff,#E4EAF2);display:grid;place-items:center;overflow:hidden}
.cfg-vis::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#06172E12 1px,transparent 1px),linear-gradient(90deg,#06172E12 1px,transparent 1px);background-size:24px 24px}
.cfg-caja{position:relative;width:calc(var(--w)*1px);height:calc(var(--h)*1px);background:linear-gradient(135deg,#F4F7FB,#CFD8E6);box-shadow:inset 0 0 0 2px #7d8ca6,10px 10px 0 -2px #AAB7CB,calc(var(--d)*.18px) calc(var(--d)*-.18px) 0 0 #9aa9c0;transition:width .6s var(--ease),height .6s var(--ease),box-shadow .6s var(--ease)}
.cfg-caja::before{content:"";position:absolute;left:12%;right:12%;top:10%;bottom:10%;border:2px solid #98a6bd;background:#E9EEF6}
.cfg-caja::after{content:"";position:absolute;right:7%;top:48%;width:7px;height:20px;background:var(--noche)}
.cfg-cota{position:absolute;font:500 .72rem/1 var(--mono);letter-spacing:.08em;color:var(--azul);background:#fff;padding:.3em .5em}
.cfg-cota.w{left:50%;bottom:8px;translate:-50% 0}.cfg-cota.h{left:8px;top:50%;translate:0 -50%}.cfg-cota.d{right:8px;top:8px}
.cfg-res{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.cfg-res b{font:800 2rem/1 var(--rot);letter-spacing:.02em}
.cfg-res b small{font:500 .7rem/1 var(--mono);letter-spacing:.1em;color:var(--tinta-3);margin-left:.4em}
@media (max-width:900px){.cfg{grid-template-columns:1fr}}

/* cómo trabajamos: circuito */
.circ{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,44px);padding-top:70px}
.circ-trazo{position:absolute;left:0;right:0;top:0;height:60px;width:100%;overflow:visible}
.circ-trazo path{fill:none;stroke:var(--linea-2);stroke-width:3}
.circ-trazo .on{stroke:var(--azul);stroke-dasharray:1 14;stroke-linecap:round;stroke-width:4;animation:corre 1s linear infinite;opacity:0;transition:opacity .6s}
.circ.in .circ-trazo .on{opacity:1}
.circ li{list-style:none;position:relative}
.circ li::before{content:"";position:absolute;left:0;top:-58px;width:22px;height:22px;background:var(--bg);border:3px solid var(--noche);transform:rotate(45deg)}
.circ.in li::before{animation:nodo .6s calc(var(--k)*.45s + .2s) var(--ease) both}
@keyframes nodo{0%{background:var(--bg)}100%{background:var(--nar);border-color:var(--nar)}}
.circ .n{font:500 .74rem/1 var(--mono);letter-spacing:.1em;color:var(--tinta-3);display:block;margin-bottom:10px}
.circ h3{font-size:clamp(2rem,3.2vw,2.9rem);margin-bottom:10px}
.circ p{margin:0;color:var(--tinta-2);max-width:34ch}
@media (max-width:760px){.circ{grid-template-columns:1fr;padding:0 0 0 40px;gap:30px}.circ-trazo{display:none}.circ::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:3px;background:var(--linea-2)}.circ li::before{left:-40px;top:4px}}

/* carril destacados */
.dest-barra{position:relative;margin:0 calc(var(--pad)*-1)}
.dest-pista{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--pad) 26px;scrollbar-width:thin;scrollbar-color:var(--noche) transparent;overscroll-behavior-x:contain;cursor:grab}
.dest-pista.arrastra{cursor:grabbing;scroll-snap-type:none;user-select:none}.dest-pista.arrastra .tarj{pointer-events:none}
.dest-pista .tarj{flex:0 0 clamp(228px,22vw,290px);scroll-snap-align:start}
.dest-ctrl{display:flex;align-items:center;gap:10px;padding:0 var(--pad)}
.dest-ctrl button{width:50px;height:50px;border:0;background:var(--noche);color:#fff;font:700 1.2rem/1 var(--rot);cursor:pointer;--c:10px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));transition:background .2s,transform .16s var(--ease)}
.dest-ctrl button:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.dest-ctrl button:hover{background:var(--nar)}}
.dest-prog{flex:1;max-width:420px;height:3px;margin-left:16px;background:var(--linea-2);position:relative;overflow:hidden}
.dest-prog i{position:absolute;left:0;top:0;height:100%;width:30%;background:var(--noche);transition:left .12s linear}
.js .dest-pista:not(.in) .tarj{opacity:0}
.dest-pista.in .tarj{animation:entra-t .75s calc(var(--k,0)*.075s) var(--ease) backwards}
@keyframes entra-t{from{opacity:0;transform:translateX(56px) scale(.96)}}

/* cierre */
.cierre{margin:clamp(60px,8vw,120px) var(--pad) 0;background:var(--noche);color:#fff;padding:clamp(34px,5.5vw,80px);position:relative;overflow:hidden;--c:34px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)))}
.cierre::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#3DD6FF10 1px,transparent 1px),linear-gradient(90deg,#3DD6FF10 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 85% 50%,#000,transparent 70%)}
.cierre-in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center}
.cierre h2{font-size:clamp(2.8rem,6.6vw,6rem);line-height:.9}
.cierre h2 em{color:var(--nar)}
.cierre p{font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:40ch;margin:20px 0 26px;color:#C0D0E8}
.cierre-acc{display:flex;flex-wrap:wrap;gap:12px}
.cierre-tel{display:grid;gap:14px}
.cierre-tel a{display:grid;gap:4px;text-decoration:none;padding:16px 20px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff2b;transition:background .25s}
.cierre-tel a:hover{background:#ffffff1f}
.cierre-tel small{font:500 .66rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9FB6D8}
.cierre-tel b{font:800 clamp(1.9rem,3vw,2.7rem)/1 var(--rot);letter-spacing:.02em}
.cierre-tel a:first-child b{color:var(--nar)}
@media (max-width:860px){.cierre-in{grid-template-columns:1fr}}

/* ===== pie: sala de control, ciudad que se apaga ===== */
.pie{margin-top:clamp(60px,8vw,120px);background:var(--noche);color:#E4EDFB;position:relative;overflow:hidden;isolation:isolate;--lx:50%;--ly:38%}
.escena{position:relative;min-height:clamp(430px,48vw,560px);background:linear-gradient(180deg,#040E20 0%,#0A2347 72%,#0E2C55 100%);overflow:hidden;border-bottom:1px solid var(--linea-n)}
.escena::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 76% 100%,#FFC27A22,transparent 60%),radial-gradient(1.4px 1.4px at 12% 18%,#fff9,transparent),radial-gradient(1.2px 1.2px at 34% 30%,#fff7,transparent),radial-gradient(1.4px 1.4px at 58% 12%,#fff9,transparent),radial-gradient(1.2px 1.2px at 81% 24%,#fff7,transparent),radial-gradient(1px 1px at 92% 10%,#fff8,transparent),radial-gradient(1px 1px at 47% 40%,#fff6,transparent);pointer-events:none}
#ciudad{position:absolute;left:0;bottom:0;width:100%;height:100%;display:block}
.escena-txt{position:relative;z-index:5;max-width:min(560px,92%);padding:clamp(34px,5vw,64px) var(--pad) 0}
.escena-txt .mono{color:#9FB6D8;margin:0 0 18px}
.escena-txt .mono b{color:var(--cian);font-weight:500}
.escena h2{font-size:clamp(3rem,6.2vw,5.8rem);line-height:.9;color:#fff}
.escena h2 em{color:var(--nar)}
.escena-p{margin:20px 0 26px;max-width:46ch;color:#C0D0E8;font-size:1.05rem}
.escena-acc{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.escena-nota{margin:18px 0 0;font-size:.64rem;color:#7F9AC4}
.sonido{width:52px;height:52px;border:0;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff55;color:#fff;display:grid;place-items:center;cursor:pointer;--c:10px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));transition:background .2s,color .2s}
.sonido svg{width:24px;height:24px}
.sonido[aria-pressed=true]{background:var(--cian);color:var(--noche)}
.sonido[aria-pressed=true] .off,.sonido[aria-pressed=false] .on{display:none}
/* palanca: seccionador general (queda iluminado durante el apagón) */
.palanca{position:absolute;z-index:30;right:var(--pad);top:clamp(28px,4vw,56px);width:clamp(132px,13vw,170px);padding:14px 14px 16px;border:0;background:linear-gradient(160deg,#1A2F52,#0B1E3B);color:#fff;font:inherit;text-align:center;cursor:pointer;display:grid;gap:10px;justify-items:center;--c:18px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px #ffffff33;transition:transform .2s var(--ease)}
.palanca:focus-visible{outline:3px solid var(--cian);outline-offset:4px}
@media (hover:hover) and (pointer:fine){.palanca:hover{transform:translateY(-3px)}.palanca:hover .pal-a{color:var(--nar-2)}}
.pal-t{font-size:.58rem;color:#9FB6D8}
.pal-riel{position:relative;width:46px;height:128px;background:#050E1E;box-shadow:inset 0 0 0 2px #2c4a78,inset 0 6px 14px #000}
.pal-riel::before{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:6px;margin-left:-3px;background:#0f2a50}
.pal-mango{position:absolute;left:-9px;right:-9px;top:6px;height:46px;background:linear-gradient(180deg,#FF6A4A,#C8321A);box-shadow:0 6px 0 #7a1a0b,0 10px 14px #0009;display:grid;align-content:center;gap:4px;padding:0 10px;transition:transform .55s cubic-bezier(.34,1.5,.64,1)}
.pal-mango i{display:block;height:3px;background:#ffffff55}
.pie[data-fase="apagon"] .pal-mango,.pie[data-fase="oscuro"] .pal-mango,.pie[data-fase="gen"] .pal-mango,.pie[data-fase="transfer"] .pal-mango,.pie[data-fase="arco"] .pal-mango{transform:translateY(62px)}
.pie[data-fase="restauro"] .pal-mango{transform:translateY(0);transition-duration:1.6s;transition-timing-function:ease-in-out}
.pal-leds{display:flex;gap:14px}
.pal-led{display:flex;align-items:center;gap:6px;font:500 .6rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9FB6D8}
.pal-led i{width:10px;height:10px;border-radius:50%;background:#16345F;transition:background .25s,box-shadow .25s}
.pal-led.r i{background:#35D07F;box-shadow:0 0 8px #35D07F}
.pal-led.g i{background:#4a3a1c}
.pie[data-fase="arco"] .pal-led.r i,.pie[data-fase="apagon"] .pal-led.r i,.pie[data-fase="oscuro"] .pal-led.r i,.pie[data-fase="gen"] .pal-led.r i,.pie[data-fase="transfer"] .pal-led.r i{background:#FF3B2F;box-shadow:0 0 10px #FF3B2F}
.pie[data-fase="gen"] .pal-led.g i,.pie[data-fase="transfer"] .pal-led.g i,.pie[data-fase="restauro"] .pal-led.g i{background:var(--nar);box-shadow:0 0 10px var(--nar)}
.pie[data-fase="apagon"] .pal-led.g i,.pie[data-fase="oscuro"] .pal-led.g i{animation:parp .6s steps(1,end) infinite;background:var(--amar)}
.pal-a{font-size:.58rem;color:#9FB6D8;transition:color .2s}
/* efectos de la simulación */
.ap-velo{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:0;transition:opacity .6s;background:rgba(1,5,12,.965);-webkit-mask-image:radial-gradient(circle clamp(120px,14vw,190px) at var(--lx) var(--ly),transparent 0,transparent 38%,#000 100%);mask-image:radial-gradient(circle clamp(120px,14vw,190px) at var(--lx) var(--ly),transparent 0,transparent 38%,#000 100%)}
.pie.oscuro .ap-velo{opacity:1}
.pie[data-fase="gen"] .ap-velo{background:rgba(16,6,0,.9)}
.pie[data-fase="transfer"] .ap-velo{opacity:.4}
.ap-flash{position:absolute;inset:0;z-index:21;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at var(--ax,72%) 78%,#CFF3FF 0,#3DD6FF55 38%,transparent 72%)}
.ap-gen{position:absolute;right:0;bottom:0;width:70%;height:84%;z-index:19;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at 88% 100%,#FF7A1A,#FF7A1A55 38%,transparent 68%);transition:opacity .4s}
.pie[data-fase="gen"] .ap-gen{opacity:.75;animation:motor .21s steps(1,end) infinite alternate}
.pie[data-fase="transfer"] .ap-gen{opacity:.9}
@keyframes motor{0%{filter:brightness(.8)}100%{filter:brightness(1.25)}}
/* columnas */
.pie-in{padding:clamp(44px,6vw,84px) var(--pad) 26px;position:relative;z-index:2}
.pie-cols{display:grid;grid-template-columns:1.15fr .95fr 1.3fr 1.35fr;gap:clamp(26px,4vw,56px)}
.pie h3{font:500 .72rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8FB0DE;margin:0 0 22px;display:flex;align-items:center;gap:10px}
.pie h3::after{content:"";flex:1;height:1px;background:var(--linea-n)}
.pie .marca-t b{font-size:2.3rem}
.pie-lema{margin:20px 0 10px;font:800 1.55rem/1 var(--rot);letter-spacing:.02em;text-transform:uppercase;max-width:14ch;color:#fff}
.pie-desc{margin:0 0 18px;color:#A9BEDC;font-size:.98rem;max-width:30ch;line-height:1.5}
.pie-sello{display:inline-block;font:500 .64rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--noche);background:var(--cian);padding:.7em .9em}
.pie-lista{list-style:none;margin:0;padding:0}
.pie-lista li{border-bottom:1px solid var(--linea-n)}
.pie-lista a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:13px 2px;text-decoration:none;color:#E4EDFB;font:700 1.15rem/1.1 var(--rot);letter-spacing:.06em;text-transform:uppercase;transition:padding .3s var(--ease),color .2s}
.pie-lista i{font:500 .68rem/1 var(--mono);font-style:normal;letter-spacing:.08em;color:#7F9AC4;transition:color .2s}
@media (hover:hover) and (pointer:fine){.pie-lista a:hover{padding-left:10px;color:var(--nar)}.pie-lista a:hover i{color:var(--nar)}}
.pie-tel{display:grid;gap:5px;text-decoration:none;margin-bottom:14px}
.pie-tel small,.pie-sedes small{font:500 .64rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8FB0DE}
.pie-tel b{font:800 clamp(1.9rem,2.7vw,2.5rem)/1 var(--rot);letter-spacing:.02em;color:var(--nar);transition:color .2s}
.pie-pbx b{color:#fff}
@media (hover:hover) and (pointer:fine){.pie-tel:hover b{color:var(--nar-2)}.pie-pbx:hover b{color:var(--cian)}}
.pie-abierto{display:flex;align-items:center;gap:10px;margin:2px 0 14px;font:500 .72rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#C0D0E8}
.pie-abierto i{width:10px;height:10px;border-radius:50%;background:#7F9AC4;flex:none}
.pie-abierto.si i{background:#35D07F;box-shadow:0 0 0 4px #35D07F33;animation:parp 2.4s ease-in-out infinite}
.pie-abierto.no i{background:var(--nar)}
.pie-hor{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0 0 18px;font-size:.95rem}
.pie-hor dt{font:500 .66rem/1.7 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7F9AC4}
.pie-hor dd{margin:0;color:#E4EDFB}
.pie-sedes{display:grid;gap:10px}
.pie-sedes a{display:grid;gap:4px;padding:12px 14px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1f;text-decoration:none;color:#fff;transition:background .25s}
.pie-sedes a:hover{background:#ffffff1a}
.pie-sedes span{font-size:1rem}
.pie-sedes em{font:500 .66rem/1 var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--cian)}
.pie-mapa{border:1px solid #ffffff2b;overflow:hidden;min-height:300px;background:#0B2347}
.pie-mapa iframe{display:block;width:100%;height:100%;min-height:300px;border:0;filter:grayscale(1) invert(.92) hue-rotate(180deg) contrast(.9)}
.pie-pie{margin-top:clamp(30px,4vw,54px);font-size:.84rem;color:#8FB0DE;border-top:1px solid var(--linea-n);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-right:72px}
@media (max-width:980px){.pie-cols{grid-template-columns:1fr 1fr}.pie-mapa{grid-column:1/3}.palanca{position:relative;right:auto;top:auto;margin:22px var(--pad) 0;width:auto;grid-template-columns:auto 1fr;justify-items:start;align-items:center}.escena{display:flex;flex-direction:column}#ciudad{height:56%}.escena-txt{padding-bottom:20px}}
@media (max-width:620px){.pie-cols{grid-template-columns:1fr}.pie-mapa{grid-column:auto}}
.wa-flota{position:fixed;right:16px;bottom:16px;z-index:50;width:58px;height:58px;background:var(--nar);color:#fff;display:grid;place-items:center;--c:14px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));transition:transform .2s var(--ease)}
.wa-flota .ico{width:30px;height:30px}.wa-flota:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.wa-flota:hover{transform:scale(1.08)}}

/* páginas internas */
.pag-cab{position:relative;background:var(--noche);color:#fff;padding:clamp(40px,6vw,88px) var(--pad) clamp(36px,5vw,64px);overflow:hidden}
.pag-cab::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#3DD6FF10 1px,transparent 1px),linear-gradient(90deg,#3DD6FF10 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 80% 40%,#000,transparent 72%)}
.pag-cab>*{position:relative}
.pag-cab .mono{color:#9FB6D8;margin:0 0 16px}
.pag-cab h1{font-size:clamp(3rem,8vw,7.4rem);line-height:.88;max-width:14ch}
.pag-cab h1 em{color:var(--nar)}
.pag-cab p.sub{margin:20px 0 0;max-width:56ch;color:#C0D0E8;font-size:1.1rem}
.tienda{padding:0 var(--pad) 20px}
.filtros{position:sticky;top:var(--alto-cab);z-index:30;background:#F2F5F9f2;backdrop-filter:blur(8px);padding:14px var(--pad);border-bottom:1px solid var(--linea);display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin:0 calc(var(--pad)*-1)}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:2px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;font:700 .95rem/1 var(--rot);letter-spacing:.07em;text-transform:uppercase;border:0;background:var(--surf2);color:var(--tinta);padding:.85em 1.1em;cursor:pointer;transition:background .2s,color .2s}
.chip small{font:500 .68rem/1 var(--mono);opacity:.6;margin-left:.5em}
.chip[aria-pressed=true]{background:var(--noche);color:#fff}
.filtros-der{display:flex;gap:10px;flex-wrap:wrap}
.busca input{font:500 1rem/1 var(--txt);color:var(--tinta);background:#fff;border:1px solid var(--linea-2);padding:.85em 1.05em;width:min(280px,100%)}
.busca input::placeholder{color:var(--tinta-3)}
.resultado{margin:22px 0 16px;font:500 .76rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
.vacio{padding:40px 0;font-size:1.2rem}
@media (max-width:620px){.filtros-der{width:100%}.busca{flex:1}.busca input{width:100%}}
.texto-l{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);padding:clamp(40px,6vw,84px) var(--pad) 0;align-items:start}
.texto-l p{font-size:1.1rem;max-width:56ch;margin:0 0 16px}
.texto-l h2{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:18px}
.tipos{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.tipos li{break-inside:avoid;padding:13px 0 13px 30px;border-bottom:1px solid var(--linea);position:relative;font-weight:500}
.tipos li::before{content:"";position:absolute;left:2px;top:1.15em;width:12px;height:12px;background:var(--nar);transform:rotate(45deg)}
@media (max-width:860px){.texto-l{grid-template-columns:1fr}.tipos{columns:1}}
.fichas-t{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px)}
.ft{background:var(--surf);padding:clamp(20px,2.4vw,30px);--c:18px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px var(--linea)}
.ft .mono{margin:0 0 10px;color:var(--azul)}
.ft h3{font-size:2.1rem;margin-bottom:10px}
.ft p{margin:0;color:var(--tinta-2);font-size:.98rem}
@media (max-width:860px){.fichas-t{grid-template-columns:1fr}}
.tabla{width:100%;border-collapse:collapse;background:var(--surf)}
.tabla th,.tabla td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--linea);font-size:1rem}
.tabla th{font:500 .72rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3);width:34%}

/* ficha */
.migas{display:flex;flex-wrap:wrap;gap:8px;padding:20px var(--pad) 0;font:500 .72rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
.migas a{color:var(--tinta-2)}
.ficha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);padding:24px var(--pad) 0;align-items:start}
.f-gal{position:sticky;top:calc(var(--alto-cab) + 20px)}
.f-vis{position:relative;aspect-ratio:1/1;background:radial-gradient(circle at 50% 38%,#fff,#E4EAF2 85%);display:grid;place-items:center;padding:9%;--c:26px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px var(--linea);overflow:hidden}
.f-vis::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#06172E0d 1px,transparent 1px),linear-gradient(90deg,#06172E0d 1px,transparent 1px);background-size:28px 28px}
.f-img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 14px #06172E44);transition:opacity .25s}
.f-mini{display:flex;gap:10px;margin-top:12px}
.f-mini button{width:78px;aspect-ratio:1;border:0;padding:6px;background:var(--surf);cursor:pointer;box-shadow:inset 0 0 0 1px var(--linea);opacity:.7;transition:opacity .2s,box-shadow .2s}
.f-mini button img{width:100%;height:100%;object-fit:contain}
.f-mini button[aria-pressed=true]{opacity:1;box-shadow:inset 0 0 0 3px var(--nar)}
.f-info .tarj-linea{display:inline-block;margin-bottom:6px}
.f-info h1{font-size:clamp(2.6rem,5.2vw,4.8rem);margin:10px 0 18px;line-height:.9}
.f-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}
.f-chips i{font:500 .72rem/1 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;background:var(--noche);color:#fff;padding:.6em .8em}
.f-chips i.o{background:var(--nar)}
.f-cta{width:100%}
.f-nota{font-size:.9rem;color:var(--tinta-2);margin:12px 0 26px}
.f-desc{border-top:1px solid var(--linea-2);padding-top:22px}
.f-desc p{margin:0 0 14px;max-width:58ch}
.f-desc h3{font:500 .76rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3);margin:24px 0 10px}
.f-desc ul{margin:0 0 14px;padding:0;list-style:none;border-top:1px solid var(--linea)}
.f-desc li{padding:11px 0 11px 28px;position:relative;border-bottom:1px solid var(--linea);max-width:60ch}
.f-desc li::before{content:"";position:absolute;left:3px;top:1.05em;width:10px;height:10px;background:var(--nar);transform:rotate(45deg)}
.otras{padding-bottom:0}
@media (max-width:860px){.ficha{grid-template-columns:minmax(0,1fr)}.f-gal{position:static}}

/* contacto */
.con{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,2.4vw,32px);padding:clamp(30px,4vw,56px) var(--pad) 0;align-items:stretch}
.con-izq{display:grid;gap:clamp(14px,2vw,22px);align-content:start}
.con-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:var(--surf);padding:clamp(22px,3vw,34px);--c:20px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px var(--linea)}
.con-card .ico{width:38px;height:38px}
.con-card b{font:800 clamp(1.9rem,3vw,2.6rem)/1 var(--rot);letter-spacing:.02em;text-transform:uppercase;margin-top:10px}
.con-card span{font-size:1.1rem;font-weight:500}
.con-card em{color:var(--tinta-2)}
.con-wa{background:var(--noche);color:#fff;box-shadow:none}
.con-wa .num{font:800 clamp(2.3rem,4.4vw,3.6rem)/1 var(--rot);letter-spacing:.02em;color:var(--nar);margin:4px 0}
.con-wa em{color:#9FB6D8}
.hor{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin-top:8px;font-size:1rem}
.hor dt{font:500 .72rem/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
.hor dd{margin:0;font-weight:500}
.con-acc{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.con-mapa{position:relative;min-height:clamp(380px,46vw,640px);background:var(--surf2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--linea)}
.con-mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.con-wrap-pad{padding-bottom:clamp(56px,8vw,112px)}
@media (max-width:860px){.con{grid-template-columns:1fr}.con-mapa{min-height:360px}}

/* nosotros */
.nos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);padding:clamp(40px,6vw,84px) var(--pad) 0;align-items:start}
.nos p{font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.5;margin:0 0 18px;max-width:40ch}
.nos .nota{font:500 .72rem/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3);max-width:52ch}
.nos-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea-2)}
.nos-lista li{padding:20px 4px;border-bottom:1px solid var(--linea-2);display:grid;grid-template-columns:44px 1fr;gap:6px 12px}
.nos-lista .mono{padding-top:.4em}
.nos-lista b{font:800 1.7rem/1 var(--rot);letter-spacing:.02em;text-transform:uppercase}
.nos-lista p{grid-column:2;margin:0;font-size:1rem;color:var(--tinta-2);max-width:44ch}
@media (max-width:860px){.nos{grid-template-columns:1fr}}

/* movimiento reducido */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero h1 .pl>span,.hero-et,.hero-sub,.hero-acc,.hero-sellos,.esq{animation:none!important;opacity:1;transform:none}
  .esq .flujo,.esq .rot-g,.ondas svg,.punto,.circ-trazo .on{animation:none!important}
  .js .rv{transform:none;transition:opacity .4s}
  .tarj,.tarj img,.btn,.lin,.lin-ft img{transition:none}
  .js .dest-pista:not(.in) .tarj{opacity:1}
  .circ li::before{background:var(--nar);border-color:var(--nar);animation:none!important}
  .cab-prog{display:none}
  .pie-abierto.si i,.pal-led i,.ap-gen{animation:none!important}
}

.pie-lista a>span{display:flex;flex-direction:column;gap:5px}
.pie-lista a>span small{font:400 .82rem/1.3 var(--txt);letter-spacing:0;text-transform:none;color:#8FA9CF}
.pie-lista a>span b{font:inherit}
.pie-desc{max-width:34ch}
.pie-pts{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px;max-width:34ch}
.pie-pts li{position:relative;padding-left:20px;color:#C3D3EA;font-size:.9rem;line-height:1.4}
.pie-pts li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;background:var(--cian);clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%)}
.pie-intro{margin:-6px 0 20px;color:#A9BEDC;font-size:.95rem;line-height:1.5;max-width:42ch}

/* sedes: tarjetas con pin, barrido y flecha */
.pie-sedes{gap:12px}
.pie-sedes a{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 16px 16px 14px;background:linear-gradient(135deg,#ffffff12,#ffffff06);box-shadow:inset 0 0 0 1px #ffffff26;--c:14px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%);overflow:hidden;isolation:isolate;transition:box-shadow .3s var(--ease)}
.pie-sedes a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#3DD6FF2e,#2D7BFF14 60%,transparent);transform:translateX(-101%);transition:transform .55s var(--ease)}
.pie-sedes a::after{content:"";position:absolute;left:0;top:0;height:2px;width:34%;background:var(--cian);transition:width .55s var(--ease)}
.sd-ic{position:relative;display:grid;place-items:center;width:44px;height:44px;color:var(--cian);background:#3DD6FF1a;border-radius:50%}
.sd-ic::before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 #3DD6FF88;animation:sd-onda 2.6s ease-out infinite}
.pie-sedes a+a .sd-ic::before{animation-delay:1.3s}
.sd-pin{width:22px;height:22px;position:relative}
.sd-tx{display:grid;gap:5px;min-width:0}
.pie-sedes .sd-tx>span{font:600 1.08rem/1.2 var(--txt);color:#fff}
.pie-sedes em{display:block}
.sd-bt{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--cian);box-shadow:inset 0 0 0 1.5px #3DD6FF88;transition:background .25s,color .25s,transform .35s var(--ease)}
.sd-fl{width:18px;height:18px}
@keyframes sd-onda{0%{box-shadow:0 0 0 0 #3DD6FF99}70%,100%{box-shadow:0 0 0 14px #3DD6FF00}}
@media (hover:hover) and (pointer:fine){
  .pie-sedes a:hover{box-shadow:inset 0 0 0 1px #3DD6FF88}
  .pie-sedes a:hover::before{transform:none}
  .pie-sedes a:hover::after{width:100%}
  .pie-sedes a:hover .sd-bt{background:var(--cian);color:var(--noche);transform:rotate(45deg)}
}
.pie-sedes a:active .sd-bt{transform:scale(.92)}
.pie-sedes a:focus-visible{outline:2px solid var(--cian);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.sd-ic::before{animation:none}}
.fp-vis .med-s{font:500 12px var(--mono);fill:#9FB6D8;letter-spacing:.14em}

/* ===== portada: vitrina de producto ===== */
.vt{position:relative;width:100%;max-width:700px;margin-left:auto;--ah:clamp(270px,47dvh,470px);opacity:0;animation:aparece 1s .2s var(--ease) forwards}
.vt-marco{position:relative;height:clamp(480px,calc(var(--ah) + 175px),680px);background:radial-gradient(ellipse at 50% 42%,#1D4E96 0,#0B2347 48%,#06172E 100%);--c:28px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px #ffffff2b;overflow:hidden;isolation:isolate;perspective:1100px}
.vt-marco::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#3DD6FF14 1px,transparent 1px),linear-gradient(90deg,#3DD6FF14 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at 50% 45%,#000 10%,transparent 72%);animation:vt-rej 14s linear infinite}
@keyframes vt-rej{to{background-position:40px 40px}}
.vt-marco::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 56%,#06172Ef2 86%);z-index:6}
.vt-orb{position:absolute;left:50%;top:calc(var(--ah)/2 + 26px);width:min(130%,calc(var(--ah)*1.7));aspect-ratio:1;translate:-50% -50%;z-index:0;fill:none;opacity:.85}
.vt-orb circle{transform-box:fill-box;transform-origin:center}
.vt-orb .o1{stroke:#3DD6FF55;stroke-width:1.2;stroke-dasharray:2 10;animation:vt-gira 60s linear infinite}
.vt-orb .o2{stroke:#FF7A1A66;stroke-width:1.6;stroke-dasharray:70 24 8 24;animation:vt-gira 42s linear infinite reverse}
.vt-orb .o3{stroke:#3DD6FF44;stroke-width:1;stroke-dasharray:1 7;animation:vt-gira 90s linear infinite}
@keyframes vt-gira{to{transform:rotate(360deg)}}
.vt-onda{position:absolute;left:50%;top:calc(var(--ah)/2 + 26px);width:30%;aspect-ratio:1;border-radius:50%;translate:-50% -50%;box-shadow:0 0 0 2px #3DD6FF99,0 0 40px #3DD6FF55;opacity:0;z-index:0}
.vt.cambia .vt-onda{animation:vt-onda 1.3s var(--ease)}
.vt.cambia .vt-onda.b{animation-delay:.18s}
@keyframes vt-onda{0%{scale:.3;opacity:.9}100%{scale:3.6;opacity:0}}
.vt-esc{position:absolute;left:0;right:0;top:26px;height:var(--ah);z-index:2;transform-style:preserve-3d;transform:rotateX(calc(var(--ty,0)*1deg)) rotateY(calc(var(--tx,0)*1deg));transition:transform .5s var(--ease)}
.vt-it{position:absolute;left:50%;top:0;height:100%;width:min(86%,560px);translate:-50% 0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .8s var(--ease),transform .9s var(--ease),filter .8s;transform:scale(.4);filter:blur(4px)}
.vt-w{position:relative;height:calc(100% * var(--m,1));aspect-ratio:var(--r);max-width:100%;max-height:100%;width:auto;margin:auto}
.vt-w img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 30px #00081a99) drop-shadow(0 0 1px #ffffff55)}
.vt-it.act{opacity:1;transform:none;filter:none;z-index:3;pointer-events:auto}
.vt-it.sig,.vt-it.ant{opacity:.28;filter:blur(2px) brightness(.6);z-index:1}
.vt-it.sig{transform:translateX(72%) scale(.46)}
.vt-it.ant{transform:translateX(-72%) scale(.46)}
.vt-it.act .vt-w{animation:vt-flota 6s ease-in-out infinite}
@keyframes vt-flota{50%{transform:translateY(-8px)}}
.vt-scan{position:absolute;top:-4%;bottom:-4%;left:0;width:3px;background:#fff;box-shadow:0 0 18px 6px #3DD6FF,0 0 60px 18px #3DD6FF88;opacity:0;pointer-events:none}
.vt-it.act.entra .vt-scan{animation:vt-barre 1.05s cubic-bezier(.5,.1,.4,1) forwards}
.vt-it.act.entra .vt-w img{animation:vt-rev 1.05s cubic-bezier(.5,.1,.4,1) both}
@keyframes vt-barre{0%{left:0;opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
@keyframes vt-rev{0%{clip-path:inset(0 100% 0 0);filter:drop-shadow(0 0 14px #3DD6FF) brightness(1.7) saturate(.4)}60%{filter:drop-shadow(0 0 10px #3DD6FF) brightness(1.2)}100%{clip-path:inset(0 0 0 0)}}
.vt-pin{position:absolute;left:var(--x);top:var(--y);width:0;height:0;opacity:0;pointer-events:none}
.vt-it.act.entra .vt-pin,.vt-it.act.fijo .vt-pin{animation:vt-pin .6s var(--d,1s) var(--ease) forwards}
.vt-pin i{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--nar);box-shadow:0 0 0 3px #06172E,0 0 0 4px var(--nar-2)}
.vt-pin i::after{content:"";position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 0 #FF7A1Aaa;animation:vt-latido 1.9s ease-out infinite}
@keyframes vt-latido{0%{box-shadow:0 0 0 0 #FF7A1Acc}80%,100%{box-shadow:0 0 0 16px #FF7A1A00}}
@keyframes vt-pin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.vt-pin b{position:absolute;top:-34px;white-space:nowrap;font:600 .64rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#06172Ee8;padding:.6em .8em;box-shadow:inset 0 0 0 1px #FF7A1A99;--c:7px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.vt-pin.d b{left:14px}
.vt-pin.i b{right:14px}
.vt-pin b::before{content:"";position:absolute;top:50%;width:14px;height:1px;background:#FF7A1A}
.vt-pin.d b::before{right:100%}.vt-pin.i b::before{left:100%}
.vt-info{position:absolute;left:0;right:0;bottom:0;z-index:7;padding:0 clamp(18px,3vw,30px) clamp(28px,3.4vw,38px)}
.vt-n{color:#9FB6D8;display:block;margin-bottom:8px}
.vt-n b{color:var(--nar);font-weight:600}
.vt-nom{margin:0;font:800 clamp(1.8rem,3.4vw,2.7rem)/.98 var(--rot);letter-spacing:.02em;text-transform:uppercase;color:#fff}
.vt-txt{margin:9px 0 0;color:#BFD0E8;font-size:.98rem;line-height:1.4;max-width:46ch;min-height:2.8em}
.vt-nom,.vt-txt{transition:opacity .35s,transform .45s var(--ease)}
.vt.cambia .vt-nom,.vt.cambia .vt-txt{opacity:0;transform:translateY(8px)}
.vt-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff1a;z-index:8}
.vt-prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--cian),var(--nar));transform-origin:left;transform:scaleX(0)}
.vt.corre .vt-prog i{animation:vt-p var(--t,6s) linear forwards}
@keyframes vt-p{to{transform:scaleX(1)}}
.vt-tira{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
.vt-mini{position:relative;height:clamp(54px,6.2vw,76px);border:0;padding:8px;cursor:pointer;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff26;--c:9px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%);transition:background .3s,box-shadow .3s}
.vt-mini img{width:100%;height:100%;object-fit:contain;filter:grayscale(.55) brightness(.85);transition:filter .3s,transform .4s var(--ease)}
.vt-mini[aria-current=true]{background:#3DD6FF22;box-shadow:inset 0 0 0 1.5px var(--cian)}
.vt-mini[aria-current=true] img{filter:none;transform:scale(1.08)}
@media (hover:hover) and (pointer:fine){.vt-mini:hover img{filter:none;transform:scale(1.08)}}
.vt-mini:focus-visible{outline:2px solid var(--cian);outline-offset:2px}
@media (max-width:900px){.vt{margin:10px auto 0;--ah:clamp(230px,36dvh,340px)}}
@media (max-width:520px){.vt-pin b{font-size:.56rem}.vt-it{width:94%}.vt-it.sig{transform:translateX(66%) scale(.5)}.vt-it.ant{transform:translateX(-66%) scale(.5)}}
@media (prefers-reduced-motion:reduce){.vt-marco::before,.vt-orb circle,.vt-it.act .vt-w,.vt-pin i::after{animation:none}.vt-it,.vt-esc{transition:opacity .3s}.vt-it.act.entra .vt-scan{display:none}.vt-it.act.entra .vt-w img{animation:none}}

/* ===== sección de transferencia ===== */
.trans{background:var(--bg);padding:clamp(54px,7vw,104px) var(--pad)}
.trans-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:center;max-width:1400px;margin:0 auto}
.trans .mono{color:var(--tinta-2)}
.trans h2{font-size:clamp(2.2rem,4.4vw,4rem);margin:12px 0 16px}
.trans-txt>p{max-width:48ch;color:var(--tinta-2);margin:0 0 24px}
.trans-pasos{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:0;counter-reset:p;max-width:50ch}
.trans-pasos li{counter-increment:p;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:14px;padding:12px 0;border-bottom:1px solid var(--linea)}
.trans-pasos li::before{content:counter(p);grid-row:1/3;align-self:center;display:grid;place-items:center;width:38px;height:38px;font:800 1.15rem var(--rot);color:#fff;background:var(--noche);--c:9px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.trans-pasos b{font:700 1.15rem/1.1 var(--rot);letter-spacing:.05em;text-transform:uppercase;color:var(--tinta)}
.trans-pasos span{color:var(--tinta-2);font-size:.95rem}
.trans .esq{margin:0 auto;opacity:1;animation:none}
@media (max-width:900px){.trans-in{grid-template-columns:1fr}}
.trans .esq-marco{background:radial-gradient(ellipse at 50% 30%,#12315F,#06172E 78%);box-shadow:0 30px 60px -30px #06172E99}
.trans .esq-barra .mono{color:var(--tinta-2)}
.trans .esq-btn{color:#fff;background:var(--noche);box-shadow:none}
.trans .esq-btn:hover{background:var(--noche-3)}
.hero-rayos{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mix-blend-mode:screen}

/* ===== etapas: del diseño a la obra ===== */
.et-lista{position:relative;max-width:1280px;margin:clamp(34px,5vw,64px) auto 0;--p:0;display:grid;gap:clamp(48px,7vw,110px)}
.et-riel{position:absolute;left:50%;top:10px;bottom:10px;width:4px;margin-left:-2px;background:var(--linea-2);z-index:0}
.et-llena{position:absolute;left:0;top:0;width:100%;height:calc(var(--p) * 100%);background:linear-gradient(180deg,var(--cian),var(--azul) 60%,var(--nar));box-shadow:0 0 14px #3DD6FFaa}
.et-llena::after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #3DD6FF66,0 0 22px 6px #3DD6FF}
.et-p{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;z-index:1}
.et-nodo{grid-column:2;grid-row:1;justify-self:center;width:30px;height:30px;background:var(--bg);border:4px solid var(--noche);transform:rotate(45deg);transition:background .4s,border-color .4s,box-shadow .4s}
.et-p.on .et-nodo{background:var(--nar);border-color:var(--nar);box-shadow:0 0 0 7px #FF7A1A33,0 0 28px #FF7A1A}
.et-txt{grid-column:1;grid-row:1;position:relative;padding-right:clamp(0px,2vw,30px)}
.et-vis{grid-column:3;grid-row:1}
.et-p:nth-of-type(even) .et-txt{grid-column:3;padding:0 0 0 clamp(0px,2vw,30px)}
.et-p:nth-of-type(even) .et-vis{grid-column:1}
.et-n{position:absolute;left:-6px;top:-.62em;font:800 clamp(7rem,13vw,12rem)/1 var(--rot);color:transparent;-webkit-text-stroke:2px #0B162626;pointer-events:none;z-index:-1}
.et-txt h3{font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:.92;margin:0 0 14px}
.et-txt p{margin:0 0 18px;color:var(--tinta-2);font-size:1.05rem;max-width:42ch}
.et-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.et-chips li{font:600 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta);padding:.7em .9em;background:#fff;box-shadow:inset 0 0 0 1px var(--linea-2);--c:7px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.et-txt>*{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .8s var(--ease)}
.et-p.on .et-txt>*{opacity:1;transform:none}
.et-p.on .et-txt>h3{transition-delay:.08s}.et-p.on .et-txt>p{transition-delay:.18s}.et-p.on .et-txt>.et-chips{transition-delay:.3s}
.et-vis{position:relative;background:radial-gradient(ellipse at 50% 40%,#16407F,#06172E 78%);--c:28px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));box-shadow:inset 0 0 0 1px #ffffff26;min-height:clamp(300px,34vw,440px);overflow:hidden;opacity:0;transform:translateY(34px) scale(.97);transition:opacity .8s var(--ease),transform 1s var(--ease)}
.et-p.on .et-vis{opacity:1;transform:none}
/* 01 plano */
.et-v1{display:grid;place-items:center;padding:14px}
.et-v1 svg{width:100%;height:auto;display:block}
.et-tr path,.et-tr rect,.et-tr circle{fill:none;stroke:#8FE6FF;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.et-tr .gr{stroke:#FF9A4D;stroke-width:5}
.et-p.on .et-tr>*{animation:et-dib 1s var(--d,0s) cubic-bezier(.5,0,.3,1) forwards}
@keyframes et-dib{to{stroke-dashoffset:0}}
.et-v1 text{font:700 22px var(--rot);fill:#E6F0FF;opacity:0}
.et-p.on .et-v1 .et-tx text{animation:et-ap .6s 3s var(--ease) forwards}
.et-v1 .et-tx .et-et{font:500 11px var(--mono);letter-spacing:.14em;fill:#8FB0DE}
.et-p.on .et-v1 .et-tx .et-et{animation-delay:var(--d)}
@keyframes et-ap{to{opacity:1}}
.et-cota{fill:none;stroke:#8FB0DE;stroke-width:1.2;stroke-dasharray:4 4;opacity:0}
.et-p.on .et-cota{animation:et-ap .8s 2.8s forwards}
.et-lapiz{fill:#fff;filter:drop-shadow(0 0 8px #3DD6FF) drop-shadow(0 0 3px #3DD6FF);opacity:0}
.et-p.on .et-lapiz{animation:et-ap .3s 2.9s forwards}
/* 02 fábrica */
.et-v2,.et-v3{display:grid;place-items:center;padding:clamp(18px,2.4vw,30px)}
.et-foto{position:relative;height:clamp(260px,30vw,400px);aspect-ratio:var(--ar,.91)}
.et-v2 .et-foto{aspect-ratio:.91}.et-v3 .et-foto{aspect-ratio:.787}
.et-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px #00081acc);clip-path:inset(100% 0 0 0)}
.et-p.on .et-foto img{animation:et-sube 1.6s .2s cubic-bezier(.5,.1,.3,1) forwards}
@keyframes et-sube{from{clip-path:inset(100% 0 0 0);filter:drop-shadow(0 0 12px #FF7A1A) brightness(1.8) saturate(.3)}60%{filter:drop-shadow(0 0 10px #FF9A4D) brightness(1.2)}to{clip-path:inset(0);filter:drop-shadow(0 22px 26px #00081acc)}}
.et-lin{position:absolute;left:-4%;right:-4%;height:3px;bottom:0;background:linear-gradient(90deg,transparent,#fff,#FFB36B,#fff,transparent);box-shadow:0 0 20px 6px #FF7A1Acc,0 0 60px 16px #FF7A1A66;opacity:0}
.et-p.on .et-lin{animation:et-soldar 1.6s .2s cubic-bezier(.5,.1,.3,1) forwards}
@keyframes et-soldar{0%{bottom:0;opacity:1}92%{opacity:1}100%{bottom:100%;opacity:0}}
.et-ch{position:absolute;inset:0;pointer-events:none}
.et-ch i{position:absolute;bottom:0;left:var(--x);width:3px;height:3px;background:#FFD08A;border-radius:50%;opacity:0;box-shadow:0 0 6px 2px #FF9A4D}
.et-p.on .et-ch i{animation:et-ch 1.6s calc(.2s + var(--a)*.06s) ease-out forwards}
@keyframes et-ch{0%{bottom:0;opacity:1;transform:translate(0,0)}100%{bottom:100%;opacity:0;transform:translate(calc((var(--a) - 2) * 26px),-30px)}}
.et-pin{opacity:0}
.et-p.on .et-pin{animation:vt-pin .6s var(--d) var(--ease) forwards}
.et-sello{position:absolute;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);font:700 .7rem/1.25 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--noche);background:var(--cian);padding:.9em 1.1em;transform:rotate(-5deg) scale(2.2);opacity:0;--c:9px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.et-p.on .et-sello{animation:et-sello .5s 2.1s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes et-sello{to{transform:rotate(-5deg) scale(1);opacity:1}}
/* 03 obra */
.et-v3{grid-template-columns:auto 1fr;gap:clamp(14px,2.4vw,34px);justify-items:start}
.et-v3 .et-foto img{clip-path:none;animation:none!important;opacity:0;transform:scale(.9);transition:opacity .9s .2s,transform 1s .2s var(--ease)}
.et-p.on .et-v3 .et-foto img,.et-v3.on .et-foto img{opacity:1;transform:none}
.et-led{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;margin:-6px;border-radius:50%;opacity:0}
.et-led.v{background:#3CE07E;box-shadow:0 0 0 0 #3CE07E}.et-led.r{background:#FF4A3D;box-shadow:0 0 0 0 #FF4A3D}
.et-p.on .et-led{animation:et-led 1.8s 3.3s ease-out infinite}
@keyframes et-led{0%{opacity:1;box-shadow:0 0 0 0 currentColor,0 0 14px 4px #ffffff55}70%,100%{opacity:1;box-shadow:0 0 0 22px #0000,0 0 22px 8px #ffffff00}}
.et-led.v{color:#3CE07Eaa}.et-led.r{color:#FF4A3Daa}
.et-lista-c{list-style:none;margin:0;padding:0;display:grid;gap:14px;align-self:center;width:100%}
.et-lista-c li{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center;padding:12px 14px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff26;opacity:0;transform:translateX(24px);color:#fff}
.et-p.on .et-lista-c li{animation:et-li .6s var(--d) var(--ease) forwards}
@keyframes et-li{to{opacity:1;transform:none}}
.et-lista-c i{grid-row:1/3;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff55;position:relative}
.et-lista-c i::after{content:"";position:absolute;left:9px;top:6px;width:7px;height:13px;border:solid var(--noche);border-width:0 3px 3px 0;transform:rotate(45deg) scale(0)}
.et-p.on .et-lista-c i{animation:et-ok .4s calc(var(--d) + .5s) forwards}
.et-p.on .et-lista-c i::after{animation:et-ch2 .35s calc(var(--d) + .7s) cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes et-ok{to{background:var(--cian);box-shadow:0 0 0 4px #3DD6FF44,0 0 18px #3DD6FF}}
@keyframes et-ch2{to{transform:rotate(45deg) scale(1)}}
.et-lista-c b{font:700 1.1rem/1.1 var(--rot);letter-spacing:.05em;text-transform:uppercase}
.et-lista-c span{font:500 .72rem/1.2 var(--mono);color:#9FB6D8;letter-spacing:.04em}
@media (max-width:900px){
  .et-riel{left:15px;margin:0}
  .et-p{grid-template-columns:34px minmax(0,1fr);row-gap:22px;align-items:start}
  .et-nodo{grid-column:1;grid-row:1;width:22px;height:22px;justify-self:start;margin:6px 0 0 4px}
  .et-txt,.et-p:nth-of-type(even) .et-txt{grid-column:2;grid-row:1;padding:0}
  .et-vis,.et-p:nth-of-type(even) .et-vis{grid-column:2;grid-row:2}
  .et-n{font-size:6.5rem}
  .et-v3{grid-template-columns:1fr;justify-items:center}
  .et-lista-c{max-width:340px}
}
@media (prefers-reduced-motion:reduce){
  .et-txt>*,.et-vis,.et-lista-c li{opacity:1;transform:none;transition:none;animation:none!important}
  .et-tr>*{stroke-dashoffset:0;animation:none!important}.et-v1 text,.et-cota,.et-lapiz,.et-pin,.et-sello{opacity:1;animation:none!important;transform:none}
  .et-sello{transform:rotate(-5deg)!important}
  .et-foto img{clip-path:none;animation:none!important}.et-lin,.et-ch{display:none}
  .et-lista-c i{background:var(--cian);animation:none!important}.et-lista-c i::after{transform:rotate(45deg) scale(1);animation:none!important}.et-led{opacity:1;animation:none!important}
}

/* ===== cierre: chat de WhatsApp ===== */
.cierre-pie{display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#9FB6D8}
.cw-pt{width:9px;height:9px;border-radius:50%;background:#3CE07E;box-shadow:0 0 0 0 #3CE07Eaa;animation:cw-p 1.8s ease-out infinite}
@keyframes cw-p{70%,100%{box-shadow:0 0 0 10px #3CE07E00}}
.cierre-wa{position:relative;overflow:visible;animation:cw-vib 5s 2s ease-in-out infinite}
.cierre-wa::after{content:"";position:absolute;inset:0;box-shadow:0 0 0 0 #FF7A1Acc;animation:cw-aro 2.4s ease-out infinite;pointer-events:none}
@keyframes cw-aro{0%{box-shadow:0 0 0 0 #FF7A1Acc}70%,100%{box-shadow:0 0 0 18px #FF7A1A00}}
@keyframes cw-vib{0%,88%,100%{transform:none}90%{transform:rotate(-2deg)}92%{transform:rotate(2deg)}94%{transform:rotate(-1.5deg)}96%{transform:rotate(1deg)}}
.cw{position:relative;background:#0B1A2E;box-shadow:inset 0 0 0 1px #ffffff26,0 30px 60px -28px #000;--c:22px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));display:grid}
.cw-cab{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 18px;background:#12302F}
.cw-av{width:42px;height:42px;display:grid;place-items:center;background:#06172E;border-radius:50%;overflow:hidden}
.cw-av svg{width:26px;height:26px}
.cw-id b{display:block;font:700 1.05rem/1.1 var(--rot);letter-spacing:.05em;text-transform:uppercase;color:#fff}
.cw-id small{display:flex;align-items:center;gap:7px;font:500 .66rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9FE8C0;margin-top:5px}
.cw-id small i{width:7px;height:7px;border-radius:50%;background:#3CE07E}
.cw-id small.cerr{color:#FFC9A0}.cw-id small.cerr i{background:var(--nar)}
.cw-ico svg{width:26px;height:26px;color:#3CE07E}
.cw-cuerpo{padding:18px;display:grid;gap:12px;background:linear-gradient(180deg,#0B1A2E,#0A1626);min-height:270px;align-content:start}
.cw-b{max-width:84%;padding:11px 14px 8px;font-size:.98rem;line-height:1.35;position:relative;--c:10px}
.cw-b span{display:block}
.cw-b em{display:flex;justify-content:flex-end;align-items:center;gap:5px;font:500 .62rem/1 var(--mono);font-style:normal;margin-top:5px;opacity:.7}
.cw-b em svg{width:16px;height:9px;color:#6FD4FF}
.cw-b.in{background:#1B2B44;color:#E6F0FF;justify-self:start;clip-path:polygon(0 0,100% 0,100% 100%,var(--c) 100%,var(--c) calc(100% - var(--c)),0 calc(100% - var(--c)))}
.cw-b.out{background:#1E6B4A;color:#fff;justify-self:end;transform-origin:right bottom;animation:cw-sale .45s var(--ease) both}
@keyframes cw-sale{from{opacity:0;transform:translateY(14px) scale(.9)}}
.cw-chips{display:flex;flex-wrap:wrap;gap:8px}
.cw-chip{font:600 .72rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:transparent;border:0;padding:.85em 1em;cursor:pointer;box-shadow:inset 0 0 0 1.5px #3DD6FF99;--c:8px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%);transition:background .2s,color .2s,transform .15s}
.cw-chip:hover{background:#3DD6FF22}
.cw-chip:active{transform:scale(.96)}
.cw-chip[aria-pressed=true]{background:var(--cian);color:var(--noche);box-shadow:none}
.cw-chip:focus-visible{outline:2px solid #fff;outline-offset:2px}
.cw-chips:not(.hecho) .cw-chip{animation:cw-sug 3.4s ease-in-out infinite}
.cw-chips:not(.hecho) .cw-chip:nth-child(2){animation-delay:.25s}.cw-chips:not(.hecho) .cw-chip:nth-child(3){animation-delay:.5s}.cw-chips:not(.hecho) .cw-chip:nth-child(4){animation-delay:.75s}
@keyframes cw-sug{0%,70%,100%{box-shadow:inset 0 0 0 1.5px #3DD6FF99}85%{box-shadow:inset 0 0 0 1.5px #3DD6FF,0 0 14px #3DD6FF88}}
.cw-esc{justify-self:end;display:flex;gap:5px;padding:11px 14px;background:#1E6B4A;border-radius:12px}
.cw-esc i{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.5;animation:cw-pt 1s infinite}
.cw-esc i:nth-child(2){animation-delay:.15s}.cw-esc i:nth-child(3){animation-delay:.3s}
@keyframes cw-pt{40%{transform:translateY(-4px);opacity:1}}
.cw-env{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 18px 14px;padding:1.05em 1.2em;background:#25D366;color:#06241A;text-decoration:none;font:800 1.15rem/1 var(--rot);letter-spacing:.07em;text-transform:uppercase;--c:12px;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));position:relative;overflow:hidden;transition:transform .15s,filter .2s}
.cw-env svg:first-child{width:24px;height:24px}
.cw-env svg:last-child{width:20px;height:20px;transition:transform .35s var(--ease)}
.cw-env::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,#ffffff77,transparent);transform:skewX(-20deg);animation:cw-brillo 3.2s 1s ease-in-out infinite}
@keyframes cw-brillo{0%{left:-40%}45%,100%{left:140%}}
.cw-env:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){.cw-env:hover{filter:brightness(1.08)}.cw-env:hover svg:last-child{transform:translate(4px,-3px) rotate(8deg)}}
.cw-env:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cw-tel{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff1f;margin:0 18px 18px}
.cw-tel a{display:grid;gap:4px;padding:12px 14px;background:#0B1A2E;text-decoration:none;color:#fff}
.cw-tel small{font:500 .6rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9FB6D8}
.cw-tel b{font:800 1.3rem/1 var(--rot);letter-spacing:.02em}
.cw-tel a:last-child b{color:var(--nar)}
@media (max-width:860px){.cw-b{max-width:92%}}
@media (prefers-reduced-motion:reduce){.cw-pt,.cierre-wa,.cierre-wa::after,.cw-env::before,.cw-chips .cw-chip,.cw-esc i{animation:none!important}.cw-b.out{animation:none}}
.cw-esc[hidden],.cw-b[hidden]{display:none}
.cierre p.cierre-pie{font-size:.68rem;max-width:none;margin:22px 0 0;color:#9FB6D8}
/* chat en pasos */
.cw-cuerpo{height:268px;overflow-y:auto;scrollbar-width:none;scroll-behavior:smooth;min-height:0;align-content:end;background:radial-gradient(#ffffff0a 1px,transparent 1.4px) 0 0/18px 18px,linear-gradient(180deg,#0B1A2E,#0A1626)}
.cw-cuerpo::-webkit-scrollbar{display:none}
.cw-b{animation:cw-sale .22s var(--ease) both}
.cw-b.in{border-radius:0 12px 12px 12px;clip-path:none;background:#1B2B44}
.cw-b.out{border-radius:12px 0 12px 12px;background:#1E6B4A}
.cw-b em{color:inherit}
.cw-b.out em{color:#BFE9D2}
.cw-esc.cw-b{display:flex;gap:5px;padding:13px 15px;width:fit-content}
.cw-resp{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;min-height:64px;background:#0A1626;box-shadow:inset 0 1px 0 #ffffff14;align-content:center}
.cw-resp .cw-chip{animation:cw-ent .25s var(--ease) both}
@keyframes cw-ent{from{opacity:0;transform:translateY(6px)}}
.cw-otra{font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9FB6D8;background:none;border:0;padding:.6em 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cw-otra:hover{color:#fff}
.cw.listo .cw-env{animation:cw-listo 1.4s ease-in-out 3}
@keyframes cw-listo{50%{transform:scale(1.025);box-shadow:0 0 0 6px #25D36655}}
.cw-env{margin-top:14px}
@media (prefers-reduced-motion:reduce){.cw-b,.cw-resp .cw-chip,.cw.listo .cw-env{animation:none}}
.marca-t small{font:500 .74rem/1 var(--txt);letter-spacing:.02em;color:#BFD0EA;margin-top:4px}
.marca-pleno{display:block}
.logo-pleno{display:block;width:clamp(190px,18vw,240px);height:auto}