/* ============================================================
   /bienvenida — pantalla post-pago en MÓVIL. Port fiel de
   xs-member-site/formula-dinero-onboarding/bienvenida.html.
   Prefijo bv-, scope .bv-root. Se pinta dentro de .reg-root.reg-page
   (register.css) para heredar la topbar blanca de 64px y el footer navy
   del onboarding móvil (AccountSupportFooter).
   En escritorio la página solo confirma y redirige a /ruta (bv-loading).
   ============================================================ */

.bv-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  background:#f8fafc;font-family:'Sora',system-ui,sans-serif;color:#64748b;font-size:14px}

.bv-root{--bv-navy:#0f172a;--bv-blue:#155eef;--bv-blue-soft:#e9f0ff;--bv-green-soft:#eaf8ef;--bv-ink:#0f172a;--bv-ink-soft:#64748b;
  --bv-display:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  padding:0;display:block;overflow-x:hidden}
.bv-root .reg-shell{max-width:none;margin:0;min-height:100vh;display:flex;flex-direction:column}
.bv-root img{display:block;max-width:100%}

/* HEADER (misma topbar del onboarding) */
.bv-root .bv-header{position:sticky;top:0;z-index:50;width:100%;height:64px;margin:0;display:flex;align-items:center;justify-content:center;
  padding:7px 18px;background:#fff;border-bottom:1px solid #edf0f5}
.bv-root .bv-header img{height:54px;width:auto;object-fit:contain}

/* VIDEO */
.bv-video-section{width:100%;background:var(--bv-navy);padding:0 0 30px}
.bv-video-copy{padding:20px 20px 16px;text-align:center}
.bv-video-copy h2{margin:0;font-family:var(--bv-display);font-size:20px;color:#fff}
.bv-video-wrap{width:100%;position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.bv-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* MAIN */
.bv-main{width:100%;padding:22px 14px 42px;background:#F9FBFD}
.bv-card{width:min(620px,100%);margin:0 auto;background:#fff;border-radius:20px;padding:22px 18px;box-shadow:0 14px 38px rgba(15,23,42,.07)}
.bv-card + .bv-card{margin-top:14px}
.bv-root .bv-card h2{margin:0;font-family:var(--bv-display);font-size:23px;line-height:1.1;letter-spacing:-.02em;color:var(--bv-ink)}
.bv-card > p{margin:8px 0 0;color:var(--bv-ink-soft);font-size:13.5px;line-height:1.65}

/* BIENVENIDA: acciones inmediatas (mockup 2026-10-12) */
.bv-btn{min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;border-radius:13px;
  font-family:var(--bv-display);font-size:14px;font-weight:700;text-decoration:none}
.bv-btn.bv-busy{pointer-events:none;opacity:.85}

.bv-welcome{padding:25px 20px}
.bv-confirmed{display:inline-flex;align-items:center;gap:9px;color:#256047;font-size:11px;font-weight:700;margin-bottom:17px}
.bv-confirmed-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bv-green-soft);color:#15803d;font-size:15px}
.bv-root .bv-welcome h2{font-size:clamp(23px,5.8vw,30px);line-height:1.18}
.bv-primary{background:#7C3AED;color:#fff;width:100%;margin-top:20px;min-height:56px;box-shadow:0 7px 18px rgba(124,58,237,.24)}
.bv-primary:hover{background:#1E293B;color:#fff}

.bv-explore{background:var(--bv-blue);color:#fff;padding:23px 20px}
.bv-root .bv-explore h2{color:#fff}
.bv-explore > p{color:#dbeafe;margin-top:10px;text-align:left}
.bv-explore-btn{background:#fff;color:var(--bv-blue);width:100%;margin-top:20px;min-height:56px}
.bv-explore-btn:hover{background:#eaf1ff;color:var(--bv-blue)}

/* El footer navy de .reg-page solo aplica ≤700px; esta vista también es solo móvil, pero por si se
   abre en una ventana estrecha que luego se agranda, se fija aquí también. */
.bv-root .reg-support{margin-top:auto}

@media(min-width:700px){
  .bv-video-section{padding-bottom:42px}
  .bv-video-wrap{width:min(920px,calc(100% - 48px));margin:0 auto;border-radius:22px;box-shadow:0 18px 48px rgba(0,0,0,.28)}
  .bv-main{padding:34px 24px 58px}
  .bv-card{padding:30px}
  .bv-welcome,.bv-explore{padding:30px}
}