/* ===== Cristal líquido sobre vídeo (se carga el último en cada página) ===== */
html.lq{color-scheme:light;background:#dfe6f2}
html.lq body{background:transparent!important;color:#1b1b2b}
.lq-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#dfe6f2}
.lq-bg video{width:100%;height:100%;object-fit:cover;display:block}
.lq-bg.still video{display:none}
.lq-scrim{position:absolute;inset:0;background:rgba(255,255,255,.06)}
/* variables */
html.lq,html.lq :root{
  --bg:transparent;--ink:#1b1b2b;--muted:#43485c;--line:rgba(255,255,255,.6);
  --card:rgba(255,255,255,.09);--soft:rgba(255,255,255,.12);--accent:#f6a09e;
  --shadow:0 18px 50px rgba(0,0,0,.35);
  --s900:#1b1b2b;--s800:#262a3d;--s600:#43485c;--s500:#555b70;--s400:#6b7188
}
html.lq :where(h1,h2,h3,h4,p,li,label,summary,td,th,small,span,b,strong,a){color:inherit}
html.lq :where(p,li,small){color:var(--muted)}
html.lq h1,html.lq h2,html.lq h3{color:#14142a}
/* aurora antigua fuera */
html.lq .bg,html.lq body:before,html.lq body:after,html.lq .overlay:before{display:none!important}

/* ===== el cristal ===== */
html.lq :is(header,.card,.pane,.side-in,.spc,.vcard,.fc,.fc.a,.fc.b,.fc.c,.bubble,.step-card,.plan,details,.cta,.cfg-c,.cfg-p,.auth,.pill,.sheet .pn,.bar,.dock,.chat .b,.msg,.sty,.opt,.tab,.note,.in-t,.chip,.seg,.flt button,.summary span,.trust span,footer .in,table,.res .cmp,.photo,.empty-sel,.vidpop .vp){
  background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.16))!important;
  backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);
  border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:0 14px 40px rgba(40,50,90,.16),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.08),inset 0 0 22px rgba(255,255,255,.06)!important;
  color:#1b1b2b;
}
html.lq header{border-radius:0;border-width:0 0 1px 0!important}
html.lq .bar,html.lq .dock{border-radius:0;border-width:1px 0 0 0!important}
/* destello de luz que recorre el borde superior */
html.lq :is(.card,.pane,.plan,.fc,.vcard,.cta){position:relative}
html.lq :is(.card,.pane,.plan,.fc,.vcard,.cta):after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 10% -10%,rgba(255,255,255,.22),transparent 55%)}
/* refracción solo en Chromium de escritorio */
@supports (backdrop-filter:url(#x)) and (not (-webkit-touch-callout:none)){
  @media(min-width:900px){html.lq :is(.card,.pane,.plan,.cta){backdrop-filter:url(#lq-refract) blur(20px) saturate(1.7);}}
}
/* estados */
html.lq :is(.opt,.sty,.tab,.chip,.flt button):hover{background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,.3))!important}
html.lq :is(.opt.on,.sty.on,.tab.on,.flt button.on){border-color:#f28482!important;background:linear-gradient(135deg,rgba(242,132,130,.35),rgba(181,103,194,.22))!important;color:#1b1b2b}
html.lq .seg button{color:#1b1b2b}
html.lq .seg button.on{background:var(--grad);color:#fff}
/* botones */
html.lq .btn{background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,.28))!important;border:1px solid rgba(255,255,255,.8)!important;color:#1b1b2b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important}
html.lq .btn.primary,html.lq .btn.p,html.lq .btn.pri{background:var(--grad)!important;border:0!important;color:#fff;box-shadow:0 10px 28px rgba(242,132,130,.45),inset 0 1px 0 rgba(255,255,255,.5)!important}
/* campos */
html.lq :is(input,textarea,select,.in-t,.note,#in){background:rgba(255,255,255,.5)!important;color:#1b1b2b!important;border:1px solid rgba(255,255,255,.8)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html.lq ::placeholder{color:rgba(27,27,43,.5)}
html.lq :is(input,textarea,select):focus{outline:0;border-color:#f28482!important;box-shadow:0 0 0 4px rgba(242,132,130,.25)!important}
/* chat de probar */
html.lq .me .b{background:var(--grad2,var(--grad))!important;color:#fff}
/* superposiciones */
html.lq .overlay{background:rgba(255,255,255,.35)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html.lq .sheet{background:rgba(255,255,255,.3)}
html.lq .toast{background:rgba(27,27,43,.85);color:#fff}
html.lq a{color:#b8325a}
html.lq header a{color:#1b1b2b}
html.lq footer,html.lq footer a{color:#43485c}
html.lq table :is(th,td){border-color:rgba(27,27,43,.12)!important}
@media(prefers-reduced-motion:reduce){.lq-bg video{display:none}}
html.lq #mbck{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07))!important;color:#1b1b2b!important;border:1px solid rgba(255,255,255,.8)!important;backdrop-filter:blur(22px) saturate(1.7);-webkit-backdrop-filter:blur(22px) saturate(1.7);box-shadow:0 14px 40px rgba(40,50,90,.18),inset 0 1px 0 rgba(255,255,255,.9)!important}
html.lq #mbck a{color:#b8325a!important}
html.lq #mbck button:not(:last-child){background:rgba(255,255,255,.6)!important;color:#1b1b2b!important;border:1px solid rgba(255,255,255,.8)!important}
html.lq .stp button{color:#43485c}
html.lq .stp button.cur span{color:#1b1b2b}
html.lq .stp b{background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.9);color:#1b1b2b}
html.lq .stp button.done b{background:#1b1b2b;color:#fff}
html.lq .stp button.cur b{background:var(--grad);color:#fff}
html.lq .stp .ln{background:rgba(27,27,43,.15)}
html.lq header .name{background:none!important;-webkit-text-fill-color:#14142a;color:#14142a!important;animation:none}
html.lq header small,html.lq header .sub{color:#43485c}

/* ===== Precios: pantalla completa y tres cajas tipo móvil, medio transparentes ===== */
html.lq #planes{position:relative;padding:90px 0 100px;background:url(/img/phone-bg.webp) center 40%/cover;color:#fff;isolation:isolate}
html.lq #planes:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#dfe6f2 0,rgba(223,230,242,0) 12%,rgba(223,230,242,0) 88%,#dfe6f2 100%),rgba(20,40,55,.18)}
html.lq #planes :is(h2,.sub,.note){color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.35)}
html.lq #planes .eyebrow{background:none;-webkit-text-fill-color:#fff;color:#fff;opacity:.85}
html.lq #planes .plans{align-items:start;gap:28px}
html.lq #planes .plan{min-height:520px;padding:30px 26px 28px;border-radius:48px;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 40%,rgba(10,25,35,.28))!important;
  backdrop-filter:blur(14px) saturate(1.4)!important;-webkit-backdrop-filter:blur(14px) saturate(1.4)!important;
  border:3px solid rgba(255,255,255,.38)!important;outline:0!important;
  box-shadow:0 30px 70px rgba(0,0,0,.35),inset 0 1px 1px rgba(255,255,255,.4),inset 0 0 40px rgba(255,255,255,.05)!important}
html.lq #planes .plan:after{display:none}
html.lq #planes .plan.f:before{display:none}
html.lq #planes .plan.f{min-height:580px;margin-top:-30px;border-color:rgba(255,255,255,.6)!important;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.08) 40%,rgba(10,25,35,.3))!important}
html.lq #planes .plan:nth-child(3){margin-top:30px}
html.lq #planes .plan .pn{font-size:30px;font-weight:400;letter-spacing:-.03em;color:#fff}
html.lq #planes .plan .pr{color:#fff;font-size:44px;font-weight:400;letter-spacing:-.03em}
html.lq #planes .plan .pr small{color:rgba(255,255,255,.6);font-size:13px}
html.lq #planes .plan .pd{color:rgba(255,255,255,.72)}
html.lq #planes .plan li{color:rgba(255,255,255,.88)}
html.lq #planes .plan li:before{background-color:rgba(255,255,255,.2)!important}
html.lq #planes .plan .lab{background:rgba(255,255,255,.9);color:#1b1b2b;-webkit-text-fill-color:#1b1b2b}
html.lq #planes .plan .btn,html.lq #planes .plan .btn.p{background:#fff!important;color:#111!important;border:0!important;box-shadow:none!important;animation:none}
html.lq #planes .plan .btn:before{display:none}
@media(max-width:860px){html.lq #planes .plan,html.lq #planes .plan.f,html.lq #planes .plan:nth-child(3){margin-top:0;min-height:0}}

/* caja del vídeo de la home */
html.lq .vid{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.14))!important;backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);border:1px solid rgba(255,255,255,.75);box-shadow:0 20px 60px rgba(40,50,90,.22),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 40px rgba(255,255,255,.12)!important;padding:10px}
html.lq .vid video{border-radius:16px}
html.lq .vid #hph{background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.08))!important;border:1px solid rgba(255,255,255,.6);border-radius:16px;color:#1b1b2b!important;position:relative;inset:auto;width:100%;height:100%;min-height:0}
html.lq .vid #hph div{color:#1b1b2b}
html.lq .lq-scrim{background:rgba(255,255,255,.38)!important}

/* titular de la home en blanco */
html.lq .lq-scrim{background:rgba(20,25,40,.18)!important}
html.lq .hero h1,html.lq .hero h1 *{color:#fff!important;text-shadow:0 2px 24px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.35)}
html.lq .hero>p,html.lq .hero .sub,html.lq .hero h1+p{color:#fff!important;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.logo .lgi{width:30px;height:30px;border-radius:22%;display:block;box-shadow:0 2px 8px rgba(181,103,194,.35)}

/* miniaturas de estilos: sin desenfoque anidado para que la foto siempre se pinte */
html.lq .sty{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(255,255,255,.72)!important}
html.lq .sty-im{background:#e9e4ee!important;isolation:isolate}
html.lq .sty-im img{position:relative;z-index:1;opacity:1!important;filter:none!important}