/* ============================================================
   01. Hero / Base
   ============================================================ */
.hero{position:relative;overflow:visible;padding:var(--hero-y-top) 0 var(--hero-y-bottom);background:none;}
.hero-stage{position:relative;padding:16px 0 72px;background:transparent;}
.hero__grid{align-items:center;display:flex;flex-direction:column;gap:34px;position:relative;text-align:center;}
.hero h1{max-width:26ch;font-size:clamp(36px,4vw,56px);font-weight:var(--fw-700);letter-spacing:-.05em;line-height:var(--lh-tight);margin:0 0 14px;}
.hero p{color:var(--muted);font-size:var(--text-lead);font-weight:var(--fw-400);line-height:var(--lh-body);margin:0 auto 22px;text-align:center;text-wrap:balance;width:min(100%,62ch);}
.mock{margin-inline:auto;width:min(980px,100%);}
.grad{-webkit-background-clip:text;background:linear-gradient(92deg,var(--brand) 0%,color-mix(in oklch,var(--brand) 72%,var(--brand-2)) 34%,color-mix(in oklch,var(--brand) 38%,var(--brand-2)) 62%,var(--brand-2) 100%);background-clip:text;color:transparent;}
.btn--lg{font-size:var(--fs-14);height:46px;padding:0 18px;}
@media (min-width:768px){.hero-stage{padding:24px 0 88px;}}
@media (min-width:1024px){.hero-stage{padding:28px 0 104px;}}

/* ============================================================
   02. Hero / Glass
   ============================================================ */
.hero--glass{position:relative;padding:60px 0 44px;overflow:hidden;min-height:690px;display:flex;align-items:center;}
.hero__grid--glass{display:grid;grid-template-columns:1fr;gap:clamp(32px,5vw,64px);align-items:center;text-align:left;}
.hero__content{text-align:left;}
.badge{align-items:center;background:color-mix(in oklch,var(--surface,#fff) 92%,var(--brand,#0d99ff) 8%);border:1px solid color-mix(in oklch,var(--brand,#0d99ff) 22%,transparent);border-radius:999px;color:var(--brand,#0d99ff);display:inline-flex;font-size:var(--text-badge);font-weight:var(--fw-700);gap:8px;letter-spacing:.01em;margin:0 0 18px;padding:4px 10px;width:fit-content;}
.badge__icon{color:currentColor;display:inline-grid;flex:0 0 auto;height:18px;place-items:center;width:18px;}
.badge__icon svg{width:18px;height:18px;stroke-width:2.2;}
.hero__title{margin:18px 0 0;font-size:clamp(40px,5vw,72px);font-weight:700;letter-spacing:-0.02em;line-height:1.06;color:var(--ink);}
.hero__titleEm{color:var(--brand);}
p.hero__lead{width:min(100%,62ch);max-width:none;margin:0 0 22px;color:var(--muted);font-size:var(--text-lead);font-weight:var(--fw-400);line-height:var(--lh-body);text-align:left;text-wrap:balance;}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;margin-top:28px;}
.hero__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:18px;margin-top:34px;opacity:.72;filter:grayscale(.35);transition:filter .25s ease,opacity .25s ease;}
.hero__trust:hover{filter:grayscale(0);opacity:.9;}
.hero__stat{display:flex;flex-direction:column;gap:2px;}
.hero__statV{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:var(--ink);}
.hero__statIco{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:color-mix(in oklab,var(--brand) 78%,var(--ink) 22%);flex:0 0 auto;}
.hero__statIco svg{width:18px;height:18px;stroke-width:2.1;}
.hero__statK{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:color-mix(in oklab,var(--muted) 90%,var(--ink) 10%);}
.hero__sep{display:none;inline-size:1px;block-size:40px;background:color-mix(in oklab,var(--separator,#e6eaf2) 70%,transparent);}
.hero__visual{display:flex;align-items:center;justify-content:center;}
.hero__mockWrap{position:relative;width:min(560px,100%);aspect-ratio:4/3;}
@media (min-width:640px){.hero__sep{display:block;}}
@media (min-width:1024px){.hero__grid--glass{grid-template-columns:1.05fr .95fr;}}

/* ============================================================
   03. Hero / Video Stack
   ============================================================ */
.hero-stack--video{
  position:relative;
  overflow:hidden;
  min-height:clamp(640px, 80vh, 780px);
  background:#061420 url('/__assets/06173a4dff4116760f8c9f1a5589904402b59abc2bc85d0ca819b50f6ff02acd/img/hero-thumb-20260818-55cad39d08e7.jpg') no-repeat center center;
  background-size:cover;
}
.hero-stack--video .hero__videoBg{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:1;
  filter:saturate(1.08) contrast(1.08);
}
.hero-stack--video .hero__videoOverlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(6,20,32,.72) 0%,
      rgba(6,20,32,.58) 28%,
      rgba(6,20,32,.32) 55%,
      rgba(6,20,32,.10) 75%,
      rgba(6,20,32,0)   100%);
}
@media (max-width: 768px){
  /* En portrait el texto ocupa todo el ancho: gradiente vertical para
     mantener contraste arriba donde va el título. */
  .hero-stack--video .hero__videoOverlay{
    background:
      linear-gradient(180deg,
        rgba(6,20,32,.65) 0%,
        rgba(6,20,32,.50) 60%,
        rgba(6,20,32,.32) 100%);
  }
}
/* Red de seguridad: text-shadow muy sutil garantiza legibilidad
   incluso en frames del video con highlights blancos. */
.hero-stack--video .hero__title,
.hero-stack--video .hero__lead{
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.hero-stack--video .hero{
  position:relative;
  z-index:10; /* Elevamos el nivel de seguridad */
  min-height:clamp(640px, 80vh, 780px);
  background:none;
  overflow:visible !important; /* Evitamos recortes del texto */
}
/* Mobile: contenido centrado vertical para que el video respire arriba
   y abajo en igual proporción. Reemplaza el padding fijo por flex
   centering — más balanceado y cinematográfico. Solo en mobile porque
   en desktop el grid de 2 columnas tiene su propia composición. */
@media (max-width: 768px){
  .hero-stack--video .hero{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-block:32px;
  }
}
.hero-stack--video .hero__grid--glass{grid-template-columns:1fr;max-width:760px;}
.hero-stack--video .hero__content{max-width:760px;}
.hero-stack--video .hero__title{max-width:none;color:#fff;}
.hero-stack--video .hero__titleEm{color:#fff;}
.hero-stack--video .hero__lead{color:#fff;opacity:.92;}
.hero-stack--video .hero__lead strong{color:#fff;}
.hero-stack--video .hero__statV{color:#fff;}
.hero-stack--video .hero__statK{color:#fff;opacity:.78;}
.hero-stack--video .hero__statIco{color:#fff;}
.hero-stack--video .hero__sep{background:rgba(255,255,255,.28);}
.hero-stack--video .hero__trust{opacity:.9;filter:none;}

/* ============================================================
   04. Hero / Plan Mock Preview
   ============================================================ */
.qv-planMockPreview{position:relative;min-width:0;overflow:visible;display:flex;align-items:center;justify-content:center;}
.qv-planMockPreview .hero__visual{width:100%;overflow:visible;}
.qv-planMockPreview .hero__mockWrap{width:min(560px,100%);aspect-ratio:auto;overflow:visible;}

/* ============================================================
   05. Hero / CTA Glass Button
   ============================================================ */
.hero__cta--glass{justify-content:flex-start;}
.hero__cta--glass>.btn--primary{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;box-shadow:0 10px 30px rgba(15,111,232,.18),0 2px 8px rgba(15,111,232,.12);transition:transform .25s ease,box-shadow .25s ease;-webkit-font-smoothing:antialiased;backface-visibility:hidden;transform:translateZ(0);}
.hero__cta--glass>.btn--primary>span{position:relative;z-index:2;display:block;backface-visibility:hidden;transform:translateZ(0);}
.hero__cta--glass>.btn--primary::before{content:"";position:absolute;inset:-2px;z-index:0;border-radius:inherit;background:radial-gradient(60% 60% at 50% 50%,rgba(15,111,232,.35),transparent 70%);opacity:0;transition:opacity .4s ease;}
.hero__cta--glass>.btn--primary::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.22) 45%,transparent 70%);transform:translate3d(-120%,0,0);transition:transform .9s cubic-bezier(.2,.6,.2,1);pointer-events:none;}
.hero__cta--glass>.btn--primary:hover{transform:translate3d(0,-1px,0);box-shadow:0 18px 40px rgba(15,111,232,.28),0 6px 18px rgba(15,111,232,.18);}
.hero__cta--glass>.btn--primary:hover::before{opacity:1;}
.hero__cta--glass>.btn--primary:hover::after{transform:translate3d(120%,0,0);}
.hero__cta--glass>.btn--primary:active{transform:translate3d(0,0,0);box-shadow:0 8px 18px rgba(15,111,232,.18);}
p.hero__method{display:flex;align-items:center;gap:8px;width:auto;max-width:none;margin:20px 0 0;color:rgba(255,255,255,.72);font-size:12px;font-weight:var(--fw-400);line-height:1.45;text-align:left;text-wrap:pretty;}
.hero__method i,.hero__method svg{width:15px;height:15px;color:#81c8ff;flex:0 0 auto;stroke-width:2;}
.hero__methodology{background:rgba(9,18,31,.16);border-color:rgba(255,255,255,.52);box-shadow:none;color:#fff;}
.hero__methodology:hover{background:rgba(9,18,31,.3);border-color:rgba(255,255,255,.72);box-shadow:none;transform:translateY(-1px);}

/* ============================================================
   06. Hero / Motion Animations
   ============================================================ */
.hero__mockMotion{position:relative;transform-origin:50% 65%;will-change:transform,filter,opacity;animation:qvMockEnter .9s cubic-bezier(.2,.9,.2,1) both,qvMockFloat 6.5s ease-in-out 1s infinite;}
@keyframes qvMockEnter{from{transform:translateY(18px) scale(.985);filter:blur(4px);opacity:0;}to{transform:translateY(0) scale(1);filter:blur(0);opacity:1;}}
@keyframes qvMockFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes qvCtaPulse{0%,100%{filter:brightness(1);}50%{filter:brightness(1.08);}}
@media (prefers-reduced-motion:reduce){.hero__mockMotion{animation:none;}}

/* ============================================================
   07. Glass / Shared Base
   ============================================================ */
.glassCard,.glassFloat{background:rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.45);box-shadow:0 24px 60px rgba(15,23,42,.16);}
.glassCard--main{border-radius:24px;overflow:hidden;transform:rotate(0deg);transition:transform .7s ease;}
.glassCard--main:hover{transform:rotate(0deg);}

/* ============================================================
   08. Glass / Toolbar
   ============================================================ */
.glassCard__bar{height:40px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.38);}
.glassDots{display:flex;gap:8px;}
.glassDot{inline-size:12px;block-size:12px;border-radius:9999px;}
.glassDot--r{background:rgba(248,113,113,.6);}
.glassDot--y{background:rgba(250,204,21,.55);}
.glassDot--g{background:rgba(34,197,94,.55);}
.glassCard__addr{flex:1;height:20px;border-radius:8px;background:rgba(255,255,255,.5);}

/* ============================================================
   09. Glass / Main Body & Chart
   ============================================================ */
.glassCard__body{padding:22px;}
.glassGrid{display:grid;grid-template-columns:1fr 2fr;gap:16px;}
.glassTop{display:flex;align-items:center;justify-content:space-between;}
.glassTitle{height:18px;width:140px;border-radius:8px;background:rgba(15,23,42,.08);}
.glassAvatar{height:32px;width:32px;border-radius:9999px;background:var(--brand);box-shadow:0 14px 34px rgba(15,111,232,.22);}
.glassChart{margin-top:14px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,251,255,.84));border:1px solid rgba(203,213,225,.46);padding:16px;}
/* Comparacion de notas: es lo que promete la seccion, no una distribucion. */
.glassCompare{display:grid;gap:12px;}
.glassCompare__row{display:grid;grid-template-columns:96px minmax(0,1fr) 34px;align-items:center;gap:10px;}
.glassCompare__k{color:rgba(100,116,139,.95);font-size:11.5px;font-weight:600;letter-spacing:-.01em;}
.glassCompare__track{height:10px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden;}
.glassCompare__fill{display:block;height:100%;border-radius:999px;}
.glassCompare__fill--now{width:60%;background:rgba(148,163,184,.72);}
.glassCompare__fill--best{width:91%;background:linear-gradient(90deg,var(--brand),color-mix(in oklab,var(--brand) 76%,#38bdf8));box-shadow:0 6px 16px rgba(29,111,224,.22);}
.glassCompare__v{color:rgba(15,23,42,.92);font-size:13px;font-weight:750;letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums;}
.glassCompare__row:first-child .glassCompare__v{color:rgba(100,116,139,.9);font-weight:650;}
.glassCompare__delta{margin-top:2px;padding-top:10px;border-top:1px solid rgba(148,163,184,.18);color:rgba(15,23,42,.72);font-size:11.5px;font-weight:600;letter-spacing:-.01em;}
/* En telefono la barra manda: etiqueta y nota arriba, barra a todo el ancho. */
@media (max-width:640px){
  .glassCompare{gap:14px;}
  .glassCompare__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k v" "track track";gap:5px 10px;}
  .glassCompare__k{grid-area:k;font-size:12px;}
  .glassCompare__v{grid-area:v;font-size:13.5px;}
  .glassCompare__track{grid-area:track;height:9px;}
}
.glassRows{margin-top:12px;display:grid;gap:10px;}
.glassRow{height:48px;border-radius:14px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:space-between;padding:0 14px;}
.glassRow__l{display:flex;align-items:center;gap:10px;}
.glassChip{height:22px;width:22px;border-radius:6px;background:rgba(59,130,246,.18);}
.glassChip--p{background:rgba(99,102,241,.18);}

/* ============================================================
   10. Glass / Plan Content
   ============================================================ */
.glassGrid--plan{grid-template-columns:.78fr 1.22fr;gap:26px;align-items:center;}
.glassSide--plan,.glassMain--plan{min-width:0;}
.glassPlan__badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;background:color-mix(in oklab,var(--brand) 12%,white);color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.01em;}
.glassPlan__head{margin-top:10px;}
.glassPlan__eyebrow{font-size:11px;font-weight:600;color:rgba(100,116,139,.9);line-height:1.3;}
.glassPlan__name{margin-top:4px;font-size:18px;font-weight:700;line-height:1.05;letter-spacing:-.03em;color:rgba(15,23,42,.95);}
.glassPlan__price{margin-top:28px;}
.glassPlan__priceLabel{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(100,116,139,.86);}
.glassPlan__priceValue{margin-top:4px;font-size:22px;font-weight:700;line-height:1;letter-spacing:-.04em;color:rgba(15,23,42,.96);}
.glassTop--plan{margin-bottom:4px;}
.glassTitle--plan{width:auto;height:auto;background:none;border-radius:0;font-size:13px;font-weight:700;color:rgba(15,23,42,.92);}
.glassPlan__proofs{display:flex;align-items:center;gap:22px;margin-top:20px;}
.glassPlan__proof{display:flex;align-items:center;gap:8px;color:rgba(15,23,42,.82);font-size:11.5px;font-weight:700;white-space:nowrap;}
.glassPlan__proofIcon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;}
.glassPlan__proofIcon svg{width:16px;height:16px;stroke-width:2.3;}
.glassPlan__proofIcon--blue{color:var(--brand);background:color-mix(in oklab,var(--brand) 10%,white);}
.glassPlan__proofIcon--green{color:rgb(22,163,74);background:rgba(34,197,94,.11);}
@media (max-width:1023px){.glassGrid--plan{grid-template-columns:1fr;gap:12px;}.glassPlan__name{font-size:17px;}.glassPlan__priceValue{font-size:20px;}}

/* ============================================================
   11. Glass / Floating Cards
   ============================================================ */
.glassFloat{position:absolute;border-radius:20px;padding:16px 16px 14px;width:240px;transition:transform .5s ease;display:none;}
.glassFloat--tr{top:-50px;right:-22px;width:200px;padding:12px 12px 10px;transform:translateY(16px);}
.glassFloat--tr .glassFloat__ico{width:32px;height:32px;}
.glassFloat--tr .glassFloat__v{font-size:18px;}
.glassFloat--tr .glassFloat__k{font-size:8px;line-height:1.15;letter-spacing:.035em;white-space:nowrap;}
.glassFloat--tr:hover{transform:translateY(0);}
.glassFloat--bl{bottom:-28px;left:-62px;transform:translateY(-16px);width:260px;}
.glassFloat--bl:hover{transform:translateY(0);}
.glassFloat__head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.glassFloat__ico{flex:0 0 auto;width:40px;height:40px;border-radius:9999px;display:grid;place-items:center;font-weight:600;}
.glassFloat__ico--green{background:rgba(34,197,94,.12);color:rgba(22,163,74,1);}
.glassFloat__k{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(148,163,184,1);}
.glassFloat__kShort{display:none;}
.glassFloat__v{font-size:22px;font-weight:600;color:var(--ink);}
.glassFloat__meter{height:6px;border-radius:9999px;background:rgba(226,232,240,1);overflow:hidden;}
.glassFloat__meterFill{display:block;height:100%;width:75%;background:rgba(34,197,94,.8);border-radius:9999px;}
.glassFloat__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.glassTag{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);background:color-mix(in oklab,var(--brand) 10%,transparent);padding:4px 8px;border-radius:9999px;}
.glassStar{font-size:18px;color:#f59e0b;}
.glassFloat__name{font-size:14px;font-weight:700;color:rgba(30,41,59,1);margin-bottom:10px;}
.glassFloat__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(100,116,139,1);}
.glassFloat__meta b{color:var(--ink);font-weight:600;}
@media (min-width:1024px){.glassFloat{display:block;}}

/* ============================================================
   12. Glass / Upload Float
   ============================================================ */

/* ============================================================
   13. Tipos de Cotizante
   ============================================================ */
.cotz__copy{max-width:880px;margin-inline:auto;}
.cotz__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;}
.cotzCard{display:flex;align-items:flex-start;gap:14px;padding:18px 18px 20px;border-radius:var(--r-xl);background:var(--glass-72);border:0;box-shadow:var(--shadow-glass-md);cursor:default;}
.cotzCard__icon{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--info-bg);color:var(--brand);box-shadow:0 1px 0 var(--inset-hi-3) inset,0 0 0 1px var(--brand-a08) inset;}
.cotzCard__icon svg{width:22px;height:22px;stroke-width:1.8;}
.cotzCard__body{min-width:0;}
.cotzCard__title{margin:0;font-size:var(--fs-16);font-weight:var(--fw-700);letter-spacing:var(--trk-normal);line-height:1.2;color:var(--ink);}
.cotzCard__desc{margin:6px 0 0;font-size:var(--fs-13);line-height:1.4;color:var(--muted);max-width:34ch;}
@media (max-width:980px){.cotz__grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.cotz__grid{grid-template-columns:1fr;}.cotzCard__desc{max-width:none;}}

/* ============================================================
   14. Stats Grid
   ============================================================ */
.stats{background:transparent;border:0;border-radius:0;margin-top:34px;overflow:hidden;}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);}
.stat{background:transparent;padding:34px 20px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:220px;}
.stat:not(:last-child){border-right:1px solid color-mix(in oklab,var(--border) 60%,transparent);}
.stat__head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
.stat__icon{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;color:color-mix(in oklab,var(--brand) 82%,var(--muted));opacity:.92;line-height:1;}
.stat__icon svg{width:30px;height:30px;stroke-width:1.9;}
.stat__label{color:var(--muted-2);font-size:var(--fs-12);font-weight:var(--fw-700);letter-spacing:.04em;text-transform:uppercase;line-height:1.25;max-width:16ch;text-align:center;text-wrap:balance;opacity:.78;}
.stat__value{color:var(--brand);font-size:clamp(34px,3.6vw,52px);font-variant-numeric:tabular-nums;font-weight:var(--fw-700);letter-spacing:var(--trk-tight);line-height:1.05;}
.stats__note{margin:36px 0 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.35;}
.stats__noteLabel{color:color-mix(in oklab,var(--muted) 88%,white 12%);font-size:var(--fs-11);font-weight:var(--fw-600);letter-spacing:.02em;text-transform:uppercase;}
.stats__noteDate{color:color-mix(in oklab,var(--muted) 62%,white 38%);font-size:14px;font-weight:var(--fw-500);letter-spacing:.01em;line-height:1.4;}
.stats__noteDate[href]{text-decoration:none;text-underline-offset:3px;}
.stats__noteDate[href]:hover,.stats__noteDate[href]:focus-visible{text-decoration:underline;}
.stats__noteAccent{color:var(--brand);}

@media (max-width:1100px){
  .stats__grid{grid-template-columns:repeat(4,1fr);}
  .stat{min-height:210px;}
  .stat:not(:last-child){border-right:1px solid color-mix(in oklab,var(--border) 60%,transparent);}
}

@media (max-width:980px){
  .section[aria-label="Cómo evaluamos los planes"]{padding-block:48px;}
  .section[aria-label="Cómo evaluamos los planes"] .h2{max-width:none;width:min(400px,100%);margin-inline:auto;margin-bottom:18px;text-align:center;font-size:clamp(32px,8.6vw,46px);line-height:1.03;letter-spacing:-.043em;text-wrap:balance;}
  .section[aria-label="Cómo evaluamos los planes"] .lead{max-width:none;width:min(400px,100%);margin-inline:auto;margin-bottom:22px;text-align:center;font-size:clamp(16px,4.4vw,20px);line-height:1.5;text-wrap:balance;}
  .stats{width:min(400px,100%);margin:0 auto;padding-block:0;}
  .stats__grid{grid-template-columns:1fr 1fr;}
  .stat{min-height:190px;padding:24px 18px;gap:12px;border-right:0;border-bottom:0;}
  .stat:nth-child(1),.stat:nth-child(3){border-right:1px solid color-mix(in oklab,var(--border) 60%,transparent);}
  .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid color-mix(in oklab,var(--border) 60%,transparent);}
  .stat__head{gap:10px;}
  .stat__icon svg{width:28px;height:28px;}
  .stat__label{font-size:clamp(11px,2.8vw,12px);line-height:1.22;max-width:14ch;}
  .stat__value{font-size:clamp(30px,6.6vw,42px);line-height:1.02;}
  .stats__note{margin-top:20px;gap:3px;}
  .stats__noteLabel{font-size:11px;}
  .stats__noteDate{font-size:14px;line-height:1.35;}
}

@media (max-width:480px){
  .section[aria-label="Cómo evaluamos los planes"]{padding-block:48px;}
  .section[aria-label="Cómo evaluamos los planes"] .h2{width:min(360px,100%);margin-bottom:16px;font-size:clamp(32px,8.8vw,42px);line-height:1.03;letter-spacing:-.043em;}
  .section[aria-label="Cómo evaluamos los planes"] .lead{width:min(360px,100%);margin-bottom:36px;font-size:clamp(15px,4.8vw,18px);line-height:1.48;}
  .stats{width:min(360px,100%);margin:0 auto;padding-block:0;}
  .stats__grid{grid-template-columns:1fr 1fr;}
  .stat{min-height:172px;padding:20px 14px;gap:10px;border-right:0;border-bottom:0;}
  .stat:nth-child(1),.stat:nth-child(3){border-right:1px solid color-mix(in oklab,var(--border) 60%,transparent);}
  .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid color-mix(in oklab,var(--border) 60%,transparent);}
  .stat__head{gap:9px;}
  .stat__icon svg{width:24px;height:24px;}
  .stat__label{font-size:clamp(10px,2.8vw,11px);line-height:1.16;max-width:11ch;}
  .stat__value{font-size:clamp(26px,7.2vw,34px);line-height:1.02;}
  .stats__note{margin-top:18px;gap:3px;}
  .stats__noteLabel{font-size:10.5px;}
  .stats__noteDate{font-size:13.5px;line-height:1.34;}
}

/* ============================================================
   15. Logos / Isapres
   ============================================================ */
.logos{border-top:1px solid var(--border);margin-top:34px;padding-top:24px;}
.logos__title{color:var(--muted-2);font-size:var(--fs-12);font-weight:var(--fw-700);letter-spacing:.02em;margin:0 0 16px;text-align:center;text-transform:uppercase;}
.logos__row{display:flex;filter:grayscale(1);flex-wrap:wrap;gap:18px 34px;justify-content:center;opacity:.62;transition:opacity .2s ease,filter .2s ease;}
.logos__row:hover{filter:grayscale(0);opacity:.9;}
.logo-chip{color:var(--muted);font-weight:var(--fw-700);letter-spacing:-.02em;white-space:nowrap;}

/* ============================================================
   16. Features / Cards
   ============================================================ */
.features__copy{max-width:780px;}
.grid-3{align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:38px;}
.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-72);border:0;border-radius:var(--r-xl);box-shadow:var(--shadow-glass-md);display:flex;flex-direction:column;gap:10px;min-height:220px;padding:18px;transform:translateZ(0);transition:transform .15s ease,box-shadow .15s ease;}
.card:hover{box-shadow:var(--shadow-glass-lg);transform:translateY(-2px);}
.icon{background:var(--info-bg);border-radius:14px;box-shadow:0 1px 0 var(--inset-hi-3) inset,0 0 0 1px var(--brand-a08) inset;color:var(--brand);display:grid;font-weight:var(--fw-700);height:44px;letter-spacing:-.04em;place-items:center;width:44px;}
.icon svg{display:block;height:26px;stroke-width:1.5;width:26px;}
.card h3{font-size:var(--fs-18);font-weight:var(--fw-700);letter-spacing:-.02em;line-height:1.2;margin:0;}
.card p{color:var(--muted);font-size:var(--text-body);line-height:var(--lh-body);margin:0;}
.mini{background:var(--glass-74);border:0;border-radius:14px;box-shadow:0 1px 0 var(--inset-hi) inset,0 0 0 1px var(--stroke-1) inset;color:var(--muted);display:flex;flex-direction:column;gap:4px;margin-top:auto;padding:10px;font-size:var(--fs-12);}
.row{align-items:center;display:flex;gap:10px;justify-content:space-between;}
.mini svg{display:block;height:14px;stroke-width:2.4;width:14px;}
.mini .mono{align-items:center;display:inline-flex;justify-content:center;line-height:1;}
.bar{background:var(--border);border-radius:999px;box-shadow:0 1px 0 var(--inset-hi-5) inset;height:6px;overflow:hidden;width:100%;}
.bar>i{background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:999px;display:block;height:100%;width:100%;}
.pill{align-items:center;background:var(--glass-70);border:0;border-radius:999px;box-shadow:0 1px 0 var(--inset-hi-2) inset,0 0 0 1px var(--stroke-1) inset;color:var(--muted);display:inline-flex;font-size:var(--fs-12);font-weight:var(--fw-700);gap:8px;padding:6px 10px;}
.mini-status{align-items:center;background:var(--glass-85);border-radius:999px;color:var(--muted);display:inline-flex;font-size:var(--fs-11);font-weight:var(--fw-500);gap:4px;letter-spacing:.01em;line-height:1;padding:4px 6px;white-space:nowrap;}
.mini-status--info{background:var(--brand-soft);border-color:var(--brand-a22);color:var(--brand-dark);}
.mini-status--ok{background:var(--ok-bg);border-color:var(--ok-stroke);color:var(--ok);}
.mini-status--warn{background:var(--warn-bg);border-color:var(--warn-stroke);color:var(--warn);}
.mini-checkOk{font-weight:700;color:var(--ok);}

@media (max-width:980px){
  .section[aria-label="Características del producto"]{padding-block:48px;}
  .section[aria-label="Características del producto"] .container{padding-inline:22px;overflow:visible;}
  .features__copy{max-width:none;}
  .features__copy .h2{max-width:none;width:min(400px,100%);margin-inline:auto;margin-bottom:18px;text-align:center;font-size:clamp(32px,8.6vw,46px);line-height:1.03;letter-spacing:-.043em;text-wrap:balance;}
  .features__copy .lead{max-width:none;width:min(400px,100%);margin-inline:auto;margin-bottom:22px;text-align:center;font-size:clamp(16px,4.4vw,20px);line-height:1.5;text-wrap:balance;}
  .grid-3{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(400px,calc(100vw - 44px));gap:18px;margin-top:22px;overflow-x:auto;overflow-y:hidden;padding:2px 22px 6px;margin-inline:-22px;scroll-snap-type:x mandatory;scroll-padding-inline:22px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;align-items:stretch;}
  .grid-3::-webkit-scrollbar{display:none;}
  .card{width:min(400px,calc(100vw - 44px));min-height:unset;padding:18px;border-radius:20px;gap:12px;scroll-snap-align:center;scroll-snap-stop:always;border:1px solid color-mix(in oklab,var(--stroke-1) 78%,white 22%);box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 0 0 1px rgba(15,23,42,.03),0 8px 18px rgba(15,23,42,.045);}
  .card:hover{transform:none;box-shadow:0 1px 0 rgba(255,255,255,.72) inset,0 0 0 1px rgba(15,23,42,.04),0 10px 22px rgba(15,23,42,.055);}
  .icon{width:44px;height:44px;border-radius:14px;}
  .icon svg{width:24px;height:24px;}
  .card h3{font-size:clamp(17px,4.4vw,22px);line-height:1.08;letter-spacing:-.03em;}
  .card p{font-size:clamp(15px,4.1vw,18px);line-height:1.48;}
  .mini{margin-top:auto;padding:10px 12px;border-radius:14px;font-size:12px;}
  .mini .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;}
  .mini .row>span:first-child{min-width:0;}
  .mini-status--ok{white-space:nowrap;grid-column:2;justify-self:end;}
}

@media (max-width:480px){
  .section[aria-label="Características del producto"] .container{padding-inline:18px;}
  .features__copy .h2{width:min(360px,100%);margin-bottom:16px;font-size:clamp(32px,8.8vw,42px);line-height:1.03;letter-spacing:-.043em;}
  .features__copy .lead{width:min(360px,100%);margin-bottom:36px;font-size:clamp(15px,4.8vw,18px);line-height:1.48;}
  .grid-3{grid-template-columns:none;grid-auto-columns:min(360px,calc(100vw - 36px));gap:16px;padding:2px 18px 6px;margin-inline:-18px;scroll-padding-inline:18px;}
  .card{width:min(360px,calc(100vw - 36px));padding:16px;border-radius:18px;gap:10px;}
  .icon{width:42px;height:42px;border-radius:13px;}
  .icon svg{width:22px;height:22px;}
  .card h3{font-size:clamp(16px,4.8vw,20px);}
  .card p{font-size:clamp(14px,4.5vw,17px);line-height:1.46;}
  .mini{padding:9px 11px;border-radius:13px;font-size:11.5px;}
}

/* Testimonios ilustrativos de la portada. */
.testimonial{display:flex;flex-direction:column;gap:22px;min-width:0;padding:26px;background:var(--glass-72);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 6px 18px rgba(15,23,42,.055);}
.testimonial__top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.testimonial__quote-mark{height:34px;color:var(--brand);font-family:Georgia,serif;font-size:68px;line-height:1;}
#faq .section-title{text-align:center;}
.testimonial__stars{display:flex;align-items:center;gap:3px;color:var(--warn);}
.testimonial__stars svg{display:block;width:15px;height:15px;fill:currentColor;stroke-width:1.5;}
.testimonial__quote{margin:0;color:var(--ink);font-size:17px;font-weight:400;line-height:1.65;letter-spacing:-.015em;}
.testimonial__author{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid var(--border);}
.testimonial__avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);font-size:14px;font-weight:var(--fw-700);}
.testimonial__name{display:block;font-size:14px;font-weight:var(--fw-700);}
.testimonial__context{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.4;}
@media (min-width:981px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .testimonial{transition:transform .2s ease,box-shadow .2s ease;}
  .testimonial:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,23,42,.08);}
}
@media (max-width:980px){
  .testimonials{grid-auto-columns:min(400px,100%);}
  .testimonial{padding:22px;border:1px solid var(--border);border-radius:20px;box-shadow:none;scroll-snap-align:center;scroll-snap-stop:always;}
  .testimonial__quote{font-size:16px;}
}
@media (max-width:480px){
  .testimonial{padding:20px;gap:20px;border-radius:18px;}
  .testimonial__quote{font-size:15px;}
}
@media (prefers-reduced-motion:reduce){
  .testimonials{scroll-behavior:auto;}
}

/* ============================================================
   18. Benchmark / Split
   ============================================================ */
.h2--soft{color:var(--muted);font-weight:500;}
.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:18px;align-items:center;}
.list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:16px 0 0;padding:0;}
.list li{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:var(--text-body);font-weight:var(--fw-600);line-height:var(--lh-body);}
.tick{flex:0 0 auto;width:22px;height:22px;margin-top:1px;display:grid;place-items:center;border-radius:8px;background:var(--info-bg);color:var(--brand);}
.tick svg{width:16px;height:16px;stroke-width:2.4;}

/* ============================================================
   19. Section / Ambient Background
   ============================================================ */
.section--ambient{position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 50% -10%,var(--brand-a08),var(--brand-a0) 60%),radial-gradient(700px 520px at 12% 20%,var(--brand-a10),var(--brand-a0) 62%),radial-gradient(1000px 560px at 88% 28%,var(--brand-a09),var(--brand-a0) 64%),radial-gradient(1100px 680px at 70% 92%,var(--brand2-a10),var(--brand2-a0) 62%),linear-gradient(180deg,var(--heroSubtle-a65),var(--white-a92) 46%,var(--white-a100));}
.section--ambient::before{display:none;}
.section--ambient::after{content:"";position:absolute;inset:auto auto -260px -300px;width:760px;height:760px;pointer-events:none;opacity:.38;background:radial-gradient(closest-side,var(--brand2-a10),var(--brand2-a0) 72%);}
.section--ambient>.container{position:relative;z-index:2;}
.section--ambient .hero__mockWrap{isolation:isolate;}
.section--ambient .hero__mockMotion{position:relative;z-index:2;}
.section--ambient .glassFloat{z-index:3;}
@media (min-width:981px){
  .section--ambient .split{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:16px;align-items:center;}
  .section--ambient .qv-planMockPreview{justify-content:flex-start;}
  .section--ambient .qv-planMockPreview .hero__mockWrap{width:min(500px,100%);}
  .section--ambient .glassSide--plan{align-self:start;padding-top:18px;}
}

@media (max-width:980px){
  .section--ambient{padding-block:48px;}
  .section--ambient .split{gap:24px;}
  .section--ambient .qv-planMockPreview{padding-bottom:18px;}
  .section--ambient .qv-planMockPreview .hero__visual{margin:18px 0 0;padding-inline:8px;}
  .section--ambient .qv-planMockPreview .hero__mockWrap{width:min(396px,100%);}
}

@media (max-width:480px){
  .section--ambient{padding-block:48px;}
  .section--ambient .split{gap:24px;}
  .section--ambient .qv-planMockPreview{padding-bottom:16px;}
  .section--ambient .qv-planMockPreview .hero__visual{margin:12px 0 0;padding-inline:8px;}
  .section--ambient .qv-planMockPreview .hero__mockWrap{width:min(364px,100%);}
}

/* ============================================================
   20. Pipeline Section
   ============================================================ */
/* Ilustración única sobre blanco: costa abierta, sin contorno circular. */
.pipe{position:relative;overflow:hidden;padding:64px 0 72px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,var(--c-white)) 0%,var(--c-white) 38%);width:min(var(--container),calc(100% - 32px));margin-inline:auto;border-radius:32px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 7%,transparent),0 10px 30px color-mix(in srgb,var(--ink) 6%,transparent);--pipe-ink:var(--ink);--pipe-muted:var(--muted);--pipe-line:#e3ebf5;}
.pipe .container{position:relative;width:calc(100% - 64px);}
.pipe__layout{display:grid;grid-template-columns:minmax(280px,480px) minmax(0,700px);column-gap:clamp(24px,3.2vw,48px);row-gap:38px;align-items:center;justify-content:space-between;}
.pipe__media{position:relative;grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;min-width:0;}
.pipe__scene{position:relative;width:min(86%,361px);aspect-ratio:1;}
.pipe__mascot{position:relative;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;user-select:none;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect;}
/* La primera imagen reserva el espacio aunque JavaScript o las variantes fallen. */
.pipe__scene .pipe__mascot{opacity:0;transition:opacity .6s ease;}
.pipe__scene .pipe__mascot + .pipe__mascot{position:absolute;inset:0;}
.pipe__scene .pipe__mascot.is-current{opacity:1;}
@media(prefers-reduced-motion:reduce){.pipe__scene .pipe__mascot{transition:none;}}
.pipe__content{display:contents;}
.pipe__head{grid-column:1 / -1;grid-row:1;min-width:0;width:100%;text-align:center;}
.pipe__headLeft{min-width:0;width:100%;}
.pipe__title{margin:0;color:var(--pipe-ink);font-size:clamp(30px,3.5vw,40px);font-weight:var(--fw-700);letter-spacing:var(--trk-tight);line-height:1.18;}
.pipe__lead{margin:18px 0 0;color:var(--pipe-muted);font-size:17px;line-height:1.6;text-wrap:balance;}
.pipe__steps{grid-column:2;grid-row:2;display:grid;min-width:0;width:min(100%,520px);margin:0;padding:0;list-style:none;}
.pipeStep{position:relative;padding:0 0 34px;}
.pipeStep:last-child{padding-bottom:0;}
.pipeStep:not(:last-child)::after{content:"";position:absolute;left:19px;top:34px;bottom:8px;width:1px;background:var(--pipe-line);}
.pipeStep__top{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;align-items:start;}
.pipeStep__n{color:var(--brand);font-size:var(--fs-18);font-weight:var(--fw-700);letter-spacing:-.02em;line-height:26px;text-align:center;}
.pipeStep__copy{min-width:0;}
.pipeStep__h{margin:0 0 8px;color:var(--pipe-ink);font-size:20px;font-weight:var(--fw-700);letter-spacing:-.02em;line-height:26px;}
.pipeStep__p{margin:0;max-width:44ch;color:var(--pipe-muted);font-size:var(--fs-16);line-height:1.6;}

@media (max-width:1180px){
  .pipe{padding:56px 0 64px;}
  .pipe__layout{grid-template-columns:minmax(260px,370px) minmax(0,620px);column-gap:28px;}
  .pipe__scene{max-width:310px;}
}

@media (max-width:980px){
  .pipe{padding:48px 0;width:calc(100% - 2 * var(--home-gutter,22px));border-radius:24px;}
  #top>section.pipe>.container{width:calc(100% - 40px);padding-inline:0;}
  .pipe__layout{grid-template-columns:1fr;gap:22px;align-items:start;}
  .pipe__head{grid-column:1;grid-row:1;}
  .pipe__media{grid-column:1;grid-row:2;}
  .pipe__scene{width:min(68.8%,241px);max-width:241px;}
  .pipe__lead{font-size:15px;}
  .pipe__steps{grid-column:1;grid-row:3;width:min(520px,100%);justify-self:center;}
  .pipeStep__top{gap:14px;}
  .pipeStep__h{font-size:var(--fs-18);}
  .pipeStep__p{max-width:none;}
}

@media (max-width:480px){
  #top>section.pipe>.container{padding-inline:0;}
  .pipeStep__top{gap:10px;}
  .pipeStep__p{font-size:15px;line-height:1.55;}
}

/* ============================================================
   21. Audio integrado
   ============================================================ */
.audio-preview .h2{text-wrap:balance;}
.home-section-divider{position:relative;width:min(var(--container),calc(100% - 32px));height:1px;margin:0 auto;border:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--muted) 18%,var(--c-white)) 20%,color-mix(in srgb,var(--muted) 18%,var(--c-white)) 80%,transparent);}
.home-section-divider::after{content:"";position:absolute;top:1px;left:0;right:0;height:10px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--ink) 5%,transparent),transparent 72%);pointer-events:none;}
@media(max-width:980px){.home-section-divider{width:calc(100% - 2 * var(--home-gutter,22px));}}
.qv-audioCard{align-self:center;min-width:0;background:none;border:0;box-shadow:none;}
@media(min-width:981px){.qv-audioCard{width:96%;justify-self:center;}}
.qv-audioCard__player{position:relative;isolation:isolate;align-items:center;display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:16px;row-gap:2px;margin:0 14px;padding:18px 24px;background:var(--c-white);border:0;border-radius:999px;}
/* Sombra de apoyo bajo la cápsula: decorativa, sin imagen ni animación propia. */
.qv-audioCard__player::after{content:"";position:absolute;z-index:-1;left:18%;right:18%;bottom:-33px;height:24px;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--c-black) 22%,transparent) 0%,color-mix(in srgb,var(--c-black) 11%,transparent) 42%,transparent 74%);filter:blur(3px);pointer-events:none;}
.qv-audioCard__play{grid-column:1;grid-row:2;background:var(--brand);border:0;border-radius:50%;color:var(--c-white);display:grid;height:54px;place-items:center;width:54px;}
.qv-audioCard__play svg{fill:currentColor;height:20px;transform:translateX(1px);width:20px;}
.qv-audioCard__main{display:contents;}
.qv-audioCard__meta{grid-column:2;grid-row:1;min-width:0;align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px;}
.qv-audioCard__label{color:color-mix(in oklch,var(--muted) 85%,var(--c-black));font-size:var(--fs-11);font-weight:600;letter-spacing:.02em;}
.qv-audioCard__time{color:var(--muted);font-size:var(--fs-12);margin-left:auto;margin-right:8px;}
/* Onda y tiempo ilustrativos estáticos: no representan reproducción real. */
.qv-audioCard__wave{--qv-progress:45.20548%;grid-column:2;grid-row:2;min-width:0;height:34px;}
.qv-audioCard__wave svg{display:block;height:100%;width:100%;}
.qv-audioCard__wave use{fill:none;stroke-width:3;stroke-linecap:round;}
.qv-wave__base{stroke:color-mix(in oklch,var(--muted) 32%,var(--c-white));}
.qv-wave__done{stroke:url(#qvWaveA);}
.qv-wave__clip{width:var(--qv-progress);}
.qv-wave__head{x:var(--qv-progress);fill:var(--brand);}
@media(min-width:981px){
  .qv-audioCard__player{grid-template-columns:58px minmax(0,1fr);}
  .qv-audioCard__play{width:58px;height:58px;}
  .qv-audioCard__play svg{width:21px;height:21px;}
  .qv-audioCard__wave{height:36px;}
}
@media (max-width:980px){
  .section.audio-preview{padding-block:48px;}
  .split{grid-template-columns:1fr;gap:22px;align-items:start;}
  .split>div:first-child{min-width:0;width:min(400px,100%);margin-inline:auto;}
  .split>div:first-child .h2{max-width:none;width:100%;margin-inline:auto;margin-bottom:18px;text-align:center;font-size:clamp(32px,8.6vw,46px);line-height:1.03;letter-spacing:-.043em;text-wrap:balance;}
  .split>div:first-child .lead{max-width:none;width:100%;margin-inline:auto;margin-bottom:22px;text-align:center;font-size:clamp(16px,4.4vw,20px);line-height:1.5;text-wrap:balance;}
  .list{margin-top:0;gap:16px;}
  .qv-audioCard{width:min(400px,100%);max-width:none;margin-inline:auto;}
  .qv-audioCard__player{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;row-gap:2px;}
  .qv-audioCard__play{width:52px;height:52px;}
  .qv-audioCard__meta{flex-wrap:wrap;align-items:flex-start;gap:6px 10px;}
  .qv-audioCard__label{width:100%;}
  .list li{font-size:clamp(14px,3.55vw,16.5px);line-height:1.42;}
}

@media (max-width:480px){
  .section.audio-preview{padding-block:48px;}
  .split{gap:24px;}
  .split>div:first-child{width:min(360px,100%);}
  .split>div:first-child .h2{margin-bottom:16px;font-size:clamp(32px,8.8vw,42px);line-height:1.03;letter-spacing:-.043em;}
  .split>div:first-child .lead{margin-bottom:36px;font-size:clamp(15px,4.8vw,18px);line-height:1.48;}
  .list{gap:14px;}
  .qv-audioCard{width:min(360px,100%);}
  .qv-audioCard__player{grid-template-columns:44px minmax(0,1fr);column-gap:10px;row-gap:2px;}
  .qv-audioCard__play{width:44px;height:44px;}
  .list li{font-size:clamp(13px,3.65vw,15.5px);line-height:1.4;}
}

/* ============================================================
   25. CTA Section
   ============================================================ */

/* Franja final compartida: .qv-closing-cta en componentes.css. */

/* ============================================================
   26. Hero / Glass Responsive Overrides
   ============================================================ */
@media (max-width:980px){
  .hero-stack{padding-inline:0;}
  .hero--glass{padding:56px 0 30px;min-height:auto;}
  .hero--glass .container{width:100%;padding-inline:var(--home-gutter,24px);}
  .hero__grid--glass{gap:22px;}
  .hero__content{padding:18px 0 0;text-align:center;display:flex;flex-direction:column;}
  .hero__title{max-width:none;width:100%;margin:24px auto 18px;text-align:center;font-size:clamp(34px,9.2vw,50px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance;}
  p.hero__lead{max-width:none;width:100%;margin-inline:auto;margin-bottom:22px;text-align:center;font-size:clamp(16px,4.4vw,20px);line-height:1.5;text-wrap:balance;}
  .hero__cta{order:2;margin-top:22px;justify-content:center;}
  .hero__cta--glass>.btn--primary,.hero__cta .btn--primary,.hero__cta .btn{width:min(100%,320px);min-height:54px;padding:0 18px;font-size:clamp(17px,4.3vw,19px);}
  p.hero__method{display:flex;align-items:center;gap:8px;order:3;width:fit-content;max-width:100%;margin:18px auto 0;align-self:center;text-align:center;}
  .hero__method i,.hero__method svg{margin-top:0;}
  .hero__method span{min-width:0;white-space:nowrap;}
  .hero__method-detail{display:none;}
  .hero__cta--glass>.btn--primary{position:relative;overflow:hidden;isolation:isolate;animation:qvHeroCtaBreath 2.8s ease-in-out infinite;will-change:transform,box-shadow,filter;}
  .hero__cta--glass>.btn--primary::after{content:"";position:absolute;top:-35%;bottom:-35%;left:-42%;width:34%;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.10) 42%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.10) 58%,rgba(255,255,255,0) 100%);transform:skewX(-22deg) translateX(0);animation:qvHeroCtaShine 5.4s ease-in-out infinite;}
  .hero__cta--glass>.btn--primary>*{position:relative;z-index:2;}
  .hero__trust{order:1;margin-top:0;margin-bottom:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start;justify-content:stretch;opacity:.9;filter:none;width:100%;max-width:340px;margin-inline:auto;}
  .hero__sep{display:none!important;}
  .hero__stat{align-items:center;text-align:center;gap:4px;min-width:0;justify-self:center;width:100%;}
  .hero__statV{justify-content:center;gap:8px;font-size:clamp(20px,6vw,27px);line-height:1;}
  .hero__statIco{width:20px;height:20px;}
  .hero__statIco svg{width:20px;height:20px;}
  .hero__statK{max-width:9ch;font-size:clamp(9px,2.5vw,11px);line-height:1.18;letter-spacing:.03em;text-wrap:balance;}
  .hero__visual{margin:44px 0 48px;display:flex;justify-content:center;overflow:visible;}
  .hero__mockWrap{width:min(400px,100%);margin-inline:auto;aspect-ratio:auto;overflow:visible;}
  .hero__mockMotion{animation:none;transform:none;position:relative;overflow:visible;}
  .glassCard--main{transform:rotate(0deg);border-radius:26px;}
  .glassCard__bar{height:30px;}
  .glassCard__body{padding:11px 18px 18px;}
  .glassFloat__kLong{display:none;}
  .glassFloat__kShort{display:inline;}
  .glassFloat{display:none;}
  .glassFloat--tr{display:block;top:-14px;right:-10px;bottom:auto;left:auto;width:min(160px,44vw);padding:10px 10px 9px;border-radius:16px;transform:none;box-shadow:0 18px 36px rgba(15,23,42,.14);z-index:3;}
  .glassFloat--tr .glassFloat__head{gap:8px;margin-bottom:8px;}
  .glassFloat--tr .glassFloat__ico{width:26px;height:26px;font-size:15px;}
  .glassFloat--tr .glassFloat__k{font-size:7.5px;letter-spacing:.035em;}
  .glassFloat--tr .glassFloat__v{font-size:16px;line-height:1.05;}
  .glassFloat--tr .glassFloat__meter{height:5px;}
  .glassFloat--bl{display:none;}
  .glassGrid--plan{grid-template-columns:1fr;gap:18px;}
  .glassSide--plan{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"badge badge" "head price";gap:12px 14px;align-items:end;}
  .glassPlan__badge{grid-area:badge;width:fit-content;}
  .glassPlan__head{grid-area:head;margin-top:0;min-width:0;}
  .glassPlan__price{grid-area:price;margin-top:0;padding:0 0 0 14px;border:0;border-left:1px solid rgba(203,213,225,.55);border-radius:0;background:transparent;min-width:max-content;justify-self:end;align-self:end;}
  .glassPlan__priceLabel{font-size:10px;line-height:1.1;}
  .glassPlan__priceValue{margin-top:4px;font-size:19px;line-height:1;}
  .glassPlan__name{font-size:17px;line-height:1.04;}
  .glassMain--plan{min-width:0;}
  .glassTop--plan{display:block;}
  .glassTitle--plan{font-size:12.5px;}
  .glassAvatar{width:28px;height:28px;}
  .glassChart{padding:14px;margin-top:10px;}
  .glassPlan__proofs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;}
  .glassPlan__proof{gap:7px;font-size:11px;white-space:normal;line-height:1.2;}
  .glassPlan__proofIcon{width:28px;height:28px;flex:0 0 auto;}
  @keyframes qvHeroCtaBreath{0%,100%{transform:translateY(0) scale(1);filter:brightness(1);box-shadow:0 10px 30px rgba(15,111,232,.18),0 2px 8px rgba(15,111,232,.12);}50%{transform:translateY(-1px) scale(1.02);filter:brightness(1.018);box-shadow:0 16px 36px rgba(15,111,232,.22),0 6px 14px rgba(15,111,232,.13);}}
  @keyframes qvHeroCtaShine{0%,16%{opacity:0;transform:skewX(-22deg) translateX(0);}22%{opacity:1;}38%{opacity:1;transform:skewX(-22deg) translateX(430%);}46%,100%{opacity:0;transform:skewX(-22deg) translateX(430%);}}
}

@media (max-width:480px){
  .hero--glass .container{padding-inline:var(--home-gutter,22px);}
  .hero__title{margin:16px auto 16px;}
  p.hero__lead{margin-bottom:44px;font-size:clamp(15px,4.8vw,18px);line-height:1.48;}
  .hero__cta--glass>.btn--primary,.hero__cta .btn--primary,.hero__cta .btn{width:min(100%,292px);}
  .hero__statV{font-size:clamp(19px,5.7vw,24px);}
  .hero__statK{max-width:8ch;font-size:clamp(9px,2.4vw,10px);}
  .hero__mockWrap{width:min(360px,100%);}
  .glassCard--main{transform:rotate(0deg);}
  .glassFloat--tr{top:-10px;right:-6px;bottom:auto;left:auto;width:min(148px,46vw);padding:9px 9px 8px;border-radius:15px;}
  .glassFloat--tr .glassFloat__v{font-size:14px;}
}

@media (prefers-reduced-motion:reduce){
  .hero__cta--glass>.btn--primary{animation:none;}
  .hero__cta--glass>.btn--primary::after{animation:none;opacity:0;}
}

/* ============================================================
   27. Hero / Video Stack Responsive
   ============================================================ */
@media (max-width:980px){
  .hero-stack--video{min-height:calc(98svh - var(--header-h,0px));padding-inline:0;}
  .hero-stack--video .hero{min-height:calc(98svh - var(--header-h,0px));padding:108px 0 58px;align-items:flex-end;}
  .hero-stack--video .hero--glass{min-height:auto;}
  .hero-stack--video .hero .container{width:100%;padding-inline:var(--qv-mobile-gutter);}
  .hero-stack--video .hero__videoBg{object-position:center top;}
  .hero-stack--video .hero__videoOverlay{background:linear-gradient(180deg,rgba(6,20,32,.58) 0%,rgba(6,20,32,.64) 42%,rgba(6,20,32,.48) 72%,rgba(6,20,32,.18) 100%);}
  .hero-stack--video .hero__grid--glass{max-width:none;width:100%;gap:22px;text-align:center;}
  .hero-stack--video .hero__content{max-width:400px;margin-inline:auto;padding:18px 0 0;text-align:center;display:flex;flex-direction:column;}
  .hero-stack--video .hero__title{max-width:none;width:100%;margin:24px auto 18px;text-align:center;font-size:clamp(28px,8.4vw,44px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance;}
  .hero-stack--video .hero__lead{max-width:none;width:100%;margin-inline:auto;margin-bottom:22px;text-align:center;font-size:clamp(16px,4.4vw,20px);line-height:1.5;text-wrap:balance;}
  .hero-stack--video .hero__cta{order:2;margin-top:22px;justify-content:center;}
  .hero-stack--video .hero__cta--glass>.btn--primary,.hero-stack--video .hero__cta .btn--primary,.hero-stack--video .hero__cta .btn{width:min(100%,320px);min-height:54px;padding:0 18px;font-size:clamp(17px,4.3vw,19px);}
  .hero-stack--video .hero__trust{order:1;margin-top:0;margin-bottom:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start;justify-content:stretch;width:100%;max-width:340px;margin-inline:auto;opacity:.9;filter:none;}
  .hero-stack--video .hero__sep{display:none!important;}
  .hero-stack--video .hero__stat{align-items:center;text-align:center;gap:4px;min-width:0;justify-self:center;width:100%;}
  .hero-stack--video .hero__statV{justify-content:center;gap:8px;font-size:clamp(20px,6vw,27px);line-height:1;}
  .hero-stack--video .hero__statIco{width:20px;height:20px;}
  .hero-stack--video .hero__statIco svg{width:20px;height:20px;}
  .hero-stack--video .hero__statK{max-width:9ch;font-size:clamp(9px,2.5vw,11px);line-height:1.18;letter-spacing:.03em;text-wrap:balance;}
}

@media (max-width:480px){
  .hero-stack--video{min-height:calc(96svh - var(--header-h,0px));}
  .hero-stack--video .hero{min-height:calc(96svh - var(--header-h,0px));padding:92px 0 48px;}
  .hero-stack--video .hero .container{padding-inline:var(--qv-mobile-gutter);}
  .hero-stack--video .hero__content{max-width:360px;}
  .hero-stack--video .hero__title{max-width:none;margin:16px auto 16px;font-size:clamp(28px,8.4vw,44px);line-height:1.02;letter-spacing:-.045em;}
  .hero-stack--video .hero__lead{max-width:none;margin-bottom:44px;font-size:clamp(15px,4.8vw,18px);line-height:1.48;}
  .hero-stack--video .hero__cta--glass>.btn--primary,.hero-stack--video .hero__cta .btn--primary,.hero-stack--video .hero__cta .btn{width:min(100%,292px);}
  .hero-stack--video .hero__statV{font-size:clamp(19px,5.7vw,24px);}
  .hero-stack--video .hero__statK{max-width:8ch;font-size:clamp(9px,2.4vw,10px);}
}



/* Mockup de audio estático: los controles son ilustrativos. */
.qv-audioCard__play{cursor:default;}

/* Títulos de sección del inicio: peso común, incluido el cierre; hero independiente. */
#top>section h2{font-weight:600;}
@media(min-width:981px){
 #top>section:not(.qv-closing-cta) h2{font-size:clamp(30px,3.5vw,40px);line-height:1.18;letter-spacing:-.03em;}
}

/* Coherencia del inicio móvil: una escala de títulos y un solo margen lateral. */
@media(max-width:980px){
 #top{--home-gutter:var(--qv-mobile-gutter);--home-title-size:var(--qv-mobile-title-size);--home-lead-size:var(--qv-mobile-copy-size);}
 #site-header .nav>.container{width:calc(100% - 2 * var(--qv-mobile-gutter));}
 #site-footer .footer>.container{padding-inline:var(--qv-mobile-gutter);}
 #top>section>.container{width:100%;padding-inline:var(--home-gutter);}
 #top>section:is(.section,.pipe){padding-block:48px;}
 #top>section:not(.qv-closing-cta) h2{width:min(400px,100%);max-width:none;margin-inline:auto;font-size:var(--home-title-size);line-height:var(--qv-mobile-title-leading);letter-spacing:var(--qv-mobile-title-tracking);text-align:center;text-wrap:balance;}
 #top>section:not(.qv-closing-cta) :is(.lead,.qv-eval__lead){width:min(400px,100%);max-width:none;margin-inline:auto;font-size:var(--home-lead-size);line-height:1.5;text-align:center;text-wrap:balance;}
 #top .assistant-preview__copy,#top .split>div:first-child{width:min(400px,100%);}
 #top .features__copy h2 br,#top .qv-eval__heading h2 br{display:none;}
}

/* Testimonios: navegación explícita en móvil; tres columnas en desktop. */
.testimonials-controls{display:none;}
.testimonials-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(max-width:980px){
 .testimonials{--testimonial-width:min(400px,84vw);display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:var(--testimonial-width);width:calc(100% + 2 * var(--home-gutter));gap:14px;margin-inline:calc(-1 * var(--home-gutter));padding:2px max(0px,calc((100vw - var(--testimonial-width))/2)) 6px;scroll-padding-inline:max(0px,calc((100vw - var(--testimonial-width))/2));scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-x:contain;}
 .testimonials .testimonial{height:100%;scroll-snap-align:center;scroll-snap-stop:always;}
 .testimonials.is-ready .testimonial{opacity:.45;transition:opacity .12s ease;}
 .testimonials.is-ready .testimonial.is-active{opacity:1;}
 .testimonials-controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;}
 .testimonials-dots{display:flex;align-items:center;gap:0;}
 .testimonials-dots button{display:grid;place-items:center;flex:0 0 auto;width:14px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;transition:width .18s ease;}
 .testimonials-dots span{display:block;width:6px;height:6px;border-radius:999px;background:#CBD5E1;transition:width .18s ease,background .18s ease;}
 .testimonials-dots [aria-current="true"]{width:26px;}
 .testimonials-dots [aria-current="true"] span{width:18px;background:var(--brand);}
 .testimonials-controls button:focus-visible,.testimonials:focus-visible{outline:2px solid var(--brand);outline-offset:3px;}
}
@media(prefers-reduced-motion:reduce){
 .testimonials{scroll-behavior:auto;}
 .testimonials-dots button,.testimonials-dots span,.testimonials.is-ready .testimonial{transition:none;}
}

@media(max-width:980px){
 #top>section.pipe h2.pipe__title{width:100%;font-size:var(--home-title-size);line-height:var(--qv-mobile-title-leading);letter-spacing:var(--qv-mobile-title-tracking);text-wrap:balance;}
}

/* Ritmo entre Asistente y pasos; el audio respira después del bloque blanco. */
#top{--process-section-space:56px;--audio-section-space:88px;}
#top>section.assistant-preview{padding-bottom:var(--process-section-space);}
#top .assistant-preview__scene{min-height:0;}
#top>section.pipe{padding-block:var(--process-section-space);}
#top>section.audio-preview{padding-top:var(--audio-section-space);}
#top .audio-preview .split{margin-top:0;}
@media(max-width:980px){
 #top{--process-section-space:36px;--audio-section-space:56px;}
}

/* Comparación editorial: ilustración esquemática, sin cifras de planes reales. */
.comparison-preview__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;}
.comparison-preview__copy{grid-column:2;grid-row:1;min-width:0;}
.comparison-preview__copy .h2{text-wrap:balance;}
.comparison-preview__visual{--peek-size:166px;--peek-reveal:calc(var(--peek-size) * .634);grid-column:1;grid-row:1;position:relative;isolation:isolate;width:100%;max-width:540px;margin:0 auto;padding:0 var(--peek-reveal) 0 0;}
.comparison-preview__sheet{position:relative;z-index:1;background:var(--c-white);border:1px solid #e7edf4;border-radius:24px;padding:24px 26px 20px;box-shadow:0 18px 35px -24px #172c4940;}
.comparison-preview__heading{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:15px;font-weight:600;margin-bottom:24px;}
.comparison-preview__heading svg{width:19px;height:19px;color:var(--brand);}
.comparison-preview__table{display:grid;grid-template-columns:1fr 1.12fr 1.12fr;column-gap:12px;align-items:stretch;font-size:12px;color:var(--muted);}
.comparison-preview__table>span,.comparison-preview__table>strong{min-width:0;padding:18px 10px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;}
.comparison-preview__table>strong{padding:12px 10px;margin-bottom:6px;justify-content:center;text-align:center;font-size:12px;font-weight:600;color:var(--ink);background:#edf5ff;border:0;border-radius:10px;}
.comparison-preview__table>strong+strong{background:#f7f9fb;}
.comparison-preview__table>span:nth-child(3n+1){padding-left:0;}
.comparison-preview__lines{flex-direction:column;justify-content:center;gap:7px;}
.comparison-preview__lines b{display:block;width:90%;height:5px;border-radius:9px;background:#c9def1;}
.comparison-preview__lines b+b{width:62%;height:4px;background:#e3edf6;align-self:flex-start;margin-left:5%;}
.comparison-preview__lines:nth-child(3n) b{background:#d7e2ed;}
/* El borde del cubo está al 36,6%; la segunda capa deja sólo la mano delante. */
.comparison-preview__mascot{position:absolute;z-index:0;top:18%;right:0;width:var(--peek-size);height:auto;pointer-events:none;user-select:none;}
.comparison-preview__mascot--paw{z-index:2;clip-path:polygon(29.5% 55%,39.5% 55%,45% 57%,46% 64%,45% 70%,40% 73%,29.5% 71%);filter:drop-shadow(-1px 2px 1px #172c4930);}


@media(max-width:980px){
 .comparison-preview__layout{grid-template-columns:minmax(0,1fr);gap:32px;}
 .comparison-preview__copy{grid-column:1;grid-row:1;}
 .comparison-preview__visual{--peek-size:140px;grid-column:1;grid-row:2;width:100%;max-width:520px;}
 .comparison-preview__copy .h2{font-size:clamp(30px,5vw,42px);}
 .comparison-preview__sheet{padding:20px 18px;}
}
@media(max-width:480px){
 .comparison-preview__table{grid-template-columns:.9fr 1.1fr 1.1fr;font-size:11px;}
 .comparison-preview__table>strong{font-size:11px;}
 .comparison-preview__table>span,.comparison-preview__table>strong{padding-inline:7px;}
 .comparison-preview__visual{--peek-size:100px;}
 .comparison-preview__sheet{padding:18px 12px;}
 .comparison-preview__heading{font-size:13px;gap:7px;}
}

/* Ritmo compartido entre los tres bloques de la trilogía. */
#top>section.home-discovery{padding-bottom:76px;}
#top>section.home-discovery+section.audio-preview{padding-top:76px;}
@media(max-width:980px){
 #top>section.home-discovery{padding-bottom:48px;}
 #top>section.home-discovery+section.audio-preview{padding-top:48px;}
 .comparison-preview__table{column-gap:8px;}
}

/* Primer bloque de la secuencia Explorar → Audio → Comparar. */
.home-discovery__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;}
.home-discovery__copy{grid-column:2;grid-row:1;min-width:0;}
.home-discovery__copy .h2{text-wrap:balance;}
.home-discovery__visual{grid-column:1;grid-row:1;width:94%;max-width:480px;margin:auto;padding:26px;background:var(--c-white);border:1px solid #e7edf4;border-radius:24px;box-shadow:0 18px 35px -24px #172c4940;}
.home-discovery__heading{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:20px;}
.home-discovery__heading svg{width:20px;height:20px;color:var(--brand);}
.home-discovery__entry{display:flex;align-items:center;gap:16px;padding:22px 0;text-decoration:none;color:var(--ink);}
.home-discovery__entry+.home-discovery__entry{border-top:1px solid #e7edf4;}
.home-discovery__icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;background:var(--info-bg);color:var(--brand);}
.home-discovery__icon svg{width:22px;height:22px;stroke-width:1.6;}
.home-discovery__entry-copy{min-width:0;display:flex;flex-direction:column;gap:6px;}
.home-discovery__count{font-size:14px;font-weight:600;}
.home-discovery__count strong{font-size:25px;letter-spacing:-.03em;color:var(--brand);margin-right:3px;}
.home-discovery__detail{font-size:12px;color:var(--muted);}
.home-discovery__arrow{width:18px;height:18px;flex-shrink:0;margin-left:auto;margin-right:10px;color:var(--brand);transition:transform .18s ease;}
.home-discovery__entry:hover{text-decoration:none;}
.home-discovery__entry:hover .home-discovery__arrow,.home-discovery__entry:focus-visible .home-discovery__arrow{transform:translateX(4px);}
@media(prefers-reduced-motion:reduce){.home-discovery__arrow{transition:none;}.home-discovery__entry:hover .home-discovery__arrow,.home-discovery__entry:focus-visible .home-discovery__arrow{transform:none;}}
#top>section.audio-preview:has(+.comparison-preview){padding-bottom:76px;}
#top>section.audio-preview+.comparison-preview{padding-top:76px;}
@media(max-width:980px){
 .home-discovery__layout{grid-template-columns:minmax(0,1fr);gap:32px;}
 .home-discovery__copy{grid-column:1;grid-row:1;}
 .home-discovery__visual{grid-column:1;grid-row:2;width:100%;max-width:440px;padding:22px;}
 .home-discovery__copy .h2{font-size:clamp(30px,5vw,42px);}
 #top>section.audio-preview:has(+.comparison-preview){padding-bottom:80px;}
 #top>section.audio-preview+.comparison-preview{padding-top:48px;}
}
@media(max-width:480px){
 .home-discovery__visual{padding:20px 16px;}
 .home-discovery__entry{gap:10px;}
 .home-discovery__count{font-size:12px;}
 .home-discovery__detail{font-size:11px;}
 .home-discovery__icon{width:36px;height:36px;}
}

/* Cierre propio del Index; el componente compartido conserva su diseño. */
#top>.home-closing{background:var(--c-white);border:0;padding:0 0 88px;overflow:visible;}
.home-closing__divider{position:relative;width:min(var(--container),calc(100% - 32px));height:96px;margin:0 auto 56px;}
.home-closing__divider::before{content:"";position:absolute;left:0;right:0;bottom:10px;height:1px;background:linear-gradient(90deg,transparent,#dce4ee 20%,#dce4ee 80%,transparent);}
.home-closing__divider img{position:absolute;bottom:-11px;left:50%;transform:translateX(-50%);width:112px;height:112px;object-fit:contain;}
@media(max-width:980px){
 #top>.home-closing{padding-bottom:64px;}
 .home-closing__divider{width:calc(100% - 2 * var(--home-gutter,22px));margin-bottom:40px;}
}


/* Detalles estáticos de conversación en los márgenes de los testimonios. */
.home-testimonials{position:relative;isolation:isolate;overflow:hidden;}
.home-testimonials>.container{position:relative;z-index:1;}
.home-testimonials__decoration{position:absolute;inset:0;pointer-events:none;color:var(--brand);opacity:.12;}
.home-testimonials__decoration>svg{position:absolute;stroke-width:1;fill:none;}
.home-testimonials__bubble--top{width:72px;height:72px;right:19%;top:40px;transform:rotate(-12deg);}
.home-testimonials__bubble--bottom{width:58px;height:58px;left:12%;bottom:16px;transform:rotate(14deg);}
.home-testimonials__star--large{width:64px;height:64px;right:6%;top:80px;transform:rotate(16deg);}
.home-testimonials__star--small{width:24px;height:24px;right:13%;top:36px;transform:rotate(-12deg);}
.home-testimonials__star--left{width:42px;height:42px;left:3%;top:43%;transform:rotate(-18deg);}
.home-testimonials__star--bottom{width:34px;height:34px;right:26%;bottom:26px;transform:rotate(12deg);}
.home-testimonials__star--right{width:50px;height:50px;right:3%;bottom:100px;transform:rotate(-10deg);}
@media(max-width:980px){
 .home-testimonials__bubble--top,.home-testimonials__star--large,.home-testimonials__star--small,.home-testimonials__star--left,.home-testimonials__star--right{display:none;}
 .home-testimonials__bubble--bottom{width:36px;height:36px;left:7%;bottom:10px;}
 .home-testimonials__star--bottom{width:24px;height:24px;right:9%;bottom:14px;}
}

@media(max-width:980px){
 #top>.home-closing{--closing-mobile-title-size:var(--qv-mobile-title-size);--closing-mobile-title-leading:var(--qv-mobile-title-leading);--closing-mobile-title-tracking:var(--qv-mobile-title-tracking);--closing-mobile-copy-size:var(--qv-mobile-copy-size);--closing-mobile-copy-leading:var(--qv-mobile-copy-leading);}
 #top>.home-closing .qv-closing-cta__inner{width:min(400px,calc(100% - 2 * var(--home-gutter)));}
}

/* Ritmo interno móvil compartido por las secciones explicativas. */
@media(max-width:980px){
 #top :is(.comparison-preview__copy,.home-discovery__copy){width:min(400px,100%);margin-inline:auto;}
 #top>section :is(.assistant-preview__copy,.comparison-preview__copy,.home-discovery__copy,.audio-preview__copy) h2{margin-bottom:20px;}
 #top>section.audio-preview .h2{margin-bottom:20px;}
 #top>section :is(.assistant-preview__copy,.comparison-preview__copy,.home-discovery__copy)>.lead{margin-bottom:28px;}
 #top>section.audio-preview .lead{margin-bottom:28px;}
 #top>section .lead+.list{margin-top:0;}
}

/* Separadores de la trilogía: sólo móvil, sin alterar el espacio entre secciones. */
@media(max-width:980px){
 #top>section:is(.audio-preview,.comparison-preview){position:relative;}
 #top>section:is(.audio-preview,.comparison-preview)::before{content:"";position:absolute;top:0;left:var(--home-gutter);right:var(--home-gutter);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--muted) 18%,var(--c-white)) 20%,color-mix(in srgb,var(--muted) 18%,var(--c-white)) 80%,transparent);pointer-events:none;}
}

/* Pose completa propia sobre la tarjeta móvil; escritorio conserva la lateral. */
.comparison-preview__mascot--mobile { display:none; }
@media(max-width:480px){
 .comparison-preview__visual { padding:96px 0 0; }
 .comparison-preview__mascot { display:none; }
 .comparison-preview__mascot--mobile { display:block; top:0; right:12px; width:112px; height:112px; z-index:2; }
 .comparison-preview__mascot--paw { clip-path:none; display:none; }
 .comparison-preview__sheet { width:100%; box-sizing:border-box; }
 .comparison-preview__heading { margin-bottom:18px; }
}

/* Presentación integrada en la página: giro, detalle y explicación, sin escenario exterior. */
.product-demo{padding:64px 0 48px;}
.product-demo__layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:46px;}
.product-demo__copy h2{margin:0 0 22px;color:var(--ink);}
.product-demo__copy .lead{margin:0 0 30px;color:var(--muted);font-size:17px;line-height:1.6;}
.product-demo__copy .list{margin:0;gap:16px;}.product-demo__copy .list li{font-size:15px;line-height:1.5;}.product-demo__copy .list li>span:last-child{font-weight:400;}
.product-demo__visual{min-width:0;}
.product-demo__stage{position:relative;height:552px;color:var(--ink);}
.product-demo__art{position:absolute;inset:0;font-size:14px;perspective:1500px;}
.product-demo__results{position:absolute;inset:8px 0 0;opacity:.32;filter:blur(2px);mask-image:radial-gradient(ellipse 60% 55% at 50% 50%,#000 25%,transparent 85%);pointer-events:none;}
.product-demo__results img{width:100%;height:100%;object-fit:cover;object-position:25% center;}
.product-demo__card-wrap{position:absolute;left:50%;top:54px;width:350px;height:432px;margin-left:-175px;perspective:1400px;opacity:0;}
.product-demo__flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;}
.product-demo__face{position:absolute;inset:0;border:1px solid #e2e8ef;border-radius:22px;background:#fff;padding:28px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 16px 38px -18px #20375038;display:flex;flex-direction:column;}
.product-demo__face--back{transform:rotateY(180deg);}
.product-demo__card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.product-demo__plan-label{display:flex;align-items:center;gap:7px;color:var(--brand);font-size:12px;font-weight:600;}
.product-demo__plan-label svg{width:20px;height:20px;}
.product-demo__score{text-align:center;font-size:25px;font-weight:700;line-height:1.05;}.product-demo__score small{display:block;font-size:9px;font-weight:500;color:#7b899b;margin-bottom:4px;}
.product-demo__face h3{font-size:23px;letter-spacing:-.03em;margin:0 0 6px;line-height:1.2;}
.product-demo__plan-sub{font-size:12px;color:#74859a;margin:0 0 20px;}
.product-demo__row{display:flex;justify-content:space-between;align-items:center;gap:5px;border-bottom:1px solid #e6edf4;padding:15px 0;font-size:12px;}
.product-demo__row>span{display:flex;align-items:center;gap:8px;color:#6a7d94;}.product-demo__row svg{width:16px;height:16px;stroke-width:1.6;}.product-demo__row strong{white-space:nowrap;font-weight:650;}
.product-demo__price{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:26px;}.product-demo__price>strong{font-size:28px;letter-spacing:-.045em;}.product-demo__price small{display:block;color:#8391a3;font-size:9px;letter-spacing:0;font-weight:400;margin-top:4px;}
.product-demo__open{position:relative;background:var(--brand);color:#fff;border-radius:30px;padding:12px 15px;font-size:12px;white-space:nowrap;}
.product-demo__click{position:absolute;inset:-7px;border:2px solid var(--brand);border-radius:30px;opacity:0;}
.product-demo__face--back h3{margin:7px 0 25px;font-size:24px;}.product-demo__back-line{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid #e5ecf4;}.product-demo__back-line>svg{width:23px;height:23px;color:var(--brand);}.product-demo__back-line strong{font-size:14px;display:block;}.product-demo__back-line div>span{display:block;font-size:11px;color:#6d839c;margin-top:5px;}.product-demo__face--back>p{font-size:11px;color:#6d839c;margin:auto 0 0;padding-top:18px;}
.product-demo__detail{position:absolute;left:2%;top:66px;width:96%;height:442px;background:#fff;border:1px solid #e1e8f0;border-radius:18px;box-shadow:0 16px 38px -20px #20375038;overflow:hidden;opacity:.25;transform:translateX(-2%) scale(.96);}
.product-demo__detail-bar{display:flex;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e6edf4;font-size:9px;color:#7b8da2;}.product-demo__detail-bar>span:last-child{display:flex;align-items:center;gap:7px;}.product-demo__detail-bar svg{width:10px;height:10px;}
.product-demo__detail-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 22px;}.product-demo__detail-heading h3{font-size:24px;letter-spacing:-.04em;margin:8px 0 0;}.product-demo__detail-heading>strong{font-size:25px;letter-spacing:-.04em;}.product-demo__detail-heading small{display:block;font-size:10px;font-weight:400;color:#7f8ea1;text-align:right;letter-spacing:0;}
.product-demo__tabs{display:flex;gap:22px;padding:0 22px;border-bottom:1px solid #e5ecf3;color:#778a9f;font-size:10px;}.product-demo__tabs>span{padding:0 0 13px;white-space:nowrap;}.product-demo__tabs>span:first-child{color:var(--brand);border-bottom:2px solid var(--brand);font-weight:650;}
.product-demo__detail-body{display:grid;grid-template-columns:1.35fr 1fr;gap:25px;padding:24px 22px;}
.product-demo__coverage{position:relative;border-radius:12px;}.product-demo__coverage>p{display:flex;align-items:center;gap:8px;font-weight:600;margin:0 0 22px;font-size:12px;}.product-demo__coverage>p svg{width:17px;height:17px;color:var(--brand);}
.product-demo__coverage>div{display:grid;grid-template-columns:1fr auto;align-items:center;margin:0 0 22px;gap:12px;font-size:11px;}.product-demo__coverage>div>span{color:#6d8097;}.product-demo__coverage strong{font-size:22px;letter-spacing:-.025em;}.product-demo__coverage strong small{font-size:14px;}.product-demo__coverage>small{font-size:9px;color:#7a8ca2;line-height:1.5;display:block;}
.product-demo__meter{grid-column:1/-1;height:4px;border-radius:9px;background:#e7f0f9;overflow:hidden;}.product-demo__meter span{display:block;width:90%;height:100%;border-radius:inherit;background:var(--brand);transform-origin:left;}.product-demo__meter--second span{width:70%;}
.product-demo__focus-ring{position:absolute;inset:-10px;border:1px solid #86bff4;border-radius:12px;opacity:0;pointer-events:none;}
.product-demo__detail-side{font-size:10px;color:#708298;line-height:1.6;}.product-demo__detail-side>svg{width:20px;height:20px;color:var(--brand);}.product-demo__detail-side h4{font-size:12px;color:#263951;margin:5px 0 7px;}.product-demo__detail-side p{margin:0 0 10px;}.product-demo__detail-side>span{font-size:10px;color:var(--brand);font-weight:600;}.product-demo__detail-side hr{border:0;border-top:1px solid #e8eef4;margin:12px 0;}
.product-demo__assistant{position:absolute;z-index:2;top:31px;right:1%;width:370px;height:auto;min-height:496px;background:#fff;border:1px solid #e4e8ed;border-radius:24px;box-shadow:0 18px 40px -20px #20375045;display:flex;flex-direction:column;}
.product-demo__assistant-head{display:flex;align-items:center;gap:10px;padding:22px 24px;border-bottom:1px solid #e9edf2;}.product-demo__assistant-head img{width:33px;height:33px;object-fit:contain;}.product-demo__assistant-head strong{font-size:18px;font-weight:650;}.product-demo__assistant-head>span{margin-left:auto;color:#7d8da1;font-size:22px;}
.product-demo__conversation{padding:23px 24px 0;}
.product-demo__question{margin:0 0 28px 12px;padding:14px 16px;border-radius:16px 16px 4px 16px;background:#edf3ff;font-size:13px;line-height:1.5;}
.product-demo__answer>p{margin:0 0 22px;font-size:13px;line-height:1.5;}
.product-demo__answer-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:21px;}.product-demo__answer-row>svg{width:19px;height:19px;flex:none;color:var(--brand);margin-top:2px;stroke-width:1.7;}.product-demo__answer-row strong{font-size:14px;font-weight:600;}.product-demo__answer-row p{font-size:12px;color:#708096;line-height:1.5;margin:5px 0 0;}
.product-demo__character{font:inherit;color:inherit;}.product-demo.is-animated .product-demo__character{visibility:hidden;}.product-demo.is-animated .product-demo__character.is-revealed{visibility:visible;}
.product-demo__input{display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e8f0;border-radius:24px;padding:7px 8px 7px 13px;font-size:11px;color:#8391a3;margin:auto 18px 24px;}.product-demo__input span{display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;width:30px;height:30px;font-size:20px;}
.product-demo__request{position:absolute;z-index:3;top:120px;left:50%;width:350px;max-width:92%;transform:translateX(-50%);padding:28px;background:#fff;border:1px solid #e2e8ef;border-radius:24px;box-shadow:0 18px 40px -20px #20375045;opacity:0;pointer-events:none;}
.product-demo__request h3{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:23px 0 10px;}
.product-demo__request-price{font-size:28px;font-weight:650;letter-spacing:-.04em;margin:0;}.product-demo__request-price small{font-size:12px;font-weight:400;letter-spacing:0;color:#7b8da2;}
.product-demo__request-action{position:relative;height:50px;margin-top:28px;}
.product-demo__request-button,.product-demo__request-confirmation{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:28px;font-size:14px;font-weight:600;}
.product-demo__request-button{background:var(--brand);color:#fff;}.product-demo__request-button svg{width:19px;height:19px;}
.product-demo__request-confirmation{background:#edf6ff;color:#0871ce;opacity:0;}.product-demo__request-confirmation svg{width:22px;height:22px;}
.product-demo__request-next{font-size:12px;line-height:1.5;text-align:center;color:#708096;margin:18px 0 0;opacity:0;}
.product-demo__request-pulse{position:absolute;inset:-6px;border:2px solid #82bdff;border-radius:32px;opacity:0;}
.product-demo__cursor{position:absolute;z-index:1;left:66%;top:24px;opacity:0;filter:drop-shadow(0 2px 2px #20375026);transform-origin:4px 2px;}
.product-demo__confetti{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;}
.product-demo__confetti-piece{position:absolute;left:50%;width:6px;height:10px;border-radius:1px;opacity:0;}
.product-demo__success{position:absolute;z-index:5;top:76px;left:0;width:100%;text-align:center;opacity:0;pointer-events:none;}
.product-demo__mascot{position:relative;width:230px;height:230px;margin:0 auto 8px;}
.product-demo__mascot img{position:relative;display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 89%;}
.product-demo__mascot-shadow{position:absolute;left:25%;bottom:20px;width:50%;height:14px;border-radius:50%;background:radial-gradient(ellipse,#2b527b2e,transparent 70%);}
.product-demo__success-copy{width:340px;max-width:calc(100% - 24px);margin:0 auto;padding:20px 20px 22px;background:#fff;border:1px solid #e2e8ef;border-radius:22px;box-shadow:0 14px 34px -22px #20375038;text-align:center;}
.product-demo__success h3{display:grid;grid-template-columns:24px auto 24px;align-items:center;justify-content:center;gap:9px;font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:0;}.product-demo__success h3::after{content:"";}.product-demo__success h3 span{white-space:nowrap;}.product-demo__success h3 svg{width:24px;height:24px;color:var(--brand);}
.product-demo__success-copy p{font-size:15px;line-height:1.6;color:#708096;max-width:260px;margin:10px auto 0;text-align:center;}
@media(max-width:640px){.product-demo__success{top:74px;}.product-demo__mascot{width:204px;height:204px;margin-bottom:6px;}.product-demo__mascot-shadow{bottom:18px;}.product-demo__success-copy{padding:18px 14px 20px;border-radius:20px;}.product-demo__success h3{font-size:22px;grid-template-columns:21px auto 21px;gap:8px;}.product-demo__success h3 svg{width:21px;height:21px;}.product-demo__success-copy p{font-size:13px;}}
@media(max-width:360px){.product-demo__success h3{font-size:20px;}}
@media(max-width:640px){.product-demo__request{top:112px;padding:25px 24px;}.product-demo__request h3{font-size:23px;}.product-demo__request-price{font-size:27px;}.product-demo__request-next{font-size:11px;}}
@media(min-width:981px) and (max-width:1150px){.product-demo__layout{gap:32px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);}.product-demo__copy h2 br{display:none;}.product-demo__detail-side{display:none;}.product-demo__detail-body{grid-template-columns:1fr;padding:24px 26px;}.product-demo__tabs>span:nth-child(n+4){display:none;}.product-demo__detail-heading h3{font-size:23px;}.product-demo__coverage>div{margin-bottom:18px;}}
@media(max-width:980px){
 .product-demo{padding:48px 0 36px;}.product-demo__layout{grid-template-columns:1fr;gap:34px;}.product-demo__copy{width:min(580px,100%);margin:auto;}.product-demo__copy h2 br{display:none;}.product-demo__copy .lead{margin:20px auto 26px;}.product-demo__copy .list{width:fit-content;max-width:100%;margin:auto;}.product-demo__visual{width:min(600px,100%);margin:auto;}.product-demo__stage{height:552px;}.product-demo__assistant{right:7%;}
}
@media(max-width:640px){
 .product-demo__layout{gap:25px;}.product-demo__copy .list li{font-size:13px;}.product-demo__copy .list{gap:13px;}.product-demo__stage{height:514px;}.product-demo__art{font-size:13px;}.product-demo__results{inset:0;opacity:.23;}
 .product-demo__card-wrap{left:4%;margin-left:0;top:42px;width:92%;height:416px;}.product-demo__face{padding:24px;border-radius:20px;}.product-demo__face h3{font-size:22px;}.product-demo__row{font-size:11px;padding:15px 0;}.product-demo__price>strong{font-size:27px;}.product-demo__price small{font-size:8px;}.product-demo__open{font-size:11px;padding:11px 12px;}.product-demo__face--back h3{font-size:23px;}
 .product-demo__detail{left:0;width:100%;height:auto;min-height:426px;top:44px;transform:scale(.95);opacity:.15;}.product-demo__detail-heading{padding:22px 18px;}.product-demo__detail-heading h3{font-size:21px;}.product-demo__detail-heading>strong{font-size:22px;}.product-demo__detail-heading .product-demo__plan-label{font-size:10px;}.product-demo__tabs{gap:20px;padding:0 18px;font-size:10px;}.product-demo__tabs>span:nth-child(n+4){display:none;}.product-demo__detail-body{display:block;padding:26px 22px 34px;}.product-demo__coverage{padding-bottom:10px;}.product-demo__detail-side{display:none;}.product-demo__coverage>div{font-size:12px;margin-bottom:23px;}.product-demo__coverage strong{font-size:25px;}
 .product-demo__assistant{top:17px;right:2%;width:96%;height:auto;min-height:486px;border-radius:22px;}.product-demo__assistant-head{padding:20px;}.product-demo__assistant-head strong{font-size:17px;}.product-demo__assistant-head img{width:30px;height:30px;}.product-demo__conversation{padding:22px 20px 0;}.product-demo__question{font-size:12px;margin:0 0 27px 8px;padding:13px;}.product-demo__answer>p{font-size:12px;}.product-demo__answer-row{gap:11px;margin-bottom:21px;}.product-demo__answer-row strong{font-size:13px;}.product-demo__answer-row p{font-size:11px;}.product-demo__input{font-size:10px;margin: auto 14px 20px;}
}
@media(max-width:360px){.product-demo__face{padding:20px;}.product-demo__plan-label{font-size:10px;}.product-demo__price>strong{font-size:23px;}.product-demo__price small{font-size:7px;}.product-demo__open{font-size:10px;padding:10px;}.product-demo__row{font-size:10px;}.product-demo__detail-heading h3{font-size:18px;}.product-demo__detail-heading>strong{font-size:19px;}.product-demo__assistant-head{padding:18px;}.product-demo__assistant-head strong{font-size:15px;}.product-demo__conversation{padding:22px 17px 0;}.product-demo__answer-row p{font-size:11px;}.product-demo__question{font-size:11px;}}