/* ════════════════════════════════════════════════════════════
       QuVi Pro · landing — contenido estable y adaptable
       Reglas de oro de rendimiento:
        · vidrio = relleno sólido, NO backdrop-filter en vivo
        · animaciones infinitas se pausan fuera de viewport ([data-anim])
        · will-change solo donde anima de verdad
        · prefers-reduced-motion apaga todo lo decorativo
       ════════════════════════════════════════════════════════════ */
    :root{
      --pro-rgb:29,111,224;
      --pro-ink-dark:#070b14;
      --ff-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
      /* /pro tiene header propio (58px) y NO la barra de filtros del sitio.
         Override del --top-offset global (58+60=118px) para que las anclas del
         menú no salten ~60px de más sobre el título de cada sección. */
      --top-offset:72px;
    }
    /* El shell público suma scroll-padding y scroll-margin. Aquí reservamos
       una sola vez el header para que las anclas no dejen un salto de 144 px. */
    html{scroll-behavior:smooth;}
    main [id]{scroll-margin-top:0;}

    /* Iconos dentro de botones — mismo tamaño que en /metodologia (14px) */
    .btn svg,.btn [data-lucide]{width:14px;height:14px;stroke-width:2.2;}
    /* Portado desde landings.css (única regla que /pro necesitaba de ahí) */
    .btn--lg{font-size:var(--fs-14);height:46px;padding:0 18px;}

    /* ─── Pausa global de animaciones fuera de viewport ───
       Cualquier sección con [data-anim] congela sus animaciones
       cuando sale de pantalla. Lo activa el observer del final. */
    [data-anim].anim-paused,
    [data-anim].anim-paused *{animation-play-state:paused !important;}

    /* ─────────── Header dedicado (glass sin blur en vivo) ─────────── */
    .pro-nav{
      position:sticky;top:0;z-index:60;
      /* Vidrio estático: relleno casi opaco + borde, cero backdrop-filter.
         Se ve igual y NO repinta lo de atrás en cada scroll. */
      background:rgba(255,255,255,.92);
      border-bottom:1px solid rgba(15,23,42,.07);
    }
    .pro-nav__row{
      display:grid;grid-template-columns:1fr auto 1fr;gap:14px;
      align-items:center;height:58px;
    }
    .pro-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;justify-self:start;min-width:200px;}
    .pro-brand img{height:28px;width:auto;display:block;}
    .pro-brand__tag{
      font-size:.74rem;font-weight:700;letter-spacing:.02em;
      color:var(--brand);
      padding:3px 8px;border-radius:7px;
      background:var(--brand-soft);line-height:1;
    }
    .pro-nav__links{display:flex;align-items:stretch;gap:1.25rem;justify-self:center;height:100%;}
    .pro-nav__links a{
      display:flex;align-items:center;position:relative;
      color:var(--ink);text-decoration:none;
      font-size:13px;font-weight:500;letter-spacing:-.01em;
      padding:0 2px;
      transition:color .22s ease;
    }
    .pro-nav__links a::after{
      content:'';position:absolute;left:50%;bottom:14px;
      width:0;height:2px;background:var(--brand);border-radius:2px;
      transform:translateX(-50%);
      transition:width .28s cubic-bezier(.22,.61,.36,1);
    }
    .pro-nav__links a:hover{color:var(--brand);}
    .pro-nav__links a:hover::after{width:100%;}
    .pro-nav__cta{display:flex;align-items:center;gap:10px;justify-self:end;}
    .pro-nav .btn--primary,.pro-nav .btn--primary:hover{box-shadow:none;}
    .pro-nav__back{background:rgba(15,23,42,.04);border-color:#dfe4ec;color:var(--ink);}
    .pro-nav__back:hover{background:rgba(15,23,42,.07);border-color:#cfd6e2;}
    .pro-nav__back i,.pro-nav__back svg,.pro-nav__access i,.pro-nav__access svg{width:14px;height:14px;}
    .pro-nav__access{box-shadow:none;}
    @media (max-width:860px){
      .pro-nav__links{display:none;}
      .pro-nav__row{grid-template-columns:1fr auto;}
      .pro-brand{min-width:0;}
      .pro-nav .btn{white-space:nowrap;}
    }

    /* ─────────── HERO cinematográfico ─────────── */
    .pro-hero{
      position:relative;width:100vw;
      margin-left:calc(50% - 50vw);
      padding:clamp(72px,12vh,128px) 0 clamp(48px,7vh,80px);
      background:var(--pro-ink-dark);color:#fff;overflow:hidden;isolation:isolate;
    }
    .pro-hero::before{
      content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
      background:radial-gradient(ellipse 74% 58% at 50% 24%, rgba(46,98,190,.26), rgba(40,86,170,.10) 38%, transparent 64%);
    }
    .pro-hero__inner{text-align:center;position:relative;z-index:1;}
    .pro-hero__title{
      max-width:22ch;margin:0 auto;
      font-size:clamp(46px,6vw,72px);line-height:1;letter-spacing:-.045em;
      font-weight:800;text-wrap:balance;color:#fff;
    }
    .pro-hero__title .grad{
      background:linear-gradient(115deg,#6e7682 0%,#aab2bd 40%,#ffffff 50%,#aab2bd 60%,#6e7682 100%);
      background-size:200% 100%;
      -webkit-background-clip:text;background-clip:text;
      -webkit-text-fill-color:transparent;color:transparent;
      animation:proShimmer 7s linear infinite;
    }
    /* Loop sin costura: desplaza exactamente un tile (size 200% → de 0% a -200%),
       endpoints idénticos (gris), un solo barrido por ciclo, sin salto. */
    @keyframes proShimmer{from{background-position:0% center;}to{background-position:-200% center;}}
    .pro-hero__lead{
      max-width:50ch;margin:32px auto 0;
      color:rgba(255,255,255,.6);
      font-size:clamp(15px,1.1vw,17px);line-height:1.62;
      letter-spacing:-.01em;text-wrap:pretty;font-weight:400;
    }
    .pro-hero__actions{
      display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
      margin-top:34px;
    }
    .pro-hero__stores{position:absolute;right:max(14px,3.2%);bottom:4px;z-index:6;}
    .pro-hero__badges{display:flex;flex-direction:column;gap:8px;align-items:stretch;}
    .appbadge{display:flex;align-items:center;gap:7px;background:#000;border:1px solid rgba(255,255,255,.28);
      border-radius:9px;padding:5px 10px;text-decoration:none;color:#fff;position:relative;cursor:default;}
    .appbadge__ico{width:16px;height:16px;flex-shrink:0;}
    .appbadge__txt{display:flex;flex-direction:column;line-height:1.08;text-align:left;}
    .appbadge__txt small{font-size:6.5px;font-weight:500;letter-spacing:.01em;opacity:.92;}
    .appbadge__txt b{font-size:11.5px;font-weight:600;letter-spacing:-.02em;margin-top:1px;}
    .pro-hero__stage{
      margin-top:clamp(40px,6vh,64px);
      display:flex;flex-direction:column;align-items:center;
      position:relative;
    }
    .pro-hero__glow{
      position:absolute;bottom:-10%;left:50%;transform:translateX(-50%);
      width:min(560px,80%);height:240px;z-index:-1;
      background:radial-gradient(ellipse at center,rgba(var(--pro-rgb),.5),transparent 70%);
      filter:blur(40px);opacity:.6;
    }
    .btn--ondark{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22);color:#fff;}
    .btn--ondark:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34);}

    @media (prefers-reduced-motion:reduce){
      .pro-hero__title,.pro-hero__title .grad,
      .pro-hero__lead,.pro-hero__actions,.pro-hero__stage{animation:none;opacity:1;transform:none;}
      .pro-hero__stage .pro-phone{transform:none;}
    }

    /* ─────────── Teléfono mockup (CSS puro) ─────────── */
    .pro-phone{
      position:relative;width:clamp(248px,72vw,290px);
      flex-shrink:0;
      border-radius:46px;background:#0a0d14;padding:11px;
      box-shadow:0 6px 18px rgba(15,23,42,.07),
        inset 0 0 0 2px rgba(255,255,255,.07),inset 0 0 0 7px #1a1f2b;
    }
    .pro-phone__screen{
      position:relative;width:100%;aspect-ratio:1320/2868;
      border-radius:36px;overflow:hidden;
      background:linear-gradient(180deg,#eef2f9 0%,#e6ecf6 100%);
      display:flex;flex-direction:column;
    }
    .pro-phone__shot{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
    .pro-phone__island{
      position:absolute;top:11px;left:50%;transform:translateX(-50%);
      width:84px;height:25px;background:#05070c;border-radius:16px;z-index:8;
    }
    /* Pantalla de bloqueo + push (card 17:20) */
    .ps-status{display:flex;justify-content:space-between;align-items:center;
      padding:13px 22px 4px;font-size:11px;font-weight:600;color:#0f172a;}
    .ps-status .ps-dots{display:inline-flex;gap:3px;align-items:center;}
    .ps-status .ps-dots i{width:4px;height:4px;border-radius:50%;background:#0f172a;display:inline-block;}
    .ps-screen--lock{background:
      linear-gradient(180deg,rgba(5,8,14,.4),rgba(5,8,14,.7)),
      radial-gradient(ellipse 80% 50% at 50% 20%,#2b3a66,#0a0f1c 75%);}
    .ps-lock-time{text-align:center;color:#fff;margin-top:40px;}
    .ps-lock-time .d{font-size:12px;font-weight:600;opacity:.85;letter-spacing:.02em;}
    .ps-lock-time .t{font-size:46px;font-weight:600;letter-spacing:-.03em;line-height:1;margin-top:2px;}
    .ps-push{
      margin:auto 9px 13px;background:rgba(250,250,252,.92);
      border-radius:17px;padding:9px 11px;
      display:flex;gap:9px;align-items:flex-start;
      border:.5px solid rgba(255,255,255,.45);
      box-shadow:0 8px 22px rgba(5,10,20,.22);
    }
    .ps-push__ico{
      width:26px;height:26px;border-radius:7px;flex-shrink:0;
      background:linear-gradient(150deg,#3aa0ff 0%,#0d6ef0 100%);
      display:grid;place-items:center;color:#fff;
    }
    .ps-push__ico i,.ps-push__ico svg{width:14px;height:14px;stroke-width:2.3;}
    .ps-push__b{flex:1;min-width:0;}
    .ps-push__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
    .ps-push__b strong{font-size:11.5px;color:#0f172a;font-weight:700;letter-spacing:-.01em;}
    .ps-push__b time{font-size:9.5px;color:#64748b;font-weight:500;flex-shrink:0;white-space:nowrap;}
    .ps-push__b p{margin:1px 0 0;font-size:10.5px;color:#3a4250;line-height:1.32;}

    /* ─────────── MacBook/browser mockup (CSS puro) ─────────── */
    .pro-mac{position:relative;border-radius:18px;background:#0c0f17;padding:8px 8px 10px;
      box-shadow:0 24px 70px rgba(4,9,20,.45),inset 0 0 0 1.5px rgba(255,255,255,.08);}
    .pro-mac__bar{display:flex;align-items:center;padding:2px 5px 7px;}
    .pro-mac__dots{display:inline-flex;gap:5px;}
    .pro-mac__dots i{width:7.5px;height:7.5px;border-radius:50%;display:inline-block;}
    .pro-mac__dots i:nth-child(1){background:#ff5f57;}
    .pro-mac__dots i:nth-child(2){background:#febc2e;}
    .pro-mac__dots i:nth-child(3){background:#28c840;}
    .pro-mac__screen{position:relative;border-radius:10px;overflow:hidden;background:#f8fafc;aspect-ratio:16/10;display:flex;text-align:left;}
    /* Variante MacBook con notch (estilo "Un día contigo"), sin barra de navegador */
    .pro-mac--lid{padding:9px;border-radius:16px;background:#0a0d14;
      box-shadow:0 30px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.07);}
    .pro-mac__notch{position:absolute;top:0;left:50%;transform:translateX(-50%);
      width:118px;height:15px;background:#0a0d14;border-radius:0 0 9px 9px;z-index:2;}
    .pro-mac--lid .pro-mac__screen{border-radius:7px;}
    .pro-mac__shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top;}

    .dk-orb{--rh:20px;position:relative;width:calc(var(--rh)*1.767);height:var(--rh);flex:none;border-radius:999px;
      background:linear-gradient(150deg,#2b3a52 0%,#131c2e 100%);
      display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);}
    .dk-orb i{display:flex;gap:calc(var(--rh)*.302);animation:dkLook 6s ease-in-out infinite;}
    .dk-orb i::before,.dk-orb i::after{content:"";width:calc(var(--rh)*.233);height:calc(var(--rh)*.465);border-radius:999px;background:#fff;animation:dkBlink 4.6s ease-in-out infinite;}
    @keyframes dkLook{0%,20%,46%,70%,100%{transform:translateX(0);}27%,42%{transform:translateX(calc(var(--rh)*-.163));}75%,90%{transform:translateX(calc(var(--rh)*.163));}}
    @keyframes dkBlink{0%,91%,100%{transform:scaleY(1);}94%{transform:scaleY(.12);}}
    /* ─────────── HERO: composición escritorio + teléfono ─────────── */
    .pro-duo{position:relative;width:min(860px,94%);margin:0 auto;padding-bottom:30px;}
    .pro-duo>.pro-mac{width:min(740px,90%);margin:0 auto;}
    .pro-duo>.pro-phone{position:absolute;right:max(10px,4%);bottom:-14px;width:clamp(144px,18.5vw,196px);z-index:3;
      padding:7px;border-radius:30px;
      box-shadow:0 30px 70px rgba(3,8,18,.6),inset 0 0 0 1.5px rgba(255,255,255,.09),inset 0 0 0 4.5px #1a1f2b;}
    .pro-duo>.pro-phone .pro-phone__screen{border-radius:24px;}
    @media (max-width:1140px){
      /* En pantallas angostas, los badges dejan de superponerse al teléfono. */
      .pro-hero__stores{position:relative;right:auto;bottom:auto;margin:24px auto 0;align-self:center;}
    }
    @media (max-width:560px){
      /* "14 días gratis…" baja a su propia línea, sin el separador colgando */
      .pro-hero{padding-top:56px;}
      .pro-hero__title{font-size:clamp(36px,9.6vw,48px);}
      .pro-hero__actions{flex-direction:column;align-items:stretch;gap:12px;}
      .pro-duo{width:100%;padding-bottom:44px;}
      .pro-hero__badges{flex-direction:row;justify-content:center;}
      .pro-nav__back{display:none;}
      .pro-nav .btn{min-height:44px;}
      /* Mac más fino en móvil (menos marco, esquinas más justas) */
      .pro-duo>.pro-mac{width:96%;padding:5px 5px 7px;border-radius:13px;}
      .pro-mac__notch{width:56px;height:9px;border-radius:0 0 5px 5px;}
      /* Teléfono moderno: bezel delgado y uniforme, esquinas amplias */
      .pro-duo>.pro-phone{
        width:clamp(80px,25vw,122px);right:0;padding:3px;border-radius:27px;
        box-shadow:0 18px 40px rgba(3,8,18,.55),
          inset 0 0 0 1px rgba(255,255,255,.10),inset 0 0 0 2px #11151f;}
      .pro-duo>.pro-phone .pro-phone__screen{border-radius:24px;}
    }

    /* ─────────── PUENTE · no es una app, es subir de nivel ─────────── */
    .pro-puente{display:grid;grid-template-columns:480px 1fr;gap:60px;align-items:center;}
    .pro-puente__h{
      text-align:left;margin:0;font-size:clamp(28px,3vw,40px);
      line-height:1.05;letter-spacing:-.04em;font-weight:700;text-wrap:balance;color:var(--ink);
    }
    .pro-puente__h em{font-style:normal;color:var(--brand);}
    .pro-puente__sub{display:block;margin-top:14px;color:var(--muted);font-size:var(--text-lead);font-weight:var(--fw-400);line-height:var(--lh-body);}
    .pro-puente__list{list-style:none;margin:0;padding:0;}
    .pro-puente__list>li{
      display:grid;grid-template-columns:40px 1fr;gap:20px;align-items:start;
      padding:22px 0;border-top:1px solid var(--stroke-1);
    }
    .pro-puente__list>li:last-child{border-bottom:1px solid var(--stroke-1);}
    .pro-puente__icon{
      width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
      flex-shrink:0;background:var(--brand-soft);color:var(--brand);
    }
    .pro-puente__icon i,.pro-puente__icon svg{width:18px;height:18px;stroke-width:2;}
    .pro-puente__list h3{margin:0 0 5px;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
    .pro-puente__list p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55;}
    @media (max-width:900px){
      .pro-puente{grid-template-columns:1fr;gap:30px;}
    }

    /* ─────────── UN DÍA CONTIGO · carrusel horizontal (scroll-snap) ───────────
       Scroll-snap nativo y tarjetas de altura estable. El cielo interpola
       opacidades por frame sin modificar el layout. */
    .pro-day2{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;
      background:#0a0f1c;
      --hd-ink:#0b1220;--hd-muted:#475569;
      --hd-dot:rgba(15,23,42,.22);--hd-dot-on:#0b1220;
      padding:clamp(54px,7vh,96px) 0 clamp(40px,6vh,72px);}
    /* Cielo día→noche: 5 capas apiladas, opacidad ligada al scroll (JS) */
    .day2__skies{position:absolute;inset:0;z-index:0;pointer-events:none;}
    .day2__sky{position:absolute;inset:0;opacity:0;}
    .day2__sky[data-sky="0"]{opacity:1;background:radial-gradient(ellipse 60% 40% at 80% 1%,rgba(255,213,150,.30),transparent 70%),linear-gradient(180deg,#f3f8ff 0%,#e9f2fe 55%,#ddebfc 100%);}
    .day2__sky[data-sky="1"]{background:radial-gradient(ellipse 64% 42% at 50% 0%,rgba(255,255,255,.85),transparent 70%),linear-gradient(180deg,#f5faff 0%,#e4effe 60%,#d8e8fc 100%);}
    .day2__sky[data-sky="2"]{background:radial-gradient(ellipse 58% 36% at 16% 100%,rgba(255,198,130,.24),transparent 70%),linear-gradient(180deg,#f4f8fe 0%,#e9eefb 55%,#e9e6ee 100%);}
    .day2__sky[data-sky="3"]{background:radial-gradient(ellipse 66% 32% at 50% 100%,rgba(255,138,76,.40),transparent 72%),linear-gradient(180deg,#131e3a 0%,#283058 46%,#5d4366 76%,#a05a48 100%);}
    .day2__sky[data-sky="4"]{background:radial-gradient(ellipse 44% 30% at 82% 6%,rgba(148,180,255,.14),transparent 70%),linear-gradient(180deg,#04070f 0%,#0a1222 58%,#101b31 100%);}
    .day2__head,.day2__viewport,.day2__controls{position:relative;z-index:1;}
    .day2__head{text-align:center;max-width:680px;margin:0 auto clamp(28px,4vh,46px);padding:0 20px;}
    .day2__title{margin:4px 0 0;font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.04em;line-height:1.04;color:var(--hd-ink);}
    .day2__lead{margin:14px auto 0;max-width:54ch;color:var(--hd-muted);font-size:clamp(15px,1.1vw,17px);line-height:1.6;}

    .day2__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
      scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;
      --card-w:min(940px,86vw);}
    .day2__viewport::-webkit-scrollbar{display:none;}
    .day2__track{display:flex;width:max-content;gap:clamp(22px,2.6vw,38px);align-items:stretch;
      padding-inline:calc((100vw - var(--card-w)) / 2);}
    /* Márgenes en los extremos: centran la 1ª/última card y dejan aire a los
       costados. (El padding-inline-end se ignora en flex+scroll; el margin sí cuenta.) */

    .day2__card{scroll-snap-align:center;flex:0 0 var(--card-w);
      height:clamp(540px,68vh,680px);border-radius:26px;
      overflow:hidden;display:grid;grid-template-columns:1.24fr .96fr;
      background:#fff;border:1px solid rgba(15,23,42,.06);
      box-shadow:0 18px 40px -26px rgba(13,25,55,.42);
      --c-ink:#0b1220;--c-h:#0b1220;--c-muted:#475569;--c-label:#7a879c;
      --c-chip-fg:var(--brand);--c-chip-bg:#fff;--c-chip-bd:rgba(29,111,224,.22);}
    .day2__card[data-tone="dark"]{background:rgba(18,26,48,.6);border:1px solid rgba(255,255,255,.14);
      box-shadow:0 20px 44px -28px rgba(0,0,0,.55);
      --c-ink:#f2f6ff;--c-h:#fff;--c-muted:rgba(233,240,255,.74);--c-label:rgba(210,222,250,.62);
      --c-chip-fg:#bdd6ff;--c-chip-bg:rgba(255,255,255,.12);--c-chip-bd:rgba(255,255,255,.26);}
    .day2__media{position:relative;display:flex;align-items:stretch;justify-content:center;
      min-width:0;padding:clamp(18px,2.6vh,30px);}
    .day2__media--phone{align-items:center;}
    .day2__text{display:flex;flex-direction:column;justify-content:center;gap:12px;
      padding:clamp(24px,3.4vw,44px);padding-left:clamp(8px,1.2vw,18px);}
    .day2__when{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
    .day2__hr{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-mono);
      font-weight:600;font-size:13px;color:var(--c-chip-fg);background:var(--c-chip-bg);
      border:1px solid var(--c-chip-bd);padding:4px 10px;border-radius:999px;}
    .day2__hr i,.day2__hr svg{width:14px;height:14px;stroke-width:2.2;}
    .day2__place{font-size:11px;color:var(--c-label);font-weight:700;text-transform:uppercase;letter-spacing:.07em;}
    .day2__h{margin:4px 0 0;font-size:clamp(20px,1.7vw,27px);font-weight:700;letter-spacing:-.025em;line-height:1.16;color:var(--c-h);}
    .day2__p{margin:0;color:var(--c-muted);font-size:clamp(14px,1vw,15px);line-height:1.6;}
    .day2__p b{color:var(--c-ink);font-weight:600;}

    /* Cards de escritorio: estilo Apple (texto arriba, MacBook abierto abajo) */
    .day2__card--mac{display:flex;flex-direction:column;}
    .day2__card--mac .day2__text{flex:none;align-items:center;text-align:center;gap:8px;
      padding:clamp(18px,2.4vw,26px) clamp(22px,4vw,52px) 0;}
    .day2__card--mac .day2__when{justify-content:center;}
    .day2__card--mac .day2__h{max-width:26ch;}
    .day2__card--mac .day2__p{max-width:52ch;}
    .day2__card--mac .day2__media{flex:1;min-height:0;align-items:flex-start;justify-content:center;overflow:hidden;
      padding:clamp(24px,4vh,42px) clamp(10px,1.6vw,18px) 0;}

    /* Pantalla del notebook (solo el lid con notch), ampliada y saliendo por abajo */
    .day2__laptop{width:min(660px,100%);display:flex;flex-direction:column;align-items:center;}
    .day2__lid{position:relative;width:100%;background:#0a0d14;border-radius:16px;
      padding:9px;box-shadow:0 30px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.07);}
    .day2__notch{position:absolute;top:0;left:50%;transform:translateX(-50%);
      width:118px;height:16px;background:#0a0d14;border-radius:0 0 9px 9px;z-index:2;}
    .day2__screen2{position:relative;border-radius:7px;overflow:hidden;aspect-ratio:16/10;background:#000;}
    .day2__shot{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}

    /* Teléfono dentro de la card: se dimensiona por alto */
    .day2__media--phone .pro-phone{width:clamp(196px,16vw,228px);}
    /* Vibración visual del teléfono (card 17:20). Solo transform del teléfono;
       se pausa con [data-anim] al salir de pantalla. */
    .day2__card[data-buzz] .pro-phone{animation:dayBuzz 3s ease-in-out infinite;}
    @keyframes dayBuzz{0%,84%,100%{transform:translateX(0) rotate(0)}85%{transform:translateX(-1.4px) rotate(-.45deg)}86.5%{transform:translateX(1.4px) rotate(.45deg)}88%{transform:translateX(-1.3px) rotate(-.4deg)}89.5%{transform:translateX(1.2px) rotate(.35deg)}91%{transform:translateX(-.9px) rotate(-.25deg)}92.5%{transform:translateX(.6px) rotate(.15deg)}94%{transform:translateX(0) rotate(0)}}
    @media (prefers-reduced-motion:reduce){
      .day2__card[data-buzz] .pro-phone,.dk-orb i,.dk-orb i::before,.dk-orb i::after{animation:none;}
    }

    /* Indicadores compactos: 8/26 px visibles y 9 px entre marcas.
       Conservan 44 px de alto sin ensanchar la separación visual. */
    .day2__controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;}
    .day2__controls[hidden]{display:none;}
    .day2__dotsnav{display:flex;align-items:center;}
    .day2__arrow,.day2__dotsnav button{display:grid;place-items:center;width:44px;height:44px;
      border:0;padding:0;background:transparent;color:var(--hd-ink);border-radius:50%;cursor:pointer;}
    .day2__dotsnav button{flex:none;width:17px;}
    .day2__dotsnav button.is-active{width:35px;}
    .day2__dotsnav button::after{content:"";width:8px;height:8px;border-radius:8px;background:var(--hd-dot);
      transition:width .2s ease,background-color .2s ease;}
    .day2__dotsnav button.is-active::after{width:26px;background:var(--hd-dot-on);}
    .day2__arrow svg,.day2__arrow i{width:20px;height:20px;}
    .day2__arrow:disabled{opacity:.25;cursor:default;}
    .day2__arrow:enabled:hover{background:var(--hd-dot);}
    .day2__arrow:focus-visible,.day2__dotsnav button:focus-visible,.day2__viewport:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;}

    @media (max-width:760px){
      .day2__viewport{--card-w:min(86vw,540px);}
      .day2__track{gap:16px;}
      .day2__card{display:flex;flex-direction:column;height:auto;min-height:520px;border-radius:22px;}
      .day2__text,.day2__card--mac .day2__text{order:0;flex:none;padding:24px 22px 0;
        text-align:left;align-items:flex-start;gap:10px;}
      .day2__card--mac .day2__when{justify-content:flex-start;}
      .day2__h{font-size:22px;line-height:1.15;}
      .day2__p{font-size:14px;line-height:1.6;}
      .day2__media,.day2__card--mac .day2__media{order:1;flex:1;min-height:0;align-items:center;
        padding:24px 14px;overflow:visible;}
      .day2__media--phone .pro-phone{width:132px;padding:6px;border-radius:28px;}
      .day2__media--phone .pro-phone__screen{border-radius:22px;}
      .day2__media--phone .pro-phone__island{top:6px;width:48px;height:15px;}
      .day2__media--phone .ps-status{padding:12px 12px 4px;font-size:8px;}
      .day2__media--phone .ps-lock-time{margin-top:24px;}
      .day2__media--phone .ps-lock-time .d{font-size:8px;}
      .day2__media--phone .ps-lock-time .t{font-size:32px;}
      .day2__media--phone .ps-push{margin:auto 5px 10px;padding:7px;gap:5px;border-radius:10px;}
      .day2__media--phone .ps-push__ico{width:18px;height:18px;border-radius:5px;}
      .day2__media--phone .ps-push__ico svg{width:11px;height:11px;}
      .day2__media--phone .ps-push__b strong{font-size:8px;}
      .day2__media--phone .ps-push__b time{font-size:7px;}
      .day2__media--phone .ps-push__b p{font-size:8px;line-height:1.35;}
      .day2__laptop .day2__lid{padding:5px;border-radius:10px;box-shadow:0 16px 28px -14px rgba(15,23,42,.4);}
      .day2__laptop .day2__notch{width:58px;height:9px;border-radius:0 0 5px 5px;}
      .day2__controls{gap:0;margin-top:20px;}
    }
    @media (prefers-reduced-motion:reduce){
      html{scroll-behavior:auto;}
      .day2__viewport{scroll-behavior:auto;}
      .day2__dotsnav button::after{transition:none;}
    }

    /* ─────────── Propuesta compartida · render actual del enlace ─────────── */
    .section-title{margin-bottom:50px;text-align:center;}
    .section-title .lead{max-width:62ch;margin-left:auto;margin-right:auto;}
    .pro-pdfwrap{background:linear-gradient(180deg,#f1f6fd 0%,#e2ebf7 100%);}
    .pro-pdfwrap .section-title{margin-bottom:0;}
    .pro-pdf-stage{overflow:hidden;padding-bottom:0;}
    .pro-pdf{position:relative;width:min(820px,calc(100% - 48px));
      margin:24px auto 0;padding:0 0 48px;}
    .pro-pdf .qp-document{max-width:none;width:100%;margin:0;
      box-shadow:0 30px 70px -24px rgba(15,23,42,.25),0 4px 16px rgba(15,23,42,.04);}
    .pro-pdf .pro-proposal-title{font-size:26px;line-height:1.25;font-weight:700;margin:0 0 8px;color:#fff;}
    .pro-pdf .pro-proposal-plan-name{font-size:18px;line-height:1.4;font-weight:600;margin:4px 0;color:#0b1220;overflow-wrap:anywhere;}
    .pro-pdf .qp-plan{cursor:default;}
    .pro-pdf .qp-signature-links>span{display:inline-flex;align-items:center;gap:6px;min-height:32px;
      padding:6px 8px;border-radius:9999px;font-size:13px;font-weight:500;background:#f3f4f6;color:#52637b;white-space:nowrap;}
    .pro-proposal-disclosure{overflow-anchor:none;}
    .pro-proposal-disclosure summary{position:relative;list-style:none;min-height:44px;}
    .pro-proposal-disclosure summary::-webkit-details-marker{display:none;}
    .pro-proposal-hide,.pro-proposal-disclosure[open] .pro-proposal-show{display:none;}
    .pro-proposal-disclosure[open] .pro-proposal-hide{display:inline;}
    .pro-proposal-disclosure[open] summary>svg{transform:rotate(180deg);}
    /* Dibujo y keyframes de recomendador-card-guide.css; una sola pasada rápida. */
    .pro-proposal-gesture{display:none;position:absolute;right:-18px;top:calc(50% - 4px);
      width:48px;height:56px;color:var(--qv-content-ink,#0b1220);pointer-events:none;z-index:2;}
    .pro-proposal-disclosure.is-demonstrating .pro-proposal-gesture{display:block;}
    .pro-proposal-gesture .qvw-card-guide__cursor{display:block;width:48px;height:56px;
      animation-duration:1.44s;animation-iteration-count:1;}
    .pro-proposal-gesture .qvw-card-guide__ripple{left:-17px;top:-20px;
      animation-duration:1.44s;animation-iteration-count:1;}
    @media(max-width:760px){.pro-pdf{width:calc(100% - 32px);padding-bottom:32px;}}
    @media(max-width:600px){
      .pro-pdf .qp-document{padding:20px 16px;}
      .pro-pdf .pro-proposal-title{font-size:24px;color:#0b1220;}
      .pro-pdf .qp-hero-picture{height:176px;}
    }
    @media(prefers-reduced-motion:reduce){
      .pro-proposal-disclosure.is-demonstrating .pro-proposal-gesture{display:none;}
    }

    /* Una sola tarjeta: ambas caras comparten tamaño, centro y eje vertical. */
    .pro-pdf.is-interactive{width:min(1040px,calc(100% - 32px));height:640px;padding:0;
      perspective:1800px;isolation:isolate;overflow-anchor:none;}
    .pro-proposal-turn{position:absolute;inset:16px 64px 48px;max-width:700px;margin:auto;
      transform-style:preserve-3d;transform-origin:50% 50%;transform:rotateY(0deg);
      transition:transform 580ms cubic-bezier(.55,.05,.45,.95);}
    .pro-pdf.is-detail .pro-proposal-turn{transform:rotateY(180deg);}
    .pro-proposal-front{position:absolute;inset:0;
      background:#fff;border:1px solid #e3e9f0;border-radius:16px;overflow:hidden;
      transform:rotateY(0deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;
      box-shadow:0 30px 70px -24px rgba(15,23,42,.25),0 4px 16px rgba(15,23,42,.04);}
    .pro-pdf.is-interactive .pro-proposal-content{width:calc(100% / .9);padding:28px;
      transform:scale(.9);transform-origin:top left;box-sizing:border-box;}
    .pro-proposal-front .qp-document{border:0;box-shadow:none;background:transparent;}
    .pro-proposal-front .qp-hero{min-height:200px;}
    .pro-proposal-front .qp-plan{margin-top:20px;}
    .pro-proposal-front .qp-closing{margin-top:20px;padding-top:20px;}
    .pro-proposal-front .qp-masthead,.pro-proposal-front .qp-closing>.qp-source{display:none;}
    .pro-proposal-front .qp-plan-toggle{min-height:52px;}
    .pro-pdf .pro-proposal-panel{position:absolute;inset:0;width:auto;max-width:none;margin:0;
      padding:0;overflow:hidden;
      transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;
      box-shadow:0 30px 70px -24px rgba(15,23,42,.25),0 4px 16px rgba(15,23,42,.04);}
    .pro-proposal-panel .pro-proposal-content{height:calc(100% / .9);display:flex;flex-direction:column;}
    .pro-proposal-panel-head{display:flex;align-items:center;margin:-8px 0 8px;flex:none;}
    .pro-proposal-back{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0;
      border:0;background:transparent;color:#52637b;font:500 13px/1.4 Inter,system-ui,sans-serif;cursor:pointer;}
    .pro-proposal-back:hover{color:#0d99ff;}
    .pro-proposal-back:focus-visible,.pro-proposal-tabs button:focus-visible{outline:2px solid #0d99ff;outline-offset:3px;border-radius:8px;}
    .pro-proposal-panel .pro-proposal-content>.qp-plan-top{flex:none;margin-bottom:12px;}
    .pro-proposal-panel .pro-proposal-content>.qp-plan-body{padding-top:0;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;}
    .pro-proposal-panel .qp-plan-details{margin-bottom:0;}
    .pro-proposal-panel .qp-metrics{margin-bottom:12px;padding-block:12px;}
    .pro-proposal-tabs{display:none;}
    @media(max-width:900px){
      .pro-proposal-panel .qp-col-full{display:none;}
      .pro-proposal-panel .qp-col-short{display:inline;}
    }
    @media(max-width:760px){
      .pro-pdf.is-interactive{height:680px;}
      .pro-proposal-turn{inset:8px 0 40px;}
      .pro-proposal-front .qp-plan-toggle{min-height:52px;}
      .pro-pdf.is-interactive .pro-proposal-content{padding:20px;}
      .pro-proposal-panel .pro-proposal-content>.qp-plan-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;}
      .pro-pdf.is-interactive .pro-proposal-plan-name{font-size:16px;}
      .pro-proposal-panel .qp-price{text-align:right;margin-top:0;}
      .pro-pdf.is-interactive .qp-price strong{font-size:24px;}
      .pro-pdf.is-interactive .qp-price span{font-size:11px;}
      .pro-proposal-tabs{display:flex;flex:none;gap:4px;margin:0 0 20px;padding:4px;border-radius:9999px;background:#f3f4f6;}
      .pro-proposal-tabs button{flex:1;min-height:50px;padding:8px 12px;border:0;border-radius:9999px;background:transparent;
        color:#64748b;font:500 13px/1.4 Inter,system-ui,sans-serif;cursor:pointer;}
      .pro-proposal-tabs button[aria-selected=true]{background:#fff;color:#0b1220;box-shadow:0 1px 4px #0f172a12;}
      .pro-proposal-panel .qp-metrics{display:none;}
      .pro-proposal-panel .qp-plan-details{display:block;}
      .pro-proposal-panel .qp-plan-details::before{display:none;}
      .pro-proposal-panel .qp-price-detail>h3,.pro-proposal-panel .qp-clinics>h3{font-size:16px;}
    }
    @media(max-width:600px){
      .pro-proposal-front .qp-hero{min-height:0;}
      .pro-proposal-front .qp-hero-picture{height:128px;}
      .pro-proposal-front .qp-hero-copy{padding-top:16px;}
      .pro-proposal-front .qp-plan{margin-top:16px;}
      .pro-proposal-front .qp-closing{margin-top:12px;padding-top:12px;}
    }
    @media(prefers-reduced-motion:reduce){
      .pro-proposal-turn,.pro-pdf.is-detail .pro-proposal-turn{transition:none;transform:none;}
      .pro-proposal-front,.pro-pdf .pro-proposal-panel{transform:none;}
      .pro-pdf .pro-proposal-panel,.pro-pdf.is-detail .pro-proposal-front{visibility:hidden;}
      .pro-pdf.is-detail .pro-proposal-panel{visibility:visible;}
    }

    /* ─────────── El escritorio · feature rows ─────────── */
    .pro-feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center;}
    .pro-feat--flip .pro-feat__media{order:-1;}
    .pro-feat__h{margin:0 0 14px;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.035em;font-weight:700;color:var(--ink);text-wrap:balance;}
    .pro-feat__p{margin:0 0 18px;color:var(--muted);font-size:1.02rem;line-height:1.65;max-width:46ch;}
    .pro-feat__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
    .pro-feat__list li{display:flex;gap:11px;align-items:flex-start;font-size:.94rem;color:var(--ink);line-height:1.5;}
    .pro-feat__list i,.pro-feat__list svg{width:19px;height:19px;flex-shrink:0;color:var(--brand);margin-top:2px;stroke-width:2.4;}
    .pro-feat__list b{font-weight:600;}
    .pro-feat__media{display:flex;justify-content:center;position:relative;min-width:0;}
    .pro-feat__glow{position:absolute;width:78%;height:62%;top:16%;left:11%;z-index:-1;
      background:radial-gradient(ellipse at center,var(--brand-glow,rgba(37,99,235,.22)),transparent 70%);opacity:.7;}
    /* Pantalla estilo "Un día contigo": reusa lid/notch/screen2, sombra clara */
    .pro-feat__mac{width:min(560px,100%);}
    .pro-feat__mac .day2__lid{border-radius:16px;box-shadow:0 26px 60px -20px rgba(15,23,42,.34),inset 0 0 0 1px rgba(255,255,255,.06);}
    @media (max-width:760px){
      .pro-feat{grid-template-columns:1fr;gap:34px;}
      .pro-feat--flip .pro-feat__media{order:0;}
    }

    /* ─────────── La app · en el bolsillo (oscura, liviana) ─────────── */
    .pro-appdark{position:relative;width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(180deg,#070b14 0%,#090a1a 100%);color:#fff;overflow:hidden;isolation:isolate;

      padding:clamp(64px,9vh,112px) 0 0;}
    .pro-appdark::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
      radial-gradient(ellipse 70% 50% at 50% 0%,rgba(29,111,224,.18),transparent 70%),
      radial-gradient(ellipse 60% 50% at 50% 100%,rgba(96,165,250,.08),transparent 70%);}
    .pro-appdark .section-title{margin-bottom:0;}
    .pro-appdark .h2{color:#fff;}
    .pro-appdark .lead{color:rgba(255,255,255,.62);}
    .pro-appdark__feats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:clamp(24px,4vh,38px);}
    .pro-appdark__feat{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.85);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:9px 14px;border-radius:12px;}
    .pro-appdark__feat i,.pro-appdark__feat svg{width:15px;height:15px;color:#9bc4ff;stroke-width:2.2;}
    /* Showcase: 3 teléfonos en abanico (estático, sin marquesina ni rAF) */
    .pro-appshow{position:relative;display:flex;justify-content:center;align-items:flex-start;
      margin-top:clamp(34px,5vh,54px);height:clamp(340px,44vh,440px);overflow:hidden;}
    .pro-appshow .pro-phone{flex:none;}
    .pro-appshow__c{width:clamp(218px,23vw,278px);z-index:3;}
    .pro-appshow__s{width:clamp(176px,19vw,228px);z-index:1;}
    .pro-appshow__s--l{transform:rotate(-7deg);margin:34px -5% 0 0;}
    .pro-appshow__s--r{transform:rotate(7deg);margin:34px 0 0 -5%;}
    @media (max-width:680px){
      .pro-appshow__s{display:none;}
      .pro-appshow__c{width:min(64vw,260px);}
      .pro-appshow{height:clamp(300px,52vh,380px);}
    }

    /* ─────────── QuVi IA (oscura) ─────────── */
    .pro-ia{position:relative;width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(180deg,#090a1a 0%,#0d0a1c 55%);color:#fff;overflow:hidden;isolation:isolate;

      padding:clamp(64px,9vh,112px) 0;}
    .pro-ia::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
      radial-gradient(ellipse 64% 52% at 50% 0%,rgba(139,92,246,.24),transparent 70%),
      radial-gradient(ellipse 72% 50% at 50% 100%,rgba(99,102,241,.13),transparent 72%);}
    .pro-ia .section-title{margin-bottom:0;}
    .pro-ia .h2{color:#fff;}
    .pro-ia .lead{color:rgba(255,255,255,.62);}
    .pro-ia__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;margin-top:clamp(26px,4vh,46px);}
    .pro-ia__chat{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:10px;}
    .pro-ia__chat .dk-orb{background:#10141d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);margin-bottom:2px;}
    .ia-b{max-width:88%;font-size:.92rem;line-height:1.5;padding:10px 14px;border-radius:16px;}
    .ia-b--u{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:5px;}
    .ia-b--a{align-self:flex-start;background:rgba(255,255,255,.08);color:rgba(255,255,255,.86);border-bottom-left-radius:5px;}
    .ia-b--a b{color:#fff;font-weight:600;}
    .pro-ia__list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
    .pro-ia__list li{display:flex;gap:11px;align-items:flex-start;font-size:.94rem;color:rgba(255,255,255,.82);line-height:1.5;}
    .pro-ia__list i,.pro-ia__list svg{width:19px;height:19px;color:#9bc4ff;stroke-width:2.4;flex-shrink:0;margin-top:2px;}
    .pro-ia__list b{font-weight:600;color:#fff;}
    .pro-ia__note{margin-top:16px;font-size:.84rem;color:rgba(255,255,255,.5);}
    @media (max-width:760px){
      .pro-ia__grid{grid-template-columns:1fr;}
    }

    /* ─────────── Planes ─────────── */
    .pro-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;align-items:stretch;max-width:760px;margin:8px auto 0;}
    .pro-plan{position:relative;background:#fff;border:1px solid var(--stroke-2);border-radius:22px;
      padding:30px 26px 28px;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(15,23,42,.05);}
    .pro-plan--pop{border:2px solid var(--brand);box-shadow:0 4px 14px rgba(15,23,42,.05);transform:translateY(-6px);}
    .pro-plan__flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);
      background:var(--brand);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.04em;
      text-transform:uppercase;padding:5px 14px;border-radius:20px;white-space:nowrap;}
    .pro-plan__name{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);}
    .pro-plan__tagline{margin:4px 0 18px;font-size:.84rem;color:var(--muted-2);line-height:1.4;min-height:34px;}
    .pro-plan__price{display:flex;align-items:baseline;gap:4px;}
    .pro-plan__price b{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;color:var(--ink);line-height:1;}
    .pro-plan__price span{font-size:.86rem;color:var(--muted-2);font-weight:500;}
    .pro-plan__cycle{margin:6px 0 20px;font-size:.8rem;color:var(--muted-2);}
    .pro-plan .btn{width:100%;}
    .pro-plan .btn--primary,.pro-plan .btn--primary:hover{box-shadow:none;}
    .btn[aria-disabled="true"]{cursor:not-allowed;opacity:.65;}
    .btn[aria-disabled="true"]:hover{transform:none;}
    .pro-plan__list{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:1px solid var(--stroke-1);display:flex;flex-direction:column;gap:11px;}
    .pro-plan__list li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--ink);line-height:1.45;}
    .pro-plan__list i,.pro-plan__list svg{width:17px;height:17px;flex-shrink:0;color:#059669;margin-top:2px;stroke-width:2.6;}
    .pro-plan__list-star{margin:4px -10px;padding:10px;border-radius:10px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(139,92,246,.12));}
    .pro-plan__list-star i,.pro-plan__list-star svg{color:#8b5cf6 !important;}
    .pro-plan__list-star span b{font-weight:700;}
    .pro-plan__more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:.84rem;font-weight:600;color:var(--brand);text-decoration:none;}
    .pro-plan__more:hover{text-decoration:underline;}
    .pro-plan__more i,.pro-plan__more svg{width:14px;height:14px;stroke-width:2.4;}
    .pro-table-wrap{max-width:1000px;margin:46px auto 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--stroke-1);border-radius:18px;}
    .pro-table{width:100%;border-collapse:collapse;min-width:640px;font-size:.9rem;}
    .pro-table th,.pro-table td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--stroke-1);}
    .pro-table thead th{position:sticky;top:0;background:#fff;z-index:2;}
    .pro-table tbody th{text-align:left;font-weight:500;color:var(--ink);background:#fafbfd;}
    .pro-table thead .name{font-size:1rem;font-weight:800;letter-spacing:-.01em;color:var(--ink);}
    .pro-table thead .price{font-size:.82rem;font-weight:600;color:var(--brand);}
    .pro-table col.pop,.pro-table th.pop,.pro-table td.pop{background:rgba(var(--pro-rgb),.045);}
    .pro-table td svg{width:17px;height:17px;color:#059669;stroke-width:3;vertical-align:middle;}
    .pro-table td .dash{color:var(--muted-2);}
    .pro-table td b{font-weight:700;color:var(--ink);}
    .pro-table caption{caption-side:bottom;padding:14px 18px;font-size:.78rem;color:var(--muted-2);text-align:left;}
    @media (max-width:560px){
      .pro-plans{grid-template-columns:1fr;max-width:420px;}
      .pro-plan--pop{transform:none;}
      .pro-plan .btn,.pro-plan__more{min-height:44px;}
    }

    /* ─────────── FAQ (details nativo, sin JS) ─────────── */
    .faq-list{display:flex;flex-direction:column;gap:8px;max-width:700px;margin:32px auto 0;}
    .faq-item{border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s;}
    .faq-item[open]{border-color:var(--brand);}
    .faq-item__q{cursor:pointer;padding:17px 20px;font-weight:600;font-size:.92rem;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none;gap:12px;}
    .faq-item__q::-webkit-details-marker{display:none;}
    .faq-item__q::after{content:'+';font-size:1.3rem;color:var(--brand);font-weight:300;flex-shrink:0;line-height:1;}
    .faq-item[open] .faq-item__q::after{content:'−';}
    .faq-item__a{padding:0 20px 16px;font-size:.9rem;color:var(--muted);line-height:1.65;}
    .faq-item__a p{margin:0;}

    /* ─────────── CTA final · firma canónica del home (portada literal de index.css §25) ─────────── */

    /* ─────────── Tarjeta digital: dúo de teléfonos ─────────── */
    .pro-feat__duo{display:flex;justify-content:center;align-items:center;width:100%;}
    .pro-feat__duo .pro-phone{width:min(54%,242px);padding:8px;border-radius:42px;
      box-shadow:0 6px 18px rgba(15,23,42,.07),inset 0 0 0 2px rgba(255,255,255,.07),inset 0 0 0 5px #1a1f2b;}
    .pro-feat__duo .pro-phone__screen{border-radius:34px;}
    .pro-feat__duo .pro-phone--front{position:relative;z-index:2;}
    .pro-feat__duo .pro-phone--back{position:relative;z-index:1;margin-left:-11%;
      transform:translateY(-3%);backface-visibility:hidden;
      box-shadow:-26px 22px 54px rgba(15,23,42,.22),inset 0 0 0 2px rgba(255,255,255,.07),inset 0 0 0 5px #1a1f2b;}
    @media (max-width:440px){
      .pro-feat__duo .pro-phone{padding:6px;border-radius:30px;}
      .pro-feat__duo .pro-phone__screen{border-radius:24px;}
    }

    /* ─────────── Marquesina (recap) — 2 transforms ─────────── */
    .pro-marq{width:100vw;margin-left:calc(50% - 50vw);margin-top:clamp(34px,5vh,52px);display:flex;flex-direction:column;gap:16px;}
    .pro-marq__row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
    .pro-marq__track{display:flex;width:max-content;}
    .pro-marq.is-ready .pro-marq__row--left .pro-marq__track{animation:marqL 60s linear infinite;}
    .pro-marq.is-ready .pro-marq__row--right .pro-marq__track{animation:marqR 60s linear infinite;}
    @keyframes marqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    @keyframes marqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
    .pro-marq__row:hover .pro-marq__track{animation-play-state:paused;}
    .pro-marq.anim-paused .pro-marq__track{animation-play-state:paused;}
    .pro-marq__card{flex:0 0 auto;width:clamp(228px,28vw,286px);margin-right:16px;background:#fff;border:1px solid var(--stroke-1);border-radius:18px;padding:22px 22px 24px;box-shadow:0 2px 10px rgba(15,23,42,.04);display:flex;flex-direction:column;min-height:146px;}
    .pro-marq__cat{font-size:.74rem;font-weight:600;color:var(--muted-2);}
    .pro-marq__txt{margin:auto 0 0;padding-top:16px;font-size:clamp(1.04rem,1.3vw,1.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;}
    .pro-marq .c-blue{color:#2563eb;}
    .pro-marq .c-rose{color:#e11d48;}
    .pro-marq .c-purple{color:#7c3aed;}
    .pro-marq .c-teal{color:#0d9488;}
    .pro-marq .c-amber{color:#c2700a;}
    .pro-marq .c-indigo{color:#4f46e5;}
    @media (max-width:560px){
      .pro-marq__row{overflow-x:auto;}
      .pro-marq.is-ready .pro-marq__track{animation:none;}
      .pro-marq__track > [aria-hidden="true"]{display:none;}
    }
    @media (prefers-reduced-motion:reduce){
      .pro-marq.is-ready .pro-marq__track{animation:none;}
      .pro-marq__track > [aria-hidden="true"]{display:none;}
    }

    /* ─────────── Confianza ─────────── */
    /* Título y bajada de confianza, con la jerarquía de las secciones editoriales. */
    .pro-trustsec .section-title .h2{margin:0;font-size:clamp(26px,3vw,40px);line-height:1.06;letter-spacing:-.045em;font-weight:700;text-wrap:balance;}
    .pro-trustsec .section-title .h2 em{font-style:normal;color:var(--brand);}
    .pro-trustsec .section-title .lead{max-width:54ch;margin:18px auto 0;color:var(--muted);line-height:1.66;}
    .pro-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;}
    .pro-trust__item{text-align:left;padding:22px 20px;border:1px solid var(--stroke-1);border-radius:16px;background:#fff;}
    .pro-trust__item i,.pro-trust__item svg{width:24px;height:24px;color:var(--brand);stroke-width:2;margin-bottom:12px;}
    .pro-trust__item h3{margin:0 0 5px;font-size:.98rem;font-weight:700;letter-spacing:-.01em;color:var(--ink);}
    .pro-trust__item p{margin:0;font-size:.86rem;color:var(--muted);line-height:1.5;}
    @media (max-width:760px){
      .pro-trust{grid-template-columns:1fr 1fr;}
    }
    @media (max-width:440px){
      .pro-trust{grid-template-columns:1fr;}
    }

    /* ─────────── Oferta fundador ─────────── */
    .pro-founder{display:flex;align-items:center;gap:16px;max-width:760px;margin:0 auto 22px;padding:16px 22px;border:1.5px solid var(--brand);border-radius:18px;background:rgba(13,153,255,.05);}
    .pro-founder__badge{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--brand);border-radius:999px;padding:7px 14px;}
    .pro-founder__badge i,.pro-founder__badge svg{width:14px;height:14px;stroke-width:2.5;}
    .pro-founder__txt{flex:1;margin:0;font-size:.95rem;line-height:1.5;color:var(--ink);text-align:left;}
    .pro-founder__txt b{color:var(--brand);font-weight:700;}
    @media (max-width:560px){.pro-founder{flex-direction:column;text-align:center;max-width:420px;gap:12px;}.pro-founder__txt{text-align:center;}}