/* VixelLavadero · landing. Agua profunda, espuma y brillo: fotos reales a pantalla completa, burbujas que suben, gotas sobre
   el teléfono, motor de clima con lluvia de verdad sobre la sección, antes y después deslizable y calculadora de abonos. */
.lq{--deep:#04161d;--deep2:#082833;--a:#0891b2;--a2:#06b6d4;--cy:#22d3ee;--sky:#a5f3fc;--vio:#7c3aed;--pink:#db2777;--sun:#f59e0b;
  --ink:#06222c;--ink2:#3d5a66;--mut:#6b8792;--bg:#f4f9fb;--bg2:#e8f3f6;--card:#fff;--line:#d9e9ee;
  margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
html:has(body.lq){overflow-x:hidden;scroll-behavior:smooth}
.lq *{box-sizing:border-box}
.lq a{color:inherit;text-decoration:none}
.lq img{max-width:100%;display:block}
.lq h1,.lq h2,.lq h3{font-family:"Bricolage Grotesque",Inter,sans-serif;font-weight:800;letter-spacing:-.025em;margin:0;line-height:1.03}
.lq h2{font-size:clamp(34px,4.4vw,58px)}
.lq h3{font-size:20px;line-height:1.2}
.lq em{font-style:normal}
.lq-w{width:min(1200px,calc(100% - 40px));margin:0 auto}
.lq-c{text-align:center}
.lq-k{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--a);margin:0 0 16px}
.lq-k::before{content:"";width:22px;height:3px;border-radius:3px;background:currentColor}
.lq-k--hi{color:var(--cy)}
.lq-p{font-size:18.5px;color:var(--ink2);margin:20px 0 26px}
.lq-head{max-width:860px;margin:0 0 50px}
.lq-head p{color:var(--ink2);font-size:19px;margin:18px 0 0}
.lq-sec{position:relative;padding:120px 0}
.lq-soft{background:var(--bg2)}
.lq-dark,.lq-rain,.lq-violet{color:#fff;background:var(--deep)}
.lq-dark .lq-p,.lq-rain .lq-p,.lq-violet .lq-p,.lq-dark .lq-head p{color:#a9c7d1}
.lq-violet{background:radial-gradient(900px 600px at 0% 0%,rgba(124,58,237,.35),transparent 60%),radial-gradient(800px 500px at 100% 100%,rgba(219,39,119,.25),transparent 60%),#120a26}
.lq-violet .lq-p{color:#cbbfe6}
.lq-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}
.lq-split--rev>:first-child{order:2}
.lq-mini{font-size:14px;color:var(--mut);margin:26px 0 0}

/* Botones */
.lq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;background:var(--deep);color:#fff!important;font:700 15px Inter,sans-serif;border:0;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.lq-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -16px rgba(4,22,29,.6)}
.lq-btn--lg{min-height:58px;padding:0 30px;font-size:16.5px}
.lq-btn--hi{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--a2),var(--a) 55%,#0e7490);box-shadow:0 18px 40px -16px rgba(6,182,212,.8)}
.lq-btn--hi::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 45%,transparent 60%);transform:translateX(-120%);animation:lqShine 3.4s ease-in-out infinite}
@keyframes lqShine{55%,100%{transform:translateX(120%)}}
.lq-btn--glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lq-btn--ghost{background:transparent;color:var(--ink)!important;border:1.5px solid var(--line)}
.lq-btn:focus-visible,.lq-steps button:focus-visible,.lq summary:focus-visible,.lq-ba input:focus-visible{outline:3px solid var(--cy);outline-offset:3px}

/* Navegación */
.lq-nav{position:fixed;inset:0 0 auto;z-index:50;padding:16px 0;transition:background-color .3s,padding .3s,box-shadow .3s}
.lq-nav .lq-w{display:flex;align-items:center;gap:24px}
.lq-nav.on{background:rgba(4,22,29,.82);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);padding:10px 0;box-shadow:0 10px 30px -20px #000}
.lq .lq-logo{display:flex;align-items:center;gap:10px;color:#fff;font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:21px}
.lq-logo span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cy),var(--a));color:#fff;box-shadow:0 10px 24px -10px var(--a2)}
.lq-logo svg{width:22px}
.lq-links{display:flex;gap:26px;margin-left:auto}
.lq .lq-links a{color:#cfe9f0;font-weight:600;font-size:14.5px;transition:color .2s}
.lq .lq-links a:hover{color:#fff}
.lq-cta{display:flex;align-items:center;gap:14px}
.lq .lq-in{color:#fff;font-weight:600;font-size:14.5px}

/* Hero */
.lq-hero{position:relative;min-height:100vh;padding:130px 0 0;color:#fff;background:var(--deep);overflow:hidden;display:flex;flex-direction:column}
.lq-hero__bg{position:absolute;inset:0}
.lq-hero__bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.lq-hero__veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(4,22,29,.95) 0%,rgba(4,22,29,.8) 42%,rgba(4,22,29,.25) 75%,rgba(4,22,29,.55)),linear-gradient(0deg,var(--deep),transparent 32%)}
.lq-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.lq-bubbles i{position:absolute;bottom:-60px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;border:1px solid rgba(255,255,255,.35);
  background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.9),rgba(165,243,252,.15) 42%,rgba(255,255,255,.22) 66%,transparent 70%);animation:lqBurb var(--d) linear infinite;animation-delay:var(--l)}
@keyframes lqBurb{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}8%{opacity:.9}50%{transform:translate3d(-24px,-50vh,0) scale(1)}100%{transform:translate3d(18px,-105vh,0) scale(1.15);opacity:0}}
.lq-hero__in{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-bottom:60px}
.lq-kick{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-weight:600;font-size:13.5px;color:#d7f2f8;margin:0 0 22px}
.lq-kick i{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:lqLive 1.8s infinite}
@keyframes lqLive{0%{box-shadow:0 0 0 0 rgba(74,222,128,.7)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.lq-h1{font-size:clamp(44px,6.2vw,84px)}
.lq-h1 span{display:block}
.lq-h1 em{background:linear-gradient(90deg,var(--sky),var(--cy) 40%,#fff 60%,var(--cy));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lqAgua 6s linear infinite}
@keyframes lqAgua{to{background-position:-200% 0}}
.lq-lead{font-size:19px;color:#c3dee6;max-width:600px;margin:24px 0 32px}
.lq-actions{display:flex;flex-wrap:wrap;gap:12px}
.lq-trust{list-style:none;padding:0;margin:36px 0 0;display:flex;gap:34px;flex-wrap:wrap}
.lq-trust li{color:#a9c7d1;font-size:14px}
.lq-trust b{display:block;font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:38px;color:#fff;line-height:1}

/* Teléfono del hero: seguimiento en vivo */
.lq-stage{position:relative;height:610px}
.lq-phone{position:absolute;left:50%;top:0;transform:translateX(-50%);width:300px;height:600px;border-radius:44px;padding:11px;background:linear-gradient(160deg,#2a3f47,#0b1b22);box-shadow:0 60px 120px -40px rgba(0,0,0,.85),inset 0 0 0 2px rgba(255,255,255,.08)}
.lq-phone::before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:90px;height:24px;border-radius:20px;background:#000;z-index:3}
.lq-scr{position:relative;height:100%;border-radius:34px;overflow:hidden;background:#f2f7f9;color:var(--ink)}
.lq-tr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:58px 18px 18px;color:#fff;text-align:center;background:radial-gradient(120% 70% at 50% 0%,#22d3ee,transparent 70%),linear-gradient(170deg,#0891b2,#083344);transition:background .8s}
.lq-tr[data-e="3"]{background:radial-gradient(120% 70% at 50% 0%,#4ade80,transparent 70%),linear-gradient(170deg,#16a34a,#14532d)}
.lq-plate{display:inline-flex;align-items:center;gap:7px;height:38px;padding-right:12px;border-radius:9px;overflow:hidden;background:#fff;color:#111;border:3px solid #111;font:800 19px/1 "Bricolage Grotesque",Inter,sans-serif;letter-spacing:.06em;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.lq-plate i{align-self:stretch;display:grid;place-items:center;padding:0 5px;background:#1e3a8a;color:#fff;font-style:normal;font-size:9px;letter-spacing:0}
.lq-tr>small{opacity:.85;font-size:12.5px}
.lq-car{position:relative;width:170px;height:96px;margin:12px 0 4px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.35))}
.lq-car svg{width:100%;height:100%}
.lq-tr[data-e="1"] .lq-car,.lq-tr[data-e="2"] .lq-car{animation:lqVaiven 2.4s ease-in-out infinite}
@keyframes lqVaiven{50%{transform:translateY(-4px) rotate(-1.5deg)}}
.lq-drops,.lq-spark{position:absolute;inset:0;opacity:0;transition:opacity .4s}
.lq-tr[data-e="1"] .lq-drops{opacity:1}.lq-tr[data-e="3"] .lq-spark{opacity:1}
.lq-drops i{position:absolute;top:-10px;width:7px;height:13px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:rgba(255,255,255,.9);animation:lqGota 1.1s linear infinite}
.lq-drops i:nth-child(1){left:10%}.lq-drops i:nth-child(2){left:30%;animation-delay:.4s}.lq-drops i:nth-child(3){left:52%;animation-delay:.75s}.lq-drops i:nth-child(4){left:70%;animation-delay:.2s}.lq-drops i:nth-child(5){left:88%;animation-delay:.6s}
@keyframes lqGota{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(110px);opacity:0}}
.lq-spark i{position:absolute;width:18px;height:18px;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:lqTit 1.6s ease-in-out infinite}
.lq-spark i:nth-child(1){top:0;right:14px}.lq-spark i:nth-child(2){bottom:18px;left:6px;animation-delay:.5s;width:12px;height:12px}.lq-spark i:nth-child(3){top:24px;left:40px;animation-delay:1s;width:10px;height:10px}
@keyframes lqTit{0%,100%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(90deg);opacity:1}}
.lq-tr__t{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:24px;line-height:1.1}
.lq-tr__clock{display:flex;flex-direction:column;padding:10px 18px;border-radius:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.lq-tr__clock b{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:28px;line-height:1.1}.lq-tr__clock small{font-size:12px;opacity:.85}
.lq-tr__steps{display:flex;gap:6px;margin-top:auto;width:100%;padding:12px 8px;border-radius:20px;background:#fff;color:var(--mut)}
.lq-tr__steps span{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10.5px;font-weight:700}
.lq-tr__steps i{width:26px;height:26px;border-radius:50%;background:#e2edf1;transition:background-color .4s}
.lq-tr__steps .ok{color:var(--ink)}.lq-tr__steps .ok i{background:var(--a)}
.lq-tr__steps .on{color:var(--a)}.lq-tr__steps .on i{background:var(--a);animation:lqPulso 1.6s infinite}
@keyframes lqPulso{0%{box-shadow:0 0 0 0 rgba(8,145,178,.55)}70%{box-shadow:0 0 0 10px rgba(8,145,178,0)}100%{box-shadow:0 0 0 0 rgba(8,145,178,0)}}
.lq-pop{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 26px 50px -24px #000;max-width:300px;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .5s,transform .6s cubic-bezier(.34,1.56,.64,1);z-index:2}
.lq-pop.on{opacity:1;transform:none}
.lq-pop>i{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--c)}
.lq-pop>i svg{width:22px;height:22px}
.lq-pop b{display:block;font-size:14px;line-height:1.3}.lq-pop small{color:var(--mut);font-size:12.5px;line-height:1.3;display:block}
.lq-pop--1{top:40px;left:-20px}.lq-pop--2{top:230px;right:-30px}.lq-pop--3{bottom:120px;left:-30px}.lq-pop--4{bottom:20px;right:-10px}
.lq-marq{position:relative;border-top:1px solid rgba(255,255,255,.1);padding:18px 0;overflow:hidden;background:rgba(4,22,29,.6)}
.lq-marq>div{display:flex;gap:46px;width:max-content;animation:lqMarq 46s linear infinite}
.lq-marq span{font-family:"Bricolage Grotesque",Inter,sans-serif;font-weight:700;font-size:19px;color:#cfe9f0;white-space:nowrap;display:flex;align-items:center;gap:46px}
.lq-marq span::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--cy)}
@keyframes lqMarq{to{transform:translateX(-50%)}}

/* Problema */
.lq-pains{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lq-pain{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:24px;background:var(--card);border:1px solid var(--line);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
.lq-pain:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(4,60,80,.45)}
.lq-pain__n{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:40px;line-height:1;color:var(--a)}
.lq-pain p{margin:0;color:var(--ink2);font-size:15px;flex:1}
.lq-fix{align-self:flex-start;padding:6px 12px;border-radius:999px;background:#dcfce7;color:#15803d;font-weight:700;font-size:12.5px}
.lq-checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.lq-checks li{position:relative;padding-left:32px;font-weight:600;color:#dff3f8}
.lq-checks--l li{color:var(--ink)}
.lq-checks li::before{content:"";position:absolute;left:0;top:3px;width:21px;height:21px;border-radius:50%;background:var(--a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12l4 4 8-8' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.lq-violet .lq-checks li::before{background-color:var(--vio)}

/* Tablero en vivo */
.lq-board{padding:22px;border-radius:28px;background:linear-gradient(160deg,#0b2a35,#061a21);border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 90px -40px #000}
.lq-board__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lq-board__h b{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:20px}
.lq-board__h span{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:999px;background:rgba(74,222,128,.14);color:#4ade80;font-size:12.5px;font-weight:700}.lq-board__h span i{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:lqLive 1.8s infinite}
.lq-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.lq-bx{position:relative;overflow:hidden;padding:12px 12px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(34,211,238,.25)}
.lq-bx small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7fb6c4}.lq-bx b{display:block;font-size:15px;letter-spacing:.04em}.lq-bx span{font-size:12px;color:#a9c7d1}
.lq-bx>i{position:absolute;left:0;bottom:0;height:5px;width:var(--p);background:linear-gradient(90deg,var(--sky),var(--cy));transition:width 1.4s cubic-bezier(.16,1,.3,1)}
.lq-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lq-colx{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;background:rgba(255,255,255,.04);min-height:150px}
.lq-colx small{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#a9c7d1}.lq-colx small em{padding:0 7px;border-radius:999px;background:rgba(255,255,255,.1)}
.lq-cc{display:flex;justify-content:space-between;gap:6px;padding:9px 10px;border-radius:12px;background:#fff;color:var(--ink);font-weight:800;font-size:12.5px;letter-spacing:.03em;border-left:4px solid #d97706;animation:lqUp .5s both}
.lq-cc i{font-style:normal;color:var(--mut);font-weight:700;letter-spacing:0}
.lq-cc--on{border-left-color:var(--a)}.lq-cc--ok{border-left-color:#16a34a}.lq-cc--ok i{color:#16a34a}
@keyframes lqUp{from{opacity:0;transform:translateY(12px)}}

/* Motor de clima */
.lq-rain{overflow:hidden}
.lq-rain__bg{position:absolute;inset:0;opacity:.35}.lq-rain__bg img{width:100%;height:100%;object-fit:cover}
.lq-rain::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,29,.96),rgba(4,22,29,.75));z-index:0}
.lq-rain .lq-w{position:relative;z-index:2}
.lq-rain__fx{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .8s;
  background-image:linear-gradient(transparent 0 70%,rgba(165,243,252,.5) 70% 100%);background-size:2px 46px;animation:lqLluvia .45s linear infinite;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%)}
.lq-rain__fx::after{content:"";position:absolute;inset:0;background-image:linear-gradient(transparent 0 75%,rgba(255,255,255,.35) 75% 100%);background-size:3px 70px;background-position:17px 0;animation:lqLluvia .6s linear infinite}
.lq-rain.llueve .lq-rain__fx{opacity:1}
.lq-rain.sol::after{content:"";position:absolute;right:-120px;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.45),rgba(245,158,11,0) 65%);z-index:1;animation:lqSol 1.2s ease-out both}
@keyframes lqLluvia{to{background-position:0 46px,17px 70px}}
@keyframes lqSol{from{opacity:0;transform:scale(.6)}}
.lq-wx{padding:24px;border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.lq-wx__days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.lq-wd{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 2px;border-radius:16px;background:rgba(255,255,255,.05);border:1.5px solid transparent;transition:all .35s}
.lq-wd small{font-size:12px;font-weight:700;color:#a9c7d1}.lq-wd b{font-size:15px}
.lq-wd.on{border-color:var(--cy);background:rgba(34,211,238,.14);transform:translateY(-4px)}
.lq-ic{position:relative;width:32px;height:32px}
.lq-ic--sol{border-radius:50%;background:radial-gradient(circle,#fde68a 0 38%,transparent 40%),conic-gradient(from 0deg,#f59e0b 0 6%,transparent 6% 12.5%,#f59e0b 12.5% 18.5%,transparent 18.5% 25%,#f59e0b 25% 31%,transparent 31% 37.5%,#f59e0b 37.5% 43.5%,transparent 43.5% 50%,#f59e0b 50% 56%,transparent 56% 62.5%,#f59e0b 62.5% 68.5%,transparent 68.5% 75%,#f59e0b 75% 81%,transparent 81% 87.5%,#f59e0b 87.5% 93.5%,transparent 93.5%);animation:lqGira 14s linear infinite}
@keyframes lqGira{to{transform:rotate(360deg)}}
.lq-ic--nube::before,.lq-ic--lluvia::before{content:"";position:absolute;left:2px;right:2px;top:6px;height:16px;border-radius:999px;background:#e2e8f0;box-shadow:6px -6px 0 2px #e2e8f0}
.lq-ic--nube::after{content:"";position:absolute;right:0;top:0;width:12px;height:12px;border-radius:50%;background:#fbbf24;z-index:-1}
.lq-ic--lluvia::before{background:#94a3b8;box-shadow:6px -6px 0 2px #94a3b8}
.lq-ic--lluvia::after{content:"";position:absolute;left:8px;top:24px;width:2px;height:7px;background:var(--sky);box-shadow:7px 2px 0 var(--sky),14px 0 0 var(--sky);animation:lqGotita .8s linear infinite}
@keyframes lqGotita{50%{transform:translateY(3px);opacity:.4}}
.lq-wx__feed{display:flex;flex-direction:column;gap:8px;min-height:230px;margin:16px 0}
.lq-wx__wait{margin:auto;text-align:center;color:#a9c7d1;font-size:15px}
.lq-ev{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:16px;background:#fff;color:var(--ink);animation:lqEv .55s cubic-bezier(.34,1.56,.64,1) both}
.lq-ev>i{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--c);color:#fff;font-style:normal;font-weight:800;font-size:15px}
.lq-ev b{display:block;font-size:14px;line-height:1.25}.lq-ev small{font-size:12.5px;color:var(--mut)}
@keyframes lqEv{from{opacity:0;transform:translateX(-20px) scale(.96)}}
.lq-wx__tot{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lq-wx__tot>div{padding:14px;border-radius:18px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.3)}
.lq-wx__tot small{display:block;color:#a9c7d1;font-size:12.5px}.lq-wx__tot b{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:30px;color:var(--sky)}

/* Antes y después */
.lq-ba{position:relative;aspect-ratio:4/3;border-radius:30px;overflow:hidden;background:#0b1b22;box-shadow:0 50px 90px -40px rgba(4,40,52,.7);user-select:none;touch-action:pan-y}
.lq-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lq-ba__a{filter:grayscale(.55) sepia(.55) brightness(.62) contrast(.85) saturate(.8)}
.lq-ba__dust{position:absolute;inset:0;pointer-events:none;clip-path:inset(0 calc(100% - var(--x)) 0 0);mix-blend-mode:multiply;opacity:.75;
  background:radial-gradient(60px 40px at 20% 70%,rgba(120,90,50,.7),transparent),radial-gradient(90px 50px at 35% 82%,rgba(110,80,45,.65),transparent),radial-gradient(70px 30px at 12% 40%,rgba(130,100,60,.5),transparent),radial-gradient(120px 60px at 45% 60%,rgba(140,110,70,.45),transparent),radial-gradient(40px 20px at 28% 30%,rgba(120,90,50,.5),transparent),repeating-radial-gradient(circle at 30% 50%,rgba(90,70,40,.12) 0 2px,transparent 2px 7px)}
.lq-ba__d{clip-path:inset(0 0 0 var(--x));filter:saturate(1.15) contrast(1.05)}
.lq-ba__h{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.5);pointer-events:none}
.lq-ba__h::after{content:"";position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6' fill='none' stroke='%2306222c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.lq-ba__l,.lq-ba__r{position:absolute;top:18px;padding:6px 14px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-weight:700;font-size:13px;pointer-events:none}.lq-ba__l{left:18px}.lq-ba__r{right:18px;background:rgba(8,145,178,.85)}
.lq-ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.lq-stamp{position:absolute;left:18px;bottom:18px;padding:5px 10px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;font:600 12px ui-monospace,Menlo,monospace;pointer-events:none}

/* Calculadora de abonos */
.lq-calc{display:flex;flex-direction:column;gap:18px;padding:30px;border-radius:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lq-calc label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:600;color:#e2d9f6}
.lq-calc output{font-family:"Bricolage Grotesque",Inter,sans-serif;font-weight:800;font-size:20px;color:#fff}
.lq input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--pink),var(--vio) var(--v,50%),rgba(255,255,255,.15) var(--v,50%));outline:0}
.lq input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:6px solid var(--vio);cursor:grab;box-shadow:0 6px 16px -4px rgba(0,0,0,.5)}
.lq input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:6px solid var(--vio);cursor:grab}
.lq-calc__r{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.lq-calc__r>div{padding:18px;border-radius:20px;background:rgba(255,255,255,.06)}
.lq-calc__r small{display:block;color:#cbbfe6;font-size:13px}
.lq-calc__r b{display:block;font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:clamp(28px,3vw,38px);line-height:1.1;margin:4px 0}
.lq-calc__r span{color:#cbbfe6;font-size:13px}
.lq-calc__r .hi{background:linear-gradient(135deg,rgba(219,39,119,.22),rgba(124,58,237,.2));border:1px solid rgba(192,132,252,.45)}
.lq-calc__r .hi b{color:#f5d0fe}
.lq-calc__n{margin:0;color:#cbbfe6;font-size:14px}
.lq-stack{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:5px;height:90px}
.lq-stack i{display:block;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#f0abfc,var(--vio));height:var(--h);transform-origin:bottom;animation:lqCol .9s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d)}
.lq-stack i.base{background:rgba(255,255,255,.18)}
@keyframes lqCol{from{transform:scaleY(0)}}

/* Recorrido */
.lq-flow{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:60px;align-items:center}
.lq-steps{display:flex;flex-direction:column;gap:10px}
.lq-steps button{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:20px;border:1px solid var(--line);background:var(--card);text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .3s,transform .3s}
.lq-steps button em{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--bg2);font-weight:800;font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:18px;transition:background-color .3s,color .3s}
.lq-steps button b{display:block;font-size:17px}
.lq-steps button small{color:var(--mut);font-size:14.5px;line-height:1.4;display:block}
.lq-steps button>i{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--cy),var(--a))}
.lq-steps button.on{border-color:var(--a);transform:translateX(6px)}
.lq-steps button.on em{background:var(--a);color:#fff}
.lq-steps button.on>i{animation:lqProg 3.8s linear forwards}
@keyframes lqProg{to{width:100%}}
.lq-phone--sm{position:relative;left:auto;top:auto;transform:none;width:300px;height:560px;margin:0 auto}
.lq-s{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;padding:56px 16px 18px;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .45s,transform .55s cubic-bezier(.16,1,.3,1);pointer-events:none}
.lq-s.on{opacity:1;transform:none}
.lq-s__t{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:20px}.lq-ok{color:#16a34a}
.lq-s__tams{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lq-s__tams span{padding:10px 4px;border-radius:12px;border:2px solid var(--line);background:#fff;text-align:center;font-size:12.5px;font-weight:700}.lq-s__tams .on{border-color:var(--a);color:var(--a)}
.lq-s__row{display:flex;justify-content:space-between;padding:12px;border-radius:14px;border:2px solid var(--line);background:#fff;font-size:14px;font-weight:600}.lq-s__row.on{border-color:var(--a);background:#ecfeff}.lq-s__row em{font-weight:800}
.lq-s__slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lq-s__slots span{padding:9px 0;border-radius:11px;border:2px solid var(--line);background:#fff;text-align:center;font-weight:700;font-size:13px}.lq-s__slots .on{background:var(--a);border-color:var(--a);color:#fff}
.lq-s__btn{margin-top:auto;padding:14px;border-radius:999px;background:var(--a);color:#fff;text-align:center;font-weight:700;font-size:14.5px}.lq-s__btn--mp{background:#009ee3;margin-top:4px}
.lq-s__fotos{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lq-s__fotos i{aspect-ratio:4/3;border-radius:12px;background:linear-gradient(140deg,#cbd5e1,#94a3b8);position:relative}
.lq-s__fotos i::after{content:"09/10 10:01";position:absolute;right:5px;bottom:5px;padding:1px 4px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;font:600 8.5px ui-monospace,monospace}
.lq-s__chip{align-self:flex-start;padding:6px 12px;border-radius:999px;background:#fef3c7;color:#a16207;font-size:12.5px;font-weight:700}
.lq-s__ok{padding:12px;border-radius:14px;background:#dcfce7;color:#15803d;font-weight:700;font-size:13.5px;text-align:center}
.lq-s__big{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:56px;font-weight:800;text-align:center;color:var(--a);line-height:1;margin-top:30px}.lq-s__m{text-align:center;color:var(--mut)}
.lq-s__bar{height:10px;border-radius:999px;background:#e2edf1;overflow:hidden;margin-top:16px}.lq-s__bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--cy),var(--a))}
.lq-s.on .lq-s__bar i{animation:lqBar 3.4s ease-out forwards}@keyframes lqBar{to{width:62%}}
.lq-s__steps{display:flex;gap:6px;margin-top:auto}.lq-s__steps span{flex:1;height:6px;border-radius:6px;background:#e2edf1}.lq-s__steps .ok,.lq-s__steps .on{background:var(--a)}
.lq-s__photo{aspect-ratio:4/3;border-radius:16px;background-size:cover;background-position:center;box-shadow:0 14px 30px -16px rgba(0,0,0,.5)}
.lq-s__stars{text-align:center;font-size:30px;color:#f59e0b;letter-spacing:4px}
.lq-s__msg{align-self:flex-start;max-width:92%;padding:11px 13px;border-radius:4px 16px 16px 16px;background:#fff;font-size:13.5px;line-height:1.45;box-shadow:0 6px 16px -10px rgba(0,0,0,.3)}
.lq-s[data-s=vuelve]{background:#e7ddd3}.lq-s__msg--b{border-left:4px solid #2563eb}
.lq-s.on .lq-s__msg{animation:lqUp .5s both}.lq-s.on .lq-s__msg--b{animation-delay:.8s}

/* Piloto automático (bento) */
.lq-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lq-b{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:24px;background:var(--card);border:1px solid var(--line);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
.lq-b::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 200px at var(--mx,50%) var(--my,0%),rgba(34,211,238,.14),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}
.lq-b:hover{transform:translateY(-5px);box-shadow:0 30px 50px -30px rgba(4,60,80,.45)}.lq-b:hover::before{opacity:1}
.lq-b--w{grid-column:span 2}.lq-b--t{grid-row:span 2;background:linear-gradient(160deg,#f5f3ff,#fff)}
.lq-b p{margin:0;color:var(--ink2);font-size:15px}
.lq-bi{width:44px;height:44px;border-radius:14px;background:var(--c);position:relative;margin-bottom:6px;box-shadow:0 12px 24px -12px var(--c)}
.lq-bi{display:grid;place-items:center}.lq-bi svg{width:22px;height:22px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.lq-b:hover .lq-bi svg{transform:scale(1.15) rotate(-6deg)}
.lq-tag{align-self:flex-start;margin-top:auto;padding:6px 12px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:700;font-size:12.5px}

/* Detailing */
.lq-gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px}
.lq-g{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#0b2a35}
.lq-g--a{grid-column:span 2;grid-row:span 2}.lq-g--b{grid-column:span 2}
.lq-g img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.lq-g:hover img{transform:scale(1.06)}
.lq-g figcaption{position:absolute;left:14px;bottom:14px;right:14px;padding:10px 14px;border-radius:14px;background:rgba(4,22,29,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:600;font-size:14px}

/* Planes */
.lq-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.lq-plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:30px;border-radius:28px;background:var(--card);border:1px solid var(--line)}
.lq-plan b{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:24px}.lq-plan small{color:var(--mut)}
.lq-pr{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:46px;font-weight:800;margin:10px 0}.lq-pr span{font-size:16px;color:var(--mut);font-weight:600}
.lq-plan ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:9px;flex:1}
.lq-plan li{position:relative;padding-left:26px;font-size:15px}.lq-plan li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:8px;border-left:2.5px solid var(--a);border-bottom:2.5px solid var(--a);transform:rotate(-45deg)}
.lq-plan--top{background:linear-gradient(170deg,#ecfeff,#fff 60%);border:2px solid var(--a);transform:scale(1.03);box-shadow:0 40px 70px -40px rgba(8,145,178,.6)}
.lq-plan--top em{position:absolute;top:-14px;left:30px;padding:5px 14px;border-radius:999px;background:linear-gradient(90deg,var(--a2),var(--a));color:#fff;font-weight:700;font-size:13px}

/* FAQ */
.lq-faqw{max-width:860px}
.lq-faq{display:flex;flex-direction:column;gap:10px}
.lq-faq details{border-radius:20px;background:var(--card);border:1px solid var(--line);padding:4px 22px}
.lq-faq summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;font-weight:700;font-size:17px;cursor:pointer;list-style:none}
.lq-faq summary::-webkit-details-marker{display:none}
.lq-faq summary i{width:28px;height:28px;flex:none;border-radius:50%;background:var(--bg2);position:relative;transition:transform .3s,background-color .3s}
.lq-faq summary i::before,.lq-faq summary i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:var(--ink);border-radius:2px}
.lq-faq summary i::after{transform:rotate(90deg);transition:transform .3s}
.lq-faq details[open] summary i{background:var(--a)}.lq-faq details[open] summary i::before{background:#fff}.lq-faq details[open] summary i::after{transform:rotate(0);background:#fff}
.lq-faq p{margin:0 0 18px;color:var(--ink2)}

/* Final */
.lq-final{position:relative;overflow:hidden;padding:150px 0;color:#fff;text-align:center;background:var(--deep)}
.lq-final .lq-hero__veil{background:radial-gradient(70% 70% at 50% 50%,rgba(4,22,29,.55),rgba(4,22,29,.92))}
.lq-final .lq-w{position:relative}
.lq-final h2{font-size:clamp(40px,5.6vw,76px)}.lq-final h2 em{color:var(--sky)}
.lq-final p{max-width:620px;margin:22px auto 32px;color:#c3dee6;font-size:19px}
.lq-final .lq-actions{justify-content:center}
.lq-foot{padding:30px 0;background:var(--deep);color:#7fb6c4;font-size:14px;border-top:1px solid rgba(255,255,255,.08)}
.lq-foot .lq-w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.lq-foot b{color:#fff}.lq-foot nav{display:flex;gap:20px}.lq .lq-foot a{color:#cfe9f0}
.lq .lq-sticky{position:fixed;left:50%;bottom:18px;z-index:40;transform:translate(-50%,140%);padding:15px 30px;border-radius:999px;background:linear-gradient(135deg,var(--a2),var(--a));color:#fff;font-weight:700;box-shadow:0 20px 40px -14px rgba(6,182,212,.8);transition:transform .45s cubic-bezier(.34,1.56,.64,1);display:none}
.lq .lq-wa-btn{position:fixed;right:18px;bottom:18px;z-index:41;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#16a34a;color:#fff;box-shadow:0 16px 30px -10px rgba(22,163,74,.7)}
.lq-wa-btn svg{width:30px}

/* Aparición */
.lq-js [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.lq-js [data-rv].in{opacity:1;transform:none}

@media (max-width:1080px){
  .lq-links,.lq-in{display:none}.lq-cta{margin-left:auto}
  .lq-hero__in,.lq-split,.lq-flow{grid-template-columns:minmax(0,1fr)}
  .lq-split--rev>:first-child{order:0}
  .lq-pains,.lq-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lq-b--t{grid-row:auto}
  .lq-stage{height:640px}.lq-pop--1{left:0}.lq-pop--2{right:0}.lq-pop--3{left:0}.lq-pop--4{right:0}
  .lq-gal{grid-template-columns:repeat(2,1fr)}
  .lq-plans{grid-template-columns:minmax(0,1fr)}.lq-plan--top{transform:none}
}
@media (max-width:720px){
  .lq{font-size:16px}.lq-sec{padding:80px 0}.lq-w{width:calc(100% - 32px)}
  .lq-hero{padding-top:100px}.lq-lead{font-size:17px}
  .lq-pains,.lq-bento{grid-template-columns:minmax(0,1fr)}.lq-b--w{grid-column:auto}
  .lq-stage{height:auto;padding-bottom:20px}.lq-phone:not(.lq-phone--sm){position:relative;left:auto;transform:none;margin:0 auto}
  .lq-pop{position:relative;inset:auto;margin:10px auto 0;max-width:none}.lq-pop:not(.on){display:none}
  .lq-actions .lq-btn{width:100%}.lq-trust{gap:22px}
  .lq-calc{padding:20px}.lq-calc__r,.lq-wx__tot{grid-template-columns:minmax(0,1fr)}
  .lq-wx{padding:16px}.lq-wx__days{gap:4px}.lq-wd{padding:9px 0}.lq-ic{width:24px;height:24px}
  .lq-boxes,.lq-cols{gap:6px}.lq-bx{padding:9px}.lq-bx b{font-size:12.5px}.lq-cc{font-size:11px;padding:7px}.lq-cc i{display:none}
  .lq-gal{grid-template-columns:minmax(0,1fr);grid-auto-rows:240px}.lq-g--a,.lq-g--b{grid-column:auto;grid-row:auto}
  .lq .lq-sticky{display:block}.lq .lq-sticky.on{transform:translate(-50%,0)}.lq .lq-wa-btn{bottom:84px}
  .lq-steps button{padding:14px}.lq-steps button small{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.lq *{animation:none!important;transition:none!important}.lq-js [data-rv]{opacity:1;transform:none}.lq-bubbles{display:none}}
.lq-stack span{display:flex;flex-direction:column-reverse;height:100%;gap:2px}