/**
 * onboarding-progressive-disclosure.css — Track C1+C5 (Audit onboarding 2026-06-22)
 *
 * C1: Oculta sidebar + reduce ruido visual mientras welcome modal está activo.
 *     Audit B.designer P0: first-screen muestra 19 elementos UI simultáneos
 *     (sidebar 11 items + header 5 botones + welcome modal 3 CTAs). Pattern
 *     Linear/Notion/Figma: ocultan workspace tree al primer login.
 *
 * C5: Mini-celebración micro-animation cuando se genera el PRIMER PDF real.
 *     Audit B.designer P0: "momento del primer PDF es el momento más caro
 *     emocionalmente" — sin celebración hay churn silencioso post-success.
 *     Sin canvas-confetti lib (3KB extra evitados); usamos CSS animation pura.
 */

/* ============================================================ */
/* C1 — Progressive disclosure mientras onboarding activo       */
/* ============================================================ */

body.nc-onboarding-active .sidebar {
    visibility: hidden;
    pointer-events: none;
}

body.nc-onboarding-active .main-content > *:not(.wm-overlay):not(#ncAppFooter):not([role="dialog"]) {
    opacity: 0.25;
    transition: opacity 0.18s ease;
    pointer-events: none;
}

body:not(.nc-onboarding-active) .sidebar {
    visibility: visible;
    pointer-events: auto;
    transition: visibility 0s, opacity 0.18s ease 0.1s;
}

@media (prefers-reduced-motion: reduce) {
    body.nc-onboarding-active .main-content > *,
    body:not(.nc-onboarding-active) .sidebar {
        transition: none !important;
    }
}

/* ============================================================ */
/* C5 — First PDF mini-celebration                              */
/* ============================================================ */

.nc-first-pdf-celebration {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 10005;
    padding: 24px 36px;
    background: linear-gradient(135deg, rgba(6, 95, 70, 0.95), rgba(52, 211, 153, 0.95));
    color: white;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(6, 95, 70, 0.4);
    text-align: center;
    pointer-events: none;
    animation: nc-celebration-pop 3.5s ease forwards;
}

.nc-first-pdf-celebration__emoji {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 8px;
    display: block;
}

.nc-first-pdf-celebration__title {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 4px;
    color: white;
}

.nc-first-pdf-celebration__subtitle {
    font-size: 0.85rem;
    opacity: 0.92;
    margin: 0;
    color: white;
}

@keyframes nc-celebration-pop {
    0%   { transform: translate(-50%, -50%) scale(0); opacity: 0; }
    15%  { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
    25%  { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    80%  { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(0.92); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .nc-first-pdf-celebration {
        animation: nc-celebration-pop-reduced 3s ease forwards;
    }
    @keyframes nc-celebration-pop-reduced {
        0% { opacity: 0; }
        10% { opacity: 1; }
        90% { opacity: 1; }
        100% { opacity: 0; }
    }
}