:root{--pri:#1b1c20;--pri2:#3b5bfd;--acc:#3b5bfd;--acc-tx:#ffffff;--bg:#f4f5f7;--ink:#1b1c20;--muted:#5c606b;--line:#dfe2e8;--suave:#e9ecf2;--suave-tx:#1b1c20;--suave-tit:#1b1c20;--tit:#1b1c20;--link:#3b5bfd;--card:#ffffff;--chip-b:#b9c2d6;--marca:#3b5bfd;--migas:#5c606b;--barra:#1b1c20;--barra-tx:#e6e8ee;--cab:#ffffff;--eyebrow:#c9d3ff;--lead:#e8eaf0;--top-bg:#111216;--top-tx:#e8eaf0;--top-tit:#ffffff;--top-migas:#c8ccd6;--form-bg:#ffffff;--form-tx:#1b1c20;--form-tit:#1b1c20;--form-muted:#5c606b;--campo:#f4f5f7;--campo-b:#d6dae3;--form-borde:0;--form-sombra:0 30px 60px -20px rgba(0,0,0,.55);--fin-bg:#1b1c20;--fin-tx:#ffffff;--pie:#111216;--pie-tx:#b8bcc8;--pie-tit:#ffffff;--fb:'Inter Tight',system-ui,sans-serif;--fh:'Space Grotesk',system-ui,sans-serif;--fe:'Inter Tight',sans-serif;--fl:'Space Grotesk',sans-serif;--wh:700;--h1:60px;--h1m:38px;--h2:38px;--lsh:-.035em;--lsh2:-.025em;--rb:6px;--rb2:6px;--rc:10px;--rf:12px;--rv-from:translateY(30px);--rv-t:.7s;--tipeo:#9fb1ff}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--fb);color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px}
img{max-width:100%;height:auto;display:block}
a{color:var(--link)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.topbar{background:var(--barra);color:var(--barra-tx);text-align:center;font-size:14px;padding:7px 12px}
.cab{background:var(--cab);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.cab-in{max-width:1120px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pri);font-family:var(--fl);font-weight:800;font-size:19px;letter-spacing:-.2px}
.logo-ico{width:30px;height:30px;border-radius:8px;background:var(--pri);position:relative;flex:none}
.logo-ico:after{content:"";position:absolute;left:6px;top:7px;width:14px;height:7px;border-radius:2px;background:var(--acc)}
.menu{display:flex;gap:20px;align-items:center;font-weight:600;font-size:15px}
.menu a{color:var(--ink);text-decoration:none}
.btn-cab{white-space:nowrap;background:var(--acc);color:var(--acc-tx)!important;padding:9px 16px;border-radius:var(--rb)}
.btn{display:inline-block;background:var(--acc);color:var(--acc-tx);text-decoration:none;font-weight:700;padding:13px 24px;border-radius:var(--rb);border:2px solid var(--acc)}
.btn:hover{filter:brightness(.92)}
h1{font-family:var(--fh);font-weight:var(--wh);font-size:var(--h1);line-height:1.08;color:var(--tit);letter-spacing:var(--lsh);margin-bottom:14px}
h2{font-family:var(--fh);font-weight:var(--wh);font-size:var(--h2);line-height:1.15;color:var(--tit);margin-bottom:12px;letter-spacing:var(--lsh2)}
h3{font-size:19px;color:var(--tit);margin:18px 0 8px}
h2 a{color:inherit;text-decoration:none}
p{margin-bottom:12px}
.eyebrow{color:var(--eyebrow);font-family:var(--fe);font-weight:700;font-size:13px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}
.lead{font-size:19px;color:var(--lead)}
.sub{color:var(--muted);margin-bottom:20px}
.foto{border-radius:var(--rc);width:100%;aspect-ratio:3/2;object-fit:cover}
.sec{padding:56px 0}
.sec-top{padding-top:28px}
.sec-suave{background:var(--suave);color:var(--suave-tx)}
.sec-suave h2,.sec-suave h3{color:var(--suave-tit)}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.grid-s{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card-s,.card-r{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--rc);padding:18px;text-decoration:none;color:var(--ink);transition:transform .2s,border-color .2s}
.card-s:hover,.card-r:hover{border-color:var(--pri2);transform:translateY(-2px)}
.card-t{font-weight:700;color:var(--tit);font-size:17px}
.card-d{color:var(--muted);font-size:15px;line-height:1.45}
.card-img{padding:0;overflow:hidden}.card-img img{aspect-ratio:3/2;object-fit:cover;width:100%}
.card-img .card-t,.card-img .card-d{padding:0 16px}.card-img .card-d{padding-bottom:16px}
.grid-r{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.pasos{list-style:none;counter-reset:p;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.pasos li{counter-increment:p;background:var(--card);border:1px solid var(--line);border-radius:var(--rc);padding:20px 18px 18px 62px;position:relative;display:flex;flex-direction:column;gap:4px;color:var(--ink)}
.pasos li:before{content:counter(p);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--pri);color:var(--bg);font-weight:800;display:flex;align-items:center;justify-content:center}
.pasos span{color:var(--muted);font-size:15px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.chips a,.chips span{padding:7px 14px;border-radius:20px;background:var(--card);border:1px solid var(--line);font-size:15px;text-decoration:none;color:var(--ink)}
.chips a{border-color:var(--chip-b);color:var(--tit);font-weight:600}
.chips span{color:var(--muted)}
.lista{list-style:none}.lista li{padding:6px 0 6px 28px;position:relative}
.lista li:before{content:"";position:absolute;left:4px;top:15px;width:12px;height:7px;border-left:3px solid var(--marca);border-bottom:3px solid var(--marca);transform:rotate(-45deg)}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--migas);margin-bottom:16px}
.migas li+li:before{content:"›";margin-right:6px}
.migas a{color:var(--migas)}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer;color:var(--tit)}
.faq p{margin:10px 0 0;color:var(--muted)}
.mapa-link a{font-weight:700}
.dato{background:var(--card);border-left:5px solid var(--marca);border-radius:8px;padding:14px 18px;margin-top:16px;color:var(--ink)}
.dato-t{font-weight:700;color:var(--tit);margin-bottom:4px}
/* primera pantalla con formulario */
.top{position:relative;padding:28px 0 44px;overflow:hidden;background:var(--top-bg);color:var(--top-tx)}
.top .top-bg{display:none}
.top-in{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;grid-template-areas:"tx form" "mas form";column-gap:40px;align-items:start}
.top-tx{grid-area:tx}.top-mas{grid-area:mas}.top-form{grid-area:form}
.top h1{color:var(--top-tit)}.top .lead{color:var(--top-tx)}.top .migas ol,.top .migas a{color:var(--top-migas)}
.hero-datos{list-style:none;display:flex;gap:26px;flex-wrap:wrap;font-size:15px;margin-top:8px;color:var(--top-tx)}
.hero-datos b{display:block;font-size:18px;color:var(--top-tit)}
.lead-form{background:var(--form-bg);color:var(--form-tx);border-radius:var(--rf);padding:22px;display:flex;flex-direction:column;gap:10px;border:var(--form-borde);box-shadow:var(--form-sombra)}
.form-t{font-family:var(--fh);font-weight:var(--wh);font-size:22px;line-height:1.2;margin:0;color:var(--form-tit)}
.form-s{font-size:14px;color:var(--form-muted);margin:0 0 4px}
.lead-form input,.lead-form textarea,.lead-form select{padding:12px;border:1px solid var(--campo-b);border-radius:var(--rb2);font:inherit;font-size:16px;background:var(--campo);color:var(--form-tx)}
.lead-form button{background:var(--acc);color:var(--acc-tx);border:0;padding:15px;border-radius:var(--rb);font-weight:800;font-size:17px;cursor:pointer;font-family:inherit}
.lead-form button:hover{filter:brightness(.92)}
.lead-form button[disabled]{opacity:.7}
.form-msg{font-size:15px;text-align:center;margin:0}
.btn-wa-post[hidden]{display:none!important}
.btn-wa-post{display:block;text-align:center;background:#1f8a5b;color:#fff;text-decoration:none;font-weight:800;padding:13px;border-radius:var(--rb)}
.form-trust,.legal-priv{font-size:13px;color:var(--form-muted);text-align:center;margin:0}
.form-trust a,.legal-priv a{color:var(--form-muted)}
.sec-form{background:var(--fin-bg);color:var(--fin-tx)}
.sec-form h2{color:var(--fin-tx)}
.form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.chk{list-style:none;margin-top:14px}.chk li{padding:4px 0 4px 26px;position:relative}
.chk li:before{content:"✓";position:absolute;left:0;font-weight:800;color:var(--marca)}
.art{max-width:760px}.art-meta{color:var(--muted);font-size:14px}.foto-art{margin:16px 0 22px}
.art-cuerpo h2{font-size:24px;margin-top:26px}.art-cuerpo ul{margin:0 0 14px 22px}.art-cuerpo li{margin-bottom:6px}
.cta-art{background:var(--suave);border:1px solid var(--line);border-radius:var(--rc);padding:18px 20px;margin:24px 0;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-art p{margin:0;font-weight:600;color:var(--suave-tit);flex:1;min-width:220px}
.pie{background:var(--pie);color:var(--pie-tx);padding:46px 0 22px;font-size:15px}
.pie-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;margin-bottom:24px}
.pie ul{list-style:none}.pie li{margin-bottom:5px}.pie a{color:var(--pie-tx)}
.logo-pie{color:var(--pie-tit);font-weight:800;font-size:18px}.pie-t{color:var(--pie-tit);font-weight:700}
.pie-legal{border-top:1px solid rgba(127,127,127,.25);padding-top:16px;font-size:13px;opacity:.8}
.flota{position:fixed;right:14px;bottom:14px;background:var(--acc);color:var(--acc-tx);text-decoration:none;font-weight:800;padding:12px 18px;border-radius:40px;box-shadow:0 8px 20px -6px rgba(0,0,0,.4);z-index:50;opacity:0;pointer-events:none;transition:opacity .25s}
.flota.ver{opacity:1;pointer-events:auto}
/* movimiento (lo prende sitio.js; respeta reducir movimiento) */
.rv{opacity:0;transform:var(--rv-from);transition:opacity var(--rv-t) ease,transform var(--rv-t) ease}
.rv.vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
@media(max-width:860px){
 .top-in{grid-template-columns:1fr;grid-template-areas:"tx" "form" "mas"}
 .top{padding:20px 0 30px}.top-form{margin:4px 0 22px}
 .dos-col,.form-wrap,.pie-cols{grid-template-columns:1fr}
 h1{font-size:var(--h1m)}h2{font-size:26px}
 .menu a:not(.btn-cab){display:none}.sec{padding:40px 0}body{font-size:16px}
 .logo{font-size:16px}.logo-tx{max-width:150px;line-height:1.15}.btn-cab{padding:8px 12px;font-size:14px}.topbar{font-size:12.5px}
 .lead{font-size:17px}
 .migas li{display:none}.migas li:nth-last-child(2){display:block}.migas li:nth-last-child(2):before{content:"‹ ";margin:0}
}

/* ===== módulos interactivos ===== */
.cab{transition:padding .25s,box-shadow .25s}.cab .cab-in{transition:padding .25s}
.cab.bajo .cab-in{padding-top:7px;padding-bottom:7px}.cab.bajo{box-shadow:0 6px 18px -12px rgba(0,0,0,.35)}
[data-anim].pre{opacity:0;transform:var(--rv-from,translateY(18px));transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
[data-anim].pre.in{opacity:1;transform:none}
/* carrusel de portada */
.slides{position:absolute;inset:0;z-index:0}.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0;opacity:0;transition:opacity 1.2s ease;filter:var(--slides-filtro,brightness(.45))}
.slides img.on{opacity:1}
.puntos{position:absolute;z-index:2;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:7px}.puntos i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45)}.puntos i.on{background:#fff;width:22px;border-radius:5px;transition:width .3s}
/* tipeo */
.tipeo{font-family:var(--fh);font-size:22px;font-weight:var(--wh);margin:-4px 0 14px;color:var(--top-tit)}.tipeo .txt{color:var(--tipeo,var(--acc))}.tipeo .cur{animation:parpadeo 1s steps(1) infinite;margin-left:2px}
@keyframes parpadeo{50%{opacity:0}}
/* luz que sigue al cursor */
.fx-luz{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),var(--luz,rgba(255,255,255,.18)),transparent 60%);mix-blend-mode:var(--luz-modo,soft-light)}
.fx-luz.on{opacity:1}
/* tarjetas con relieve y brillo */
.fx-card{position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .25s;will-change:transform}
.fx-card .ph{display:block;overflow:hidden;margin:-18px -18px 10px;aspect-ratio:16/10}.fx-card .ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);transition:transform .2s ease-out}
.fx-card .glare{position:absolute;inset:0;pointer-events:none;opacity:var(--glow,0);transition:opacity .3s;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.55),transparent 55%);mix-blend-mode:overlay}
/* tarjetas que se dan vuelta */
.flip{perspective:1000px;cursor:pointer;min-height:250px;outline:0}
.flip-in{position:relative;height:100%;min-height:250px;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.flip.dada .flip-in{transform:rotateY(180deg)}
.cara,.dorso{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--rc);padding:20px;display:flex;flex-direction:column;gap:8px}
.cara{background:var(--card);border:1px solid var(--line)}
.dorso{transform:rotateY(180deg);background:var(--pri);color:var(--bg)}
.dorso ul{list-style:none;font-size:14.5px;line-height:1.35}.dorso li{padding:3px 0 3px 18px;position:relative}.dorso li:before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--acc)}
.dorso a{margin-top:auto;color:var(--bg);font-weight:800}
.flip .vuelta{margin-top:auto;font-size:14px;font-weight:700;color:var(--muted)}
.flip:focus-visible .flip-in{outline:3px solid var(--acc);outline-offset:4px;border-radius:var(--rc)}
/* probador de colores */
.casa svg{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 30px rgba(0,0,0,.18))}
.casa .pr-pared,.casa [fill="var(--marco)"],.casa [stroke="var(--marco)"]{transition:fill .45s ease,stroke .45s ease}
.sws{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 18px}
.sw{width:44px;height:44px;border-radius:50%;border:3px solid var(--bg);box-shadow:0 0 0 1px var(--line),0 6px 12px -6px rgba(0,0,0,.4);background:var(--c);cursor:pointer;transition:transform .2s}
.sw:hover{transform:scale(1.08)}.sw[aria-checked="true"]{box-shadow:0 0 0 3px var(--tit),0 6px 12px -6px rgba(0,0,0,.4);transform:scale(1.1)}
.pr-l{margin:0;font-size:15px;color:var(--muted)}.pr-l b{color:var(--tit)}
/* abanico */
.abanico{position:relative;height:340px;cursor:pointer}
.hoja{position:absolute;left:50%;bottom:30px;width:110px;height:270px;margin-left:-55px;border-radius:14px;background:var(--c);transform-origin:50% 92%;transform:rotate(0deg);transition:transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*40ms);box-shadow:0 10px 20px -10px rgba(0,0,0,.5);text-decoration:none;display:flex;align-items:flex-start;justify-content:center;padding-top:16px}
.hoja span{background:rgba(255,255,255,.92);color:#1c1c1c;font-weight:800;font-size:12.5px;padding:4px 8px;border-radius:6px;text-align:center;max-width:94px;line-height:1.2}
.abanico.abierto .hoja{transform:rotate(calc((var(--i) - 3) * 17deg))}
.abanico .eje{position:absolute;left:50%;bottom:44px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#1c1c1c;box-shadow:0 0 0 4px #fff}
/* ventana con zoom */
.ventana .frame{overflow:hidden;border-radius:var(--rc);transform:scale(var(--z,.88));transition:transform .1s linear}
.ventana .frame img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:0}
.ventana-tx{max-width:720px;margin:22px auto 0;text-align:center}
@media(max-width:860px){.probador .casa{order:-1;margin:0 auto 6px;width:100%}.sws{gap:7px}.sw{width:36px;height:36px}.abanico{height:300px}.hoja{width:92px;height:230px;margin-left:-46px}.hoja span{font-size:11.5px}.tipeo{font-size:19px}.fx-card .ph{aspect-ratio:16/9}}
@media (prefers-reduced-motion:reduce){.flip-in,.hoja,.slides img,.fx-card,.ventana .frame{transition:none}.tipeo .cur{animation:none}.abanico .hoja{transform:rotate(calc((var(--i) - 3) * 17deg))}}

.est-fusion .top{min-height:600px;padding:46px 0 70px}
.est-fusion .top .eyebrow{color:#c9d3ff}
.est-fusion .hero-datos b{font-family:'Space Grotesk',sans-serif;font-size:30px}
.est-fusion .card-s{border-left:3px solid #3b5bfd;border-radius:6px}
@media(max-width:860px){.est-fusion .top{min-height:0;padding:26px 0 44px}}
.est-fusion .probador{background:#1b1c20;color:#e8eaf0}
.est-fusion .probador h2{color:#fff}.est-fusion .probador .sub,.est-fusion .probador .pr-l{color:#b8bcc8}.est-fusion .probador .pr-l b{color:#fff}
.est-fusion .probador .sw{border-color:#1b1c20}.est-fusion .probador .sw[aria-checked="true"]{box-shadow:0 0 0 3px #9fb1ff,0 6px 12px -6px rgba(0,0,0,.6)}
.est-fusion .probador .casa{--vereda:#3a3d45}
.est-fusion .fx-card{border:0;border-left:3px solid #3b5bfd;box-shadow:0 16px 30px -24px rgba(17,18,22,.7)}
.est-fusion .fx-card .glare{mix-blend-mode:soft-light}