/* ════════════════════════════════════════════════════════════
       QuVi Pro · landing v2 — CSS en línea, mobile-first
       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;
    }

    /* Iconos dentro de botones — mismo tamaño que en /motor (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{border-radius:14px;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;}
    @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__kicker{
      display:inline-flex;align-items:center;gap:12px;margin-bottom:26px;
      color:rgba(255,255,255,.6);font-size:11px;line-height:1.2;
      letter-spacing:.16em;text-transform:uppercase;font-weight:600;
      opacity:0;animation:proRise .9s cubic-bezier(.2,.85,.2,1) .15s forwards;
    }
    .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;
      opacity:0;animation:proRise 1.4s cubic-bezier(.2,.85,.2,1) .3s forwards;
    }
    .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;
      opacity:0;animation:proRise .9s cubic-bezier(.2,.85,.2,1) .55s forwards;
    }
    .pro-hero__actions{
      display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
      margin-top:34px;
      opacity:0;animation:proRise .9s cubic-bezier(.2,.85,.2,1) .7s forwards;
    }
    .pro-hero__note{
      margin-top:18px;color:rgba(255,255,255,.58);
      font-size:13px;letter-spacing:-.01em;
      opacity:0;animation:proRise .9s cubic-bezier(.2,.85,.2,1) .85s forwards;
    }
    .pro-hero__note b{color:rgba(255,255,255,.72);font-weight:600;}
    .pro-hero__stores{position:absolute;right:max(14px,3.2%);bottom:4px;z-index:6;
      opacity:0;animation:proRiseStores .9s cubic-bezier(.2,.85,.2,1) .92s forwards;}
    @keyframes proRiseStores{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
    .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;
      opacity:0;animation:proRise 1.1s cubic-bezier(.2,.85,.2,1) .95s forwards;
    }
    .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);}

    @keyframes proRise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
    @media (prefers-reduced-motion:reduce){
      .pro-hero::after,.pro-hero__kicker,.pro-hero__title,.pro-hero__title .grad,
      .pro-hero__lead,.pro-hero__actions,.pro-hero__note,.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;}

    /* ─────────── Escritorio QuVi Pro recreado (dk-*) ─────────── */
    .dk-side{width:38px;flex-shrink:0;background:#fff;border-right:1px solid #e9eef5;display:flex;flex-direction:column;align-items:center;padding:7px 0;gap:1px;}
    .dk-side span{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#93a5bd;flex:none;}
    .dk-side span.on{background:#e5f3ff;color:#0d99ff;}
    .dk-side i,.dk-side svg{width:13px;height:13px;stroke-width:2;display:block;}
    .dk-sep{width:16px;height:1px;background:#eef2f7;margin:3px 0;flex:none;}
    .dk-side__sp{flex:1;min-height:4px;}
    .dk-main{flex:1;min-width:0;padding:15px 20px;display:flex;flex-direction:column;gap:9px;overflow:hidden;}
    .dk-top{display:flex;align-items:center;justify-content:space-between;}
    .dk-brand{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#0f172a;letter-spacing:-.01em;}
    .dk-search{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid rgba(15,23,42,.08);color:#94a3b8;font-size:8.5px;font-weight:600;padding:3px 9px;border-radius:7px;}
    .dk-search i,.dk-search svg{width:9px;height:9px;stroke-width:2.4;}
    .dk-av{width:18px;height:18px;border-radius:50%;background:#0d99ff;color:#fff;font-size:8px;font-weight:800;display:grid;place-items:center;}
    .dk-top--bar{margin:-15px -20px 6px;padding:9px 18px;background:#fff;border-bottom:1px solid #e9eef5;}
    .dk-crumb{font-size:7.5px;font-weight:600;color:#475569;background:#f1f5f9;padding:1px 6px;border-radius:6px;}
    .dk-crumb--page{font-size:7.5px;font-weight:600;color:#475569;margin-left:6px;background:none;padding:0;}
    .dk-top__right{display:inline-flex;align-items:center;gap:6px;}
    .dk-bell{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;}
    .dk-bell i,.dk-bell svg{width:9px;height:9px;stroke-width:2.2;}
    .dk-stage{width:83%;max-width:492px;margin:0 auto;display:flex;flex-direction:column;gap:8px;padding-top:5px;text-align:left;}
    .dk-date{font-size:8.5px;font-weight:600;color:#64748b;margin-left:45px;}
    .dk-hello{display:flex;align-items:flex-start;gap:10px;}
    .dk-hello__tx{flex:1;min-width:0;}
    .dk-hello__h{font-size:15px;font-weight:800;letter-spacing:-.025em;color:#0f172a;line-height:1.15;}
    .dk-hello__sub{font-size:9px;color:#0f172a;margin:3px 0 7px;}
    .dk-hello__sub b{font-weight:700;}
    .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);}}
    .dk-ask{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:4px 4px 4px 9px;max-width:340px;}
    .dk-ask>i,.dk-ask>svg{width:10px;height:10px;color:#0d99ff;stroke-width:2.2;flex-shrink:0;}
    .dk-ask__t{flex:1;font-size:9px;color:#94a3b8;white-space:nowrap;overflow:hidden;}
    .dk-ask__go{width:18px;height:18px;border-radius:50%;background:#0d99ff;color:#fff;display:grid;place-items:center;flex-shrink:0;}
    .dk-ask__go i,.dk-ask__go svg{width:9px;height:9px;stroke-width:2.6;}
    .dk-label{display:flex;align-items:center;justify-content:space-between;font-size:7.5px;font-weight:700;letter-spacing:.05em;color:#475569;text-transform:uppercase;margin-top:3px;}
    .dk-link{display:inline-flex;align-items:center;gap:2px;font-size:8px;font-weight:600;color:#0d99ff;text-transform:none;letter-spacing:0;}
    .dk-link i,.dk-link svg{width:8px;height:8px;stroke-width:2.4;}
    .dk-hot{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:9px 11px;align-self:flex-start;max-width:340px;}
    .dk-hot__ico{width:22px;height:22px;border-radius:8px;background:#fee2e2;color:#ef4444;display:grid;place-items:center;flex-shrink:0;}
    .dk-hot__ico i,.dk-hot__ico svg{width:11px;height:11px;stroke-width:2.2;}
    .dk-hot b{display:block;font-size:9.5px;color:#0f172a;font-weight:700;letter-spacing:-.01em;line-height:1.45;}
    .dk-hot>div span{display:block;font-size:8.5px;color:#475569;line-height:1.45;}
    .dk-hot__arrow{width:10px;height:10px;color:#94a3b8;margin-left:auto;flex-shrink:0;stroke-width:2.2;}
    .dk-pulse{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;}
    .dk-pcard{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 9px;min-width:0;}
    .dk-pcard b{display:block;font-size:9.5px;font-weight:800;color:#0f172a;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .dk-pcard>div span{display:block;font-size:7.5px;color:#64748b;font-weight:600;line-height:1.25;}
    .dk-pcard>div{min-width:0;}
    .dk-pico{width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
    .dk-pico i,.dk-pico svg{width:12px;height:12px;stroke-width:2;}
    .dk-ring{width:22px;height:22px;flex:none;}
    .dk-foot{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch;}
    .dk-banner{display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#0d99ff 0%,#0a7dd6 100%);border-radius:12px;padding:10px 12px;color:#fff;}
    .dk-banner__ic{width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex-shrink:0;}
    .dk-banner__ic i,.dk-banner__ic svg{width:12px;height:12px;stroke-width:2.2;}
    .dk-banner b{font-size:9.5px;display:block;letter-spacing:-.01em;}
    .dk-banner>div span{font-size:8px;opacity:.9;display:block;}
    .dk-banner__arrow{width:11px;height:11px;margin-left:auto;flex-shrink:0;stroke-width:2.2;}
    .dk-inds{display:flex;gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;}
    .dk-ind{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:7px 12px;background:#fff;min-width:58px;}
    .dk-ind span{font-size:7px;font-weight:700;color:#64748b;letter-spacing:.05em;text-transform:uppercase;}
    .dk-ind b{font-size:10px;font-weight:800;color:#0f172a;letter-spacing:-.01em;}

    /* ─────────── 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:560px){
      /* "14 días gratis…" baja a su propia línea, sin el separador colgando */
      .pro-hero__note-sep{display:none;}
      .pro-hero__note-2{display:block;}
      /* 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;}
      .dk-main{padding:10px 11px;}
      .dk-stage{width:94%;}
      /* Teléfono moderno: bezel delgado y uniforme, esquinas amplias */
      .pro-duo>.pro-phone{
        width:122px;right:1%;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);}
    .js .pro-puente__list>li{opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.85,.2,1);}
    .js .pro-puente__list>li.is-visible{opacity:1;transform:translateY(0);}
    .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;}
    /* Renderiza solo la sección visible: el navegador omite layout/paint/compose
       de las secciones fuera de pantalla (alivia el costo con varias secciones).
       Degrada elegante en navegadores sin soporte. */
    #programa{content-visibility:auto;contain-intrinsic-size:auto 460px;}
    .pro-day2{content-visibility:auto;contain-intrinsic-size:auto 900px;}
    @media (max-width:900px){
      .pro-puente{grid-template-columns:1fr;gap:30px;}
    }
    @media (prefers-reduced-motion:reduce){
      .js .pro-puente__list>li{opacity:1;transform:none;}
    }

    /* ─────────── UN DÍA CONTIGO · carrusel horizontal (scroll-snap) ───────────
       Reemplaza el parallax + cielos en capas del original por scroll-snap
       nativo: cero rAF, cero repintados por scroll. Cards del mismo alto. */
    .pro-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin-bottom:10px;}
    .pro-day2{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;
      background:#0a0f1c;
      --hd-ink:#0b1220;--hd-muted:#475569;--hd-eyebrow:var(--brand);
      --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__head .pro-eyebrow{color:var(--hd-eyebrow);}
    .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;gap:clamp(22px,2.6vw,38px);align-items:stretch;}
    /* 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:first-of-type{margin-inline-start:calc((100vw - var(--card-w)) / 2);}
    .day2__pad{flex:0 0 calc((100vw - var(--card-w)) / 2);align-self:stretch;}

    .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{animation:none;}
    }

    /* Controles */
    .day2__controls{display:flex;align-items:center;justify-content:center;gap:20px;
      margin-top:clamp(24px,4vh,40px);}
    .day2__dotsnav{display:inline-flex;align-items:center;gap:9px;}
    .day2__dotsnav button{width:8px;height:8px;border-radius:50%;background:var(--hd-dot);
      border:0;padding:0;cursor:pointer;transition:width .3s ease;}
    .day2__dotsnav button.is-active{width:26px;border-radius:5px;background:var(--hd-dot-on);}

    @media (max-width:760px){
      .day2__track{align-items:flex-start;}
      .day2__card{grid-template-columns:1fr;height:auto;flex-basis:86vw;}
      .day2__card--mac .day2__media{padding-bottom:clamp(14px,3vw,22px);}
      .day2__media{padding:22px 18px 6px;}
      .day2__text{padding:18px 22px 26px;text-align:left;}
      .day2__card--mac .day2__text{text-align:center;padding:24px 20px 0;}
      .day2__media--phone .pro-phone{width:clamp(180px,46vw,210px);}
    }

    /* ─────────── PDF · lo que recibe el cliente ─────────── */
    .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%);
      content-visibility:auto;contain-intrinsic-size:auto 700px;}
    .pro-pdf-stage{overflow:hidden;padding-bottom:0;}
    .pro-pdf{position:relative;height:clamp(312px,44vh,452px);margin-top:clamp(36px,5vh,52px);}
    .pro-pdf__sheet{position:absolute;top:0;left:50%;aspect-ratio:1/1.414;background:#fff;overflow:hidden;border-radius:16px 16px 0 0;container-type:inline-size;box-shadow:0 -2px 50px rgba(15,23,42,.16),0 2px 14px rgba(15,23,42,.08);}
    .pro-pdf__sheet--cover{width:clamp(282px,30vw,356px);z-index:3;transform:translateX(-50%);}
    .pro-pdf__sheet--cmp{width:clamp(248px,27vw,318px);z-index:2;transform:translateX(-50%) translate(54%,18px) rotate(6deg);}
    .pro-pdf__sheet--back{width:clamp(248px,27vw,318px);z-index:1;transform:translateX(-50%) translate(-54%,18px) rotate(-6deg);}

    /* Entrada pro: las hojas se despliegan en abanico (solo transform/opacity,
       one-shot, escalonado). El CSS base de arriba es el estado final → sin JS
       o con reduced-motion se ven ya en su sitio. */
    .js .pro-pdf__sheet{opacity:0;transition:opacity .6s ease,transform .95s cubic-bezier(.2,.8,.2,1);}
    .js .pro-pdf__sheet--cover{transform:translateX(-50%) translateY(54px) scale(.955);}
    .js .pro-pdf__sheet--cmp{transform:translateX(-50%) translateY(54px) scale(.94);}
    .js .pro-pdf__sheet--back{transform:translateX(-50%) translateY(54px) scale(.94);}
    .js .pro-pdf.is-visible .pro-pdf__sheet{opacity:1;}
    .js .pro-pdf.is-visible .pro-pdf__sheet--cover{transform:translateX(-50%);transition-delay:.04s;}
    .js .pro-pdf.is-visible .pro-pdf__sheet--cmp{transform:translateX(-50%) translate(54%,18px) rotate(6deg);transition-delay:.20s;}
    .js .pro-pdf.is-visible .pro-pdf__sheet--back{transform:translateX(-50%) translate(-54%,18px) rotate(-6deg);transition-delay:.30s;}
    @media (prefers-reduced-motion:reduce){
      .js .pro-pdf__sheet{opacity:1;transition:none;}
      .js .pro-pdf__sheet--cover{transform:translateX(-50%);}
      .js .pro-pdf__sheet--cmp{transform:translateX(-50%) translate(54%,18px) rotate(6deg);}
      .js .pro-pdf__sheet--back{transform:translateX(-50%) translate(-54%,18px) rotate(-6deg);}
    }

    /* presentación (portada) */
    .pdfm__head{display:flex;align-items:flex-start;gap:3cqw;margin-bottom:6cqw;}
    .pdfm__photo{width:15cqw;height:15cqw;border-radius:50%;object-fit:cover;object-position:center top;flex-shrink:0;background:#dceaff;}
    .pdfm__id{flex:1;min-width:0;padding-top:1cqw;}
    .pdfm__chip{display:inline-block;margin-top:1.6cqw;font-size:2.1cqw;font-weight:700;color:var(--brand);background:var(--brand-soft);padding:1cqw 2.6cqw;border-radius:20cqw;letter-spacing:.02em;}
    .pdfm__qrwrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1.2cqw;}
    .pdfm__qr{width:14cqw;height:14cqw;border-radius:2cqw;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0;padding:1.3cqw;}
    .pdfm__qr svg{display:block;width:100%;height:100%;}
    .pdfm__qrcap{font-size:1.7cqw;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;}
    /* cierre / contacto */
    .pdfm__steps{list-style:none;margin:1cqw 0 0;padding:0;display:flex;flex-direction:column;gap:2.6cqw;}
    .pdfm__steps li{display:flex;gap:2.4cqw;align-items:center;font-size:2.7cqw;line-height:1.35;color:#111827;}
    .pdfm__steps li i{flex-shrink:0;width:5.2cqw;height:5.2cqw;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:2.5cqw;font-weight:700;font-style:normal;}
    .pdfm__cc{margin-top:4cqw;display:flex;align-items:center;gap:3cqw;background:linear-gradient(135deg,var(--brand),var(--brand-dark,#1551b4));border-radius:3cqw;padding:4cqw;color:#fff;}
    .pdfm__cc img{width:11cqw;height:11cqw;border-radius:50%;object-fit:cover;object-position:center top;flex-shrink:0;border:1px solid rgba(255,255,255,.45);}
    .pdfm__cc b{display:block;font-size:3.2cqw;font-weight:700;}
    .pdfm__cc span{font-size:2.3cqw;opacity:.9;}
    /* contenido mini — escala con el ancho de la hoja (cqw) */
    .pdfm{padding:7cqw;display:flex;flex-direction:column;height:100%;}
    .pdfm__avatar{width:13cqw;height:13cqw;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:4.6cqw;font-weight:700;flex-shrink:0;}
    .pdfm__name{font-size:4.4cqw;font-weight:700;color:#111827;}
    .pdfm__role{font-size:3.1cqw;color:#6b7280;}
    .pdfm__overline{font-size:2.7cqw;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2.6cqw;}
    .pdfm__title{font-size:9.4cqw;font-weight:700;letter-spacing:-.02em;line-height:1.05;color:#111827;margin-bottom:7cqw;}
    .pdfm__meta{display:grid;grid-template-columns:1fr 1fr;gap:4cqw 3cqw;background:#f3f4f6;border-radius:3.5cqw;padding:5cqw;}
    .pdfm__meta div{display:flex;flex-direction:column;gap:.7cqw;}
    .pdfm__meta span{font-size:2.3cqw;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;}
    .pdfm__meta b{font-size:3.5cqw;font-weight:700;color:#111827;}
    .pdfm__tag{margin-top:5cqw;font-size:2.9cqw;line-height:1.45;color:#111827;background:var(--brand-soft);border-radius:3cqw;padding:4cqw;}
    /* hoja comparativa */
    .pdfm__rhead{display:flex;align-items:center;gap:2.6cqw;padding-bottom:3.2cqw;margin-bottom:4cqw;border-bottom:1px solid #e6eaf0;}
    .pdfm__avatar--sm{width:9cqw;height:9cqw;font-size:3.4cqw;}
    .pdfm__rname{font-size:3cqw;font-weight:700;color:#111827;line-height:1.25;}
    .pdfm__rdate{font-size:2.5cqw;color:#6b7280;}
    .pdfm__sect{font-size:4.2cqw;font-weight:700;color:#111827;margin:3.4cqw 0 3cqw;}
    .pdfm__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:2cqw;}
    .pdfm__c{background:#f3f4f6;border-radius:2.4cqw;padding:2.8cqw 2.2cqw;display:flex;flex-direction:column;gap:.8cqw;}
    .pdfm__c span{font-size:1.9cqw;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;}
    .pdfm__c b{font-size:2.7cqw;font-weight:700;color:#111827;}
    .pdfm__table{border:1px solid #e6eaf0;border-radius:3cqw;overflow:hidden;}
    .pdfm__trow{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;border-bottom:1px solid #e6eaf0;}
    .pdfm__trow:last-child{border-bottom:0;}
    .pdfm__trow--head{background:#f3f4f6;}
    .pdfm__tl{padding:2.6cqw 2.4cqw;font-size:2cqw;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;border-right:1px solid #e6eaf0;}
    .pdfm__tc{padding:2.6cqw 2.4cqw;font-size:2.6cqw;color:#111827;border-right:1px solid #e6eaf0;display:flex;flex-direction:column;gap:1cqw;justify-content:center;}
    .pdfm__tc:last-child{border-right:0;}
    .pdfm__tc b{font-size:3.4cqw;font-weight:700;letter-spacing:-.02em;}
    .pdfm__ctag{align-self:flex-start;font-size:1.9cqw;font-weight:700;color:#fff;padding:1cqw 2cqw;border-radius:2cqw;}
    @media (max-width:760px){
      .pro-pdf{height:clamp(300px,46vh,420px);}
      .pro-pdf__sheet--cmp,.pro-pdf__sheet--back{display:none;}
      .pro-pdf__sheet--cover{width:min(84vw,330px);}
    }

    /* ─────────── El escritorio · feature rows ─────────── */
    .pro-featsec{content-visibility:auto;contain-intrinsic-size:auto 540px;}
    .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__kick{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);}
    .pro-feat__h{margin:12px 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);}
    .js .pro-feat__media > .pro-feat__mac{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1);}
    .js .pro-feat__media.is-visible > .pro-feat__mac{opacity:1;transform:none;}
    @media (prefers-reduced-motion:reduce){
      .js .pro-feat__media > .pro-feat__mac{opacity:1;transform:none;transition:none;}
    }
    @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-eyebrow--ondark{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7cc6ff;margin-bottom:14px;}
    .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;
      content-visibility:auto;contain-intrinsic-size:auto 760px;
      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;}
    .js .pro-appdark__feat{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.85,.2,1);}
    .js .pro-appdark__feat.is-visible{opacity:1;transform:translateY(0);}
    /* 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%;}
    .js .pro-appshow .pro-phone{opacity:0;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1);}
    /* El central NO hace fade (queda opaco): entra solo con el slide-up, así nunca
       se transparenta dejando ver los laterales por detrás. (Especificidad (0,3,0)
       para ganarle a `.js .pro-appshow .pro-phone{opacity:0}`.) */
    .js .pro-appshow .pro-appshow__c{opacity:1;transform:translateY(42px);}
    .js .pro-appshow__s--l{transform:rotate(-7deg) translateY(42px);}
    .js .pro-appshow__s--r{transform:rotate(7deg) translateY(42px);}
    .js .pro-appshow.is-visible .pro-phone{opacity:1;}
    .js .pro-appshow.is-visible .pro-appshow__c{transform:none;transition-delay:.04s;}
    .js .pro-appshow.is-visible .pro-appshow__s--l{transform:rotate(-7deg);transition-delay:.16s;}
    .js .pro-appshow.is-visible .pro-appshow__s--r{transform:rotate(7deg);transition-delay:.16s;}
    @media (prefers-reduced-motion:reduce){
      .js .pro-appshow .pro-phone{opacity:1;transition:none;}
      .js .pro-appshow__c{transform:none;}
      .js .pro-appshow__s--l{transform:rotate(-7deg);}
      .js .pro-appshow__s--r{transform:rotate(7deg);}
    }
    @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) ─────────── */
    /* Máquina de escribir del título (un disparo, gateada por el JS) */
    [data-typewriter].tw-on .tw-c{opacity:0;filter:blur(3px);transition:opacity .2s ease,filter .2s ease;}
    [data-typewriter].tw-on .tw-c.tw-vis{opacity:1;filter:blur(0);}
    .tw-caret{display:inline-block;width:0;position:relative;}
    .tw-caret::after{content:"";position:absolute;left:1px;bottom:.1em;width:3px;height:.82em;background:var(--brand);border-radius:1px;animation:twBlink 1.05s steps(1) infinite;}
    @keyframes twBlink{50%{opacity:0;}}
    .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;
      content-visibility:auto;contain-intrinsic-size:auto 640px;
      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-planswrap{content-visibility:auto;contain-intrinsic-size:auto 1200px;}
    .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;}
    }

    /* ─────────── FAQ (details nativo, sin JS) ─────────── */
    .section--faq{content-visibility:auto;contain-intrinsic-size:auto 720px;}
    .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) ─────────── */
    .cta{background:var(--bg-subtle);border-top:10px solid var(--border-2);padding:var(--cta-y) 0;text-align:center;}
    .cta .h2{margin-bottom:12px;}
    .cta .lead{margin-inline:auto;max-width:70ch;}
    .cta--blue{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);border-top:1px solid rgba(255,255,255,.16);color:var(--c-white);}
    .cta--blue .h2{color:var(--c-white);}
    .cta--blue .lead{color:var(--white-a86);}
    .cta--blue .btn{background:transparent;border-color:var(--white-a32);color:var(--c-white);}
    .cta--blue .btn:hover{background:var(--white-a10);border-color:var(--white-a46);}
    .cta--blue .btn--primary{background:var(--c-white);border-color:transparent;box-shadow:0 14px 36px rgba(0,0,0,.18);color:var(--brand-dark);}
    .cta--blue .btn--primary:hover{background:var(--glass-92);}
    .cta .hero__cta{display:flex;justify-content:center;margin-top:18px;}
    @media (max-width:980px){
      .cta .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;}
      .cta .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;}
      .cta .btn--primary{width:min(100%,300px);min-height:50px;}
    }
    @media (max-width:480px){
      .cta .h2{margin-bottom:16px;font-size:clamp(32px,8.8vw,42px);line-height:1.03;letter-spacing:-.043em;}
      .cta .lead{margin-bottom:36px;font-size:clamp(15px,4.8vw,18px);line-height:1.48;}
      .cta .btn--primary{width:min(100%,272px);min-height:48px;}
    }

    /* ─────────── 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:clamp(186px,31vw,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;}
    .js .pro-feat__media > .pro-feat__duo{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1);}
    .js .pro-feat__media.is-visible > .pro-feat__duo{opacity:1;transform:none;}

    /* ─────────── 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__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;}
    }
    @media (prefers-reduced-motion:reduce){
      .pro-marq.is-ready .pro-marq__track{animation:none;}
    }

    /* ─────────── Confianza ─────────── */
    .pro-trustsec{content-visibility:auto;contain-intrinsic-size:auto 420px;}
    /* Eyebrow + título + subtítulo con la misma base que el cierre de /que-es-quvi
       ("Tres productos, una sola lógica"): eyebrow gris sin tracking, título -.045em
       con balance, lead 54ch a 1.66. Scoped: no afecta otras secciones de /pro. */
    .pro-trustsec .pro-eyebrow{color:var(--brand);font-size:.72rem;line-height:1.2;letter-spacing:.06em;margin-bottom:0;}
    .pro-trustsec .section-title .h2{margin:18px 0 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;}}