:root{--bg:#0a1628;--c1:#00b4ff;--c2:#ff6a00;--tx:#e8f1ff}/* COLORES DE MARCA: cambia solo estas variables */
/* footer, aviso de privacidad y cookies (compartido con index) */
.ft{position:relative;z-index:2;background:#050a14;border-top:1px solid #00b4ff40;padding:3rem 6vw 1.5rem;color:var(--tx);font:15px/1.55 system-ui,Segoe UI,Arial,sans-serif}
.ft .fg{display:grid;gap:2rem;max-width:1200px;margin:auto}@media(min-width:800px){.ft .fg{grid-template-columns:1.1fr 1.4fr 1.1fr}}
.ft h3{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--c1);margin:0 0 .7rem}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:.3rem}.ft a{color:var(--tx);text-decoration:none;opacity:.85}.ft a:hover{color:var(--c1);opacity:1}
.ft img{height:48px;width:auto;margin-bottom:.6rem}.ft address{font-style:normal;line-height:1.8}.ft .sm{font-size:.82rem;opacity:.7}
.ft .fq{max-width:1200px;margin:2rem auto 0}.ft details{border-top:1px solid #fff2;padding:.6rem 0}.ft summary{cursor:pointer;font-weight:700}
.ft .fb{max-width:1200px;margin:2rem auto 0;border-top:1px solid #fff2;padding-top:1rem;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;font-size:.85rem;opacity:.85}
.ft .fb button{background:none;border:0;color:var(--tx);font:inherit;cursor:pointer;text-decoration:underline;padding:0}
dialog,dialog *{cursor:auto!important}
dialog{max-width:640px;width:92vw;max-height:88vh;overflow:auto;background:#0a1628;color:var(--tx);border:1px solid #00b4ff55;border-radius:16px;padding:1.4rem;font:15px/1.55 system-ui,Segoe UI,Arial,sans-serif}
dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{margin:0 0 .8rem;font-size:1.3rem}dialog a{color:var(--c1)}
dialog .x{position:sticky;float:right;top:0;background:none;border:1px solid #fff3;color:var(--tx);border-radius:8px;width:34px;height:34px;cursor:pointer}
#ck{position:fixed;left:12px;right:12px;bottom:12px;max-width:560px;z-index:90;background:#08101ef2;backdrop-filter:blur(14px);border:1px solid #00b4ff55;border-radius:14px;padding:1rem;color:var(--tx);font:14px/1.5 system-ui,Segoe UI,Arial,sans-serif;display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between}
#ck[hidden]{display:none}#ck p{margin:0;flex:1 1 240px}#ck a{color:var(--c1)}#ck div{display:flex;gap:.5rem}
#ck button{border-radius:99px;padding:.5rem 1rem;font-weight:700;cursor:pointer;border:1px solid var(--c1)}#ck .b1{background:var(--c1);color:#021020}#ck .b0{background:none;color:var(--c1)}
.ac{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem}.ac input{width:auto!important;margin-top:.25rem}.ac a{color:var(--c1)}
/* páginas de solución */
.sub{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 system-ui,Segoe UI,Arial,sans-serif;overflow-x:hidden}
.sub *{box-sizing:border-box}.sub h1,.sub h2,.sub p,.sub ul,.sub ol{margin:0}
.sub header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:1rem;padding:10px 5vw;background:linear-gradient(#050a14f2,#050a14b0);backdrop-filter:blur(10px)}
.sub header img{height:46px;width:auto;display:block}@media(min-width:900px){.sub header img{height:64px}}.sub .sp{flex:1}
.sub header nav{display:none;gap:1.4rem}.sub header nav a,.sub header nav button{color:var(--tx);background:none;border:0;font:inherit;text-decoration:none;cursor:pointer;opacity:.85}.sub header nav a:hover,.sub header nav button:hover{color:var(--c1);opacity:1}
@media(min-width:900px){.sub header nav{display:flex}}
.sub #hb{width:42px;height:42px;background:none;border:1px solid #fff3;border-radius:10px;display:grid;place-content:center;gap:5px;cursor:pointer}.sub #hb i{display:block;width:20px;height:2px;background:var(--tx);transition:.3s}
.sub #hb.o i:nth-child(1){transform:translateY(7px) rotate(45deg)}.sub #hb.o i:nth-child(2){opacity:0}.sub #hb.o i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.sub #m{position:fixed;inset:0;z-index:40;background:#050a14f2;backdrop-filter:blur(18px);display:none;padding:100px 6vw 30px;overflow:auto}.sub #m.o{display:block}.sub #m div{display:grid;gap:.4rem;max-width:1000px;margin:auto}
.sub #m a{color:var(--tx);text-decoration:none;padding:.7rem 1rem;border-left:3px solid var(--c1);background:#ffffff08;border-radius:0 10px 10px 0}.sub #m a:hover{background:#00b4ff22}@media(min-width:760px){.sub #m div{grid-template-columns:repeat(3,1fr)}}
.sub .btn{display:inline-block;margin-top:.8rem;padding:.75rem 1.4rem;border-radius:99px;background:linear-gradient(90deg,var(--c1),#0077ff);color:#021020;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-size:1rem;transition:transform .2s,box-shadow .2s}
.sub header .btn{margin:0;padding:.5rem 1rem}.sub .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00b4ff55}.sub .btn.o{background:none;border:1px solid var(--c2);color:var(--c2)}
.sub .hero{min-height:78svh;display:flex;align-items:center;padding:130px 6vw 60px;background:radial-gradient(circle at 80% 15%,#00b4ff30,transparent 55%),repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 48px),linear-gradient(#0a1628,#050a14)}
.sub .hero .in{max-width:900px;margin:auto 0}.sub .bc{font-size:.85rem;opacity:.8;margin-bottom:1rem}.sub .bc a{color:var(--c1);text-decoration:none}
.sub small{color:var(--c1);letter-spacing:.2em;font:700 .72rem monospace}.sub h1{font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.1;margin:.6rem 0 1rem}.sub .lead{font-size:1.1rem;opacity:.9;max-width:720px}
.sub .tg{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:1.1rem 0 .4rem}.sub .tg li{font:600 .75rem monospace;border:1px solid #fff3;border-radius:99px;padding:.15rem .7rem}
.sub .sec{max-width:1100px;margin:auto;padding:56px 6vw}.sub .sec h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:1rem}.sub .sec>p{opacity:.9;max-width:820px}
.sub .fl,.sub .st{list-style:none;padding:0;display:grid;gap:1rem;margin-top:1.2rem}@media(min-width:760px){.sub .fl{grid-template-columns:repeat(2,1fr)}.sub .st{grid-template-columns:repeat(4,1fr)}}
.sub .fc,.sub .st li,.sub .rc{background:#08101ea3;border:1px solid #00b4ff40;border-radius:14px;padding:1.1rem;display:grid;gap:.3rem;color:var(--tx);text-decoration:none}.sub .fc span,.sub .st span,.sub .rc span{opacity:.8;font-size:.92rem}
.sub .st{counter-reset:s}.sub .st li::before{counter-increment:s;content:"0" counter(s);color:var(--c1);font:700 .8rem monospace}
.sub .rg{display:grid;gap:1rem}@media(min-width:760px){.sub .rg{grid-template-columns:repeat(3,1fr)}}.sub .rc:hover{border-color:var(--c1)}.sub .rc span{color:var(--c1)}
.sub .sec details{border-top:1px solid #fff2;padding:.8rem 0}.sub .sec summary{cursor:pointer;font-weight:700}.sub .sec details p{margin-top:.5rem;opacity:.88}
.sub .cb{text-align:center;background:radial-gradient(circle at 50% 0,#00b4ff22,transparent 70%);border-radius:20px}
@media(prefers-reduced-motion:reduce){.sub *{transition:none!important}}

/* ===== v2: motor gráfico, imágenes, video y microinteracciones ===== */
.sub #pg{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--c1),var(--c2));z-index:60}
.sub header{transition:background .3s,padding .3s}.sub header.sc{padding-top:6px;padding-bottom:6px;background:#050a14f5}
.sub .hero{position:relative;overflow:hidden;min-height:100svh;padding:120px 6vw 80px;background:#050a14}
.sub .hero #stage{position:absolute;inset:0;width:100%;height:100%;display:block}
.sub .hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,#050a14f0 0,#050a14b8 36%,transparent 68%)}
.sub .hero .in{position:relative;z-index:2;max-width:640px;margin:auto 0}
@media(max-width:899px){.sub .hero{align-items:flex-start}.sub .hero .shade{background:linear-gradient(180deg,#050a14f2 0,#050a14c8 48%,transparent 82%)}.sub .hero .in{max-width:none}}
.sub .scrl{position:absolute;z-index:2;left:50%;bottom:22px;transform:translateX(-50%);width:42px;height:42px;border:1px solid #fff4;border-radius:50%;display:grid;place-content:center;color:var(--tx);text-decoration:none;animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translate(-50%,8px)}}
.sub .mq{overflow:hidden;border-block:1px solid #00b4ff30;background:#08101e;padding:.9rem 0}.sub .mq div{display:flex;gap:2.5rem;width:max-content;animation:mq 40s linear infinite}
.sub .mq span{font:700 .85rem monospace;letter-spacing:.18em;text-transform:uppercase;opacity:.65;white-space:nowrap}.sub .mq .b{color:var(--c1);opacity:1}@keyframes mq{to{transform:translateX(-33.333%)}}
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.js .rv.in{opacity:1;transform:none}
.sub .fc{position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.sub .fc::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0),#00b4ff26,transparent 70%);opacity:0;transition:opacity .3s}.sub .fc:hover{border-color:var(--c1);transform:translateY(-4px)}.sub .fc:hover::before{opacity:1}
.sub .fc i{font:700 .8rem monospace;color:var(--c2);font-style:normal}.sub .fc b{font-size:1.05rem}
.sub .vf{position:relative;border-radius:18px;overflow:hidden;border:1px solid #00b4ff55;box-shadow:0 0 60px #00b4ff22;background:#050a14}.sub .vf video{display:block;width:100%;height:auto;aspect-ratio:16/9}
.sub .cap{position:absolute;right:12px;bottom:12px;font:700 .7rem monospace;background:#050a14cc;border:1px solid #fff3;border-radius:99px;padding:.2rem .7rem;letter-spacing:.1em}
.sub .gl{display:grid;gap:1rem;margin-top:1rem}@media(min-width:760px){.sub .gl{grid-template-columns:1fr 1fr}}
.sub figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid #00b4ff40;background:#08101e}.sub figure img{display:block;width:100%;height:auto;transition:transform .8s}.sub figure:hover img{transform:scale(1.04)}.sub figcaption{padding:.7rem 1rem;font-size:.9rem;opacity:.85}
.sub .st li{transition:border-color .3s}.sub .st li:hover{border-color:var(--c2)}
.sub .cta{text-align:center;padding:90px 6vw;background:radial-gradient(circle at 50% 0,#00b4ff2e,transparent 65%),#08101e;border-block:1px solid #00b4ff30}.sub .cta h2{font-size:clamp(1.6rem,4vw,2.6rem);max-width:820px;margin:0 auto 1rem}.sub .cta p{opacity:.85}
.sub .btn.big{padding:1rem 2.2rem;font-size:1.1rem}
.sub .rc{padding:0;overflow:hidden;gap:0}.sub .rc img{width:100%;height:auto;display:block;transition:transform .6s}.sub .rc:hover img{transform:scale(1.05)}.sub .rc b,.sub .rc span{padding:.2rem 1rem}.sub .rc b{padding-top:.8rem}.sub .rc span{padding-bottom:1rem}
.sub .sticky{display:none}
@media(max-width:759px){.sub .sticky{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:70;text-align:center;margin:0;box-shadow:0 8px 30px #000a}.sub{padding-bottom:78px}#ck{bottom:80px}}
.sub #cu,.sub #cr{position:fixed;top:0;left:0;pointer-events:none;z-index:99;border-radius:50%;display:none}.sub #cu{width:8px;height:8px;background:var(--c2);margin:-4px}.sub #cr{width:38px;height:38px;margin:-19px;border:1.5px solid var(--c1);transition:width .25s,height .25s,margin .25s,background .25s}.sub #cr.h{width:70px;height:70px;margin:-35px;background:#00b4ff22}
@media(pointer:fine){.sub,.sub a,.sub button,.sub summary{cursor:none}.sub #cu,.sub #cr{display:block}}
@media(prefers-reduced-motion:reduce){.sub .mq div,.sub .scrl{animation:none}.js .rv{opacity:1;transform:none}}

.sub #cu,.sub #cr{opacity:0;transition:opacity .3s}
@media(max-width:899px){.sub .hero{display:block;min-height:0;padding-bottom:0}.sub .hero #stage{position:relative;inset:auto;display:block;width:calc(100% + 12vw);height:min(66vw,360px);margin:26px -6vw 0}.sub .hero .shade,.sub .scrl{display:none}}
.sub.doc main{max-width:820px;margin:auto;padding:140px 6vw 70px}.sub.doc main h1{margin:.4rem 0 1.2rem}.sub.doc main h2{font-size:1.2rem;margin:1.8rem 0 .5rem;color:var(--c1)}.sub.doc main p,.sub.doc main li{opacity:.9}.sub.doc main ul{padding-left:1.2rem}.sub.doc main a{color:var(--c1)}
header{white-space:nowrap}header .hcta{white-space:nowrap}
/* ===== selector de idioma con banderas ===== */
.lang{display:inline-flex;border:1px solid #00b4ff66;border-radius:99px;padding:2px;background:#050a14aa;gap:2px;flex:none}
.lang button{display:inline-flex;align-items:center;gap:.35rem;background:none;border:0;color:var(--tx);font:700 .78rem/1 system-ui,Arial,sans-serif;padding:.38rem .6rem;border-radius:99px;cursor:pointer;opacity:.7;transition:background .2s,opacity .2s}
.lang button svg{display:block;border-radius:2px;box-shadow:0 0 0 1px #ffffff30}
.lang button[aria-pressed=true]{background:var(--c1);color:#021020;opacity:1}
.lang button:hover{opacity:1}
header .hcta{margin:0!important;padding:.5rem 1rem;white-space:nowrap}
@media(max-width:479px){header .hcta,.sub header .btn.hcta{display:none!important}.lang button{padding:.34rem .5rem}header{gap:.5rem}}
/* bloque SEO/GEO en el índice */
.ab{position:relative;z-index:2;background:#050a14;color:var(--tx);padding:56px 6vw;border-top:1px solid #00b4ff30;font:16px/1.65 system-ui,Segoe UI,Arial,sans-serif}
.ab .abw{max-width:900px;margin:auto}.ab h2{font-size:clamp(1.3rem,3vw,1.8rem);margin:0 0 .8rem}.ab p{opacity:.88;margin:0}
/* ===== chatbot ===== */
#cb{position:fixed;right:14px;bottom:14px;z-index:95;font:15px/1.45 system-ui,Segoe UI,Arial,sans-serif;color:var(--tx)}
#cb *{box-sizing:border-box}#cb,#cb *{cursor:auto}#cb button{cursor:pointer}
#cbo{display:flex;align-items:center;gap:.5rem;border:0;border-radius:99px;padding:.75rem 1rem;background:linear-gradient(90deg,var(--c1),#0077ff);color:#021020;font-weight:800;font-size:.9rem;box-shadow:0 8px 28px #00b4ff55}
#cbo .cbl{display:none}@media(min-width:760px){#cbo .cbl{display:inline}}
#cb.on #cbo{display:none}
.sub #cb,.sub ~ #cb{bottom:14px}
@media(max-width:759px){body.sub #cb{bottom:78px}#cbo{padding:.8rem}}
#cbn{position:absolute;right:0;bottom:62px;background:#08101ef5;border:1px solid #00b4ff66;border-radius:14px;padding:.6rem .9rem;width:max-content;max-width:min(260px,70vw);box-shadow:0 8px 30px #000a}
#cbn[hidden],#cbp[hidden],#cbf[hidden]{display:none}
#cbp{position:fixed;right:14px;bottom:14px;width:min(380px,calc(100vw - 28px));height:min(560px,calc(100svh - 28px));display:flex;flex-direction:column;background:#08101ef7;backdrop-filter:blur(18px);border:1px solid #00b4ff66;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #000c}
#cbp header{position:static;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:#0a1628;border-bottom:1px solid #00b4ff40;gap:.5rem}
#cbp header span{display:flex;gap:.3rem}#cbp header button{background:none;border:1px solid #fff3;color:var(--tx);border-radius:8px;width:32px;height:32px}
#cbm{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.55rem}
#cbm p{margin:0;max-width:86%;padding:.55rem .8rem;border-radius:14px}
#cbm .b{background:#12203a;border-bottom-left-radius:4px;align-self:flex-start}#cbm .u{background:var(--c1);color:#021020;font-weight:600;border-bottom-right-radius:4px;align-self:flex-end}
#cbm a{color:var(--c1)}
#cbc{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1rem .8rem}#cbc:empty{display:none}
#cbc button{background:none;border:1px solid var(--c1);color:var(--c1);border-radius:99px;padding:.4rem .8rem;font:600 .85rem system-ui,Arial,sans-serif;text-align:left}
#cbc button:hover,#cbc button.pri{background:var(--c1);color:#021020}
#cbf{display:flex;gap:.4rem;padding:.6rem;border-top:1px solid #00b4ff30}
#cbf input{flex:1;min-width:0;border-radius:99px;padding:.6rem 1rem;font-size:16px}
#cbf button{border:0;border-radius:50%;width:42px;height:42px;background:var(--c1);color:#021020;font-size:1rem}
@media(max-width:759px){#cbp{right:0;bottom:0;width:100vw;height:min(82svh,640px);border-radius:18px 18px 0 0}}
@media(prefers-reduced-motion:reduce){#cb *{transition:none!important}}
/* logo legible */
.sub header img{height:64px}@media(min-width:900px){.sub header img{height:88px}}.sub header.sc img{height:60px}
.ft img{height:140px;width:auto}

/* marcas */
.sub .brands .bg{list-style:none;padding:0;margin:1.2rem 0 .6rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
@media(min-width:700px){.sub .brands .bg{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
.sub .brands .bg li{background:#f4f8ff;border-radius:14px;height:84px;display:flex;align-items:center;justify-content:center;padding:14px 18px;transition:transform .25s,box-shadow .25s}
.sub .brands .bg li:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00b4ff44}
.sub .brands .bg img{max-height:46px;max-width:100%;width:auto;object-fit:contain}
.sub .brands .bg b{color:#0a1628;font:800 .95rem/1.2 system-ui,Arial,sans-serif;text-align:center;letter-spacing:.02em}
.sub .brands .bn{display:block;opacity:.6;font:400 .75rem system-ui,Arial,sans-serif;letter-spacing:0;color:var(--tx)}