/* NormaViva dual onboarding — welcome overlay + header switch */
/* Created 2026-04-25 */

/* Welcome overlay (Mockup A) */
.nv-onboard-overlay { position:fixed; inset:0; background:rgba(27,58,107,.92); z-index:9000; display:none; align-items:center; justify-content:center; padding:20px; }
.nv-onboard-overlay.active { display:flex; }
.nv-onboard-modal { background:#fff; border-radius:14px; max-width:720px; width:100%; padding:40px 36px; box-shadow:0 20px 60px rgba(0,0,0,.35); }
.nv-onboard-h { text-align:center; margin-bottom:24px; }
.nv-onboard-h h1 { font-size:1.8rem; color:var(--color-primario); font-weight:700; margin-bottom:8px; }
.nv-onboard-h p { color:#6c757d; line-height:1.5; }
.nv-perfiles-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-bottom:18px; max-width:560px; margin-left:auto; margin-right:auto; }
.nv-perfil-card { border:2px solid #dee2e6; border-radius:10px; padding:22px 18px; cursor:pointer; transition:all .18s; text-align:center; background:#fff; position:relative; }
.nv-perfil-card:hover { border-color:var(--color-primario); background:#f0f6ff; transform:translateY(-3px); box-shadow:0 6px 20px rgba(27,58,107,.12); }
.nv-perfil-card.recomendado { border-color:var(--color-primario); background:linear-gradient(180deg,#fff,#eff5ff); }
.nv-perfil-card .badge-rec { position:absolute; top:-10px; left:50%; transform:translateX(-50%); background:#fbbf24; color:#78350f; font-size:.65rem; font-weight:700; padding:2px 10px; border-radius:999px; }
.nv-perfil-card .emoji { font-size:2.4rem; display:block; margin-bottom:10px; }
.nv-perfil-card h3 { color:var(--color-primario); font-size:1.05rem; margin-bottom:6px; }
.nv-perfil-card p { color:#6c757d; font-size:.82rem; line-height:1.4; }
.nv-perfil-card .stat { display:inline-block; background:#e8f0fb; color:var(--color-primario); font-size:.7rem; font-weight:600; padding:3px 8px; border-radius:4px; margin-top:10px; }
.nv-onboard-skip { text-align:center; margin-top:10px; }
.nv-onboard-skip a { color:#6c757d; font-size:.82rem; text-decoration:none; border-bottom:1px dotted #6c757d; cursor:pointer; }

@media (max-width:720px) {
  .nv-perfiles-grid { grid-template-columns:1fr; }
  .nv-onboard-modal { padding:28px 20px; }
}

/* Segmented control perfil en header (reemplaza dropdown) */
.nv-profile-seg { display:inline-flex; align-items:stretch; background:rgba(255,255,255,.06); border-radius:8px; padding:3px; gap:2px; user-select:none; margin-left:auto; }
.nv-profile-btn { background:transparent; border:none; color:rgba(255,255,255,.65); font-size:.78rem; padding:6px 10px; border-radius:6px; cursor:pointer; transition:background .15s,color .15s; display:inline-flex; align-items:center; gap:4px; line-height:1; font-family:inherit; }
.nv-profile-btn:hover { background:rgba(255,255,255,.08); color:#fff; }
.nv-profile-btn.active { background:rgba(255,255,255,.16); color:#fde68a; font-weight:600; box-shadow:0 1px 2px rgba(0,0,0,.15); }
.nv-profile-btn:focus-visible { outline:2px solid #fde68a; outline-offset:2px; }
@media (max-width:720px) {
  .nv-profile-seg { padding:2px; }
  .nv-profile-btn { font-size:.72rem; padding:5px 7px; }
  .nv-profile-btn .nv-profile-label { display:none; }
  .nv-profile-btn .nv-profile-emoji { font-size:.95rem; }
}