/* ─────────────────────────────────────────────────
       MASTERPAGE V2 — visual moderno em vermelho
       ───────────────────────────────────────────────── */
    body {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        background: #1a0a0a !important;
        background-image:
            radial-gradient(ellipse at top left, rgba(220,38,38,.18) 0%, transparent 55%),
            radial-gradient(ellipse at top right, rgba(245,158,11,.10) 0%, transparent 55%),
            radial-gradient(ellipse at bottom, rgba(153,27,27,.20) 0%, transparent 70%) !important;
        background-attachment: fixed;
    }

    /* ── HEADER ─────────────────────────────────────── */
    .site-header {
        background: rgba(15, 4, 4, .72) !important;
        backdrop-filter: blur(18px) saturate(140%);
        -webkit-backdrop-filter: blur(18px) saturate(140%);
        border-bottom: 1px solid rgba(220,38,38,.18) !important;
        transition: background .25s, padding .25s, border-color .25s;
    }
    .site-header.scrolled {
        background: rgba(15, 4, 4, .92) !important;
        border-bottom-color: rgba(220,38,38,.32) !important;
        box-shadow: 0 8px 32px rgba(0,0,0,.35);
    }
    .nav-shell { padding: 16px 0 !important; }

    /* Brand */
    .brand { gap: 14px !important; }
    .brand-mark {
        background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
        box-shadow: 0 8px 20px rgba(220,38,38,.4), inset 0 1px 0 rgba(255,255,255,.18) !important;
        font-weight: 900 !important;
        letter-spacing: -.02em;
        position: relative;
        overflow: hidden;
    }
    .brand-mark::before {
        content:""; position:absolute; inset:0;
        background: radial-gradient(circle at top right, rgba(245,158,11,.35), transparent 60%);
        pointer-events: none;
    }
    .brand-logo, .brand-logo-wrap img {
        border: 2px solid rgba(220,38,38,.25);
        box-shadow: 0 8px 20px rgba(0,0,0,.4);
    }
    .brand-copy strong {
        font-weight: 900 !important;
        font-size: 1.5rem !important;
        background: linear-gradient(135deg, #fef2f2 0%, #fca5a5 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        letter-spacing: -.02em;
    }
    .brand-copy small {
        color: #f59e0b !important;
        font-weight: 700 !important;
        letter-spacing: .14em !important;
    }

    /* Navegacao */
    .main-nav { gap: 4px !important; }
    .main-nav a, .nav-link {
        position: relative;
        padding: 9px 16px !important;
        border-radius: 10px !important;
        font-weight: 600 !important;
        font-size: .92rem;
        color: rgba(255,255,255,.78) !important;
        transition: color .18s, background .18s !important;
    }
    .main-nav a:hover, .nav-link:hover {
        color: #fff !important;
        background: rgba(220,38,38,.14) !important;
    }
    .nav-link.active,
    .main-nav a.active {
        color: #fff !important;
        background: linear-gradient(135deg, rgba(220,38,38,.22), rgba(245,158,11,.10)) !important;
        box-shadow: inset 0 0 0 1px rgba(220,38,38,.35);
    }

    /* Botão hamburger melhor */
    .menu-toggle {
        background: rgba(220,38,38,.12);
        border: 1px solid rgba(220,38,38,.28);
        border-radius: 10px;
        padding: 8px 10px;
    }
    .menu-toggle span { background: #fff; height: 2px; }

    /* Backdrop: overlay que cobre o conteúdo atrás do drawer mobile */
    .nav-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 9990;
        pointer-events: none;
        background: transparent;
    }
    .nav-backdrop.show {
        display: block;
        pointer-events: auto;
        background: rgba(0, 0, 0, .60);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }

    /* Drawer mobile — contraste alto, itens sempre visíveis */
    @media (max-width: 960px) {
        .site-nav {
            /* Fundo ligeiramente mais claro para os itens se destacarem */
            background: linear-gradient(165deg, #4a1818 0%, #321010 60%, #200c0c 100%) !important;
            border-left: 2px solid rgba(220,38,38,.50) !important;
            box-shadow: -16px 0 48px rgba(0,0,0,.70) !important;
            padding: 88px 20px 28px !important;
        }
        .site-nav.open { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }

        /* Itens do drawer: fundo sólido visível + texto branco puro */
        .site-nav a, .site-nav .nav-link {
            color: #ffffff !important;
            background: rgba(255, 255, 255, .12) !important;   /* era .04 — invisível */
            border: 1px solid rgba(255, 255, 255, .18) !important;
            padding: 14px 18px !important;
            font-size: 1.06rem !important;
            font-weight: 600 !important;
            border-radius: 12px !important;
            display: block;
            margin-bottom: 8px;
            letter-spacing: .01em;
            transition: background .18s, border-color .18s, transform .12s;
            /* iOS: evita highlight azul/cinza persistente após toque */
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation;
            outline: none !important;
            -webkit-user-select: none;
            user-select: none;
        }
        /* Hover: sem transform agressivo, borda vermelha clara */
        .site-nav a:hover, .site-nav .nav-link:hover {
            color: #fff !important;
            background: rgba(220, 38, 38, .35) !important;
            border-color: rgba(220, 38, 38, .65) !important;
        }
        /* Active / toque: mesmo visual do hover — sem escurecer */
        .site-nav a:active, .site-nav .nav-link:active,
        .site-nav a:focus, .site-nav .nav-link:focus {
            color: #fff !important;
            background: rgba(220, 38, 38, .35) !important;
            border-color: rgba(220, 38, 38, .65) !important;
            outline: none !important;
            box-shadow: none !important;
            transform: none !important;
        }
        /* Item da página atual */
        .site-nav a.is-active, .site-nav a.active,
        .site-nav .nav-link.is-active, .site-nav .nav-link.active {
            color: #fff !important;
            background: linear-gradient(135deg, rgba(220,38,38,.50), rgba(245,158,11,.22)) !important;
            border-color: rgba(245, 158, 11, .50) !important;
            box-shadow: inset 0 0 0 1px rgba(245,158,11,.30) !important;
        }
        /* Botão hamburger fica acima do drawer e do backdrop */
        .menu-toggle { z-index: 10002 !important; }
        .menu-toggle.active span { background: #fff !important; }
    }

    /* ── BOTOES PADRAO ──────────────────────────────── */
    .btn-accent {
        background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
        color: #fff !important;
        font-weight: 700 !important;
        box-shadow: 0 8px 24px rgba(220,38,38,.32) !important;
        border: none !important;
        transition: transform .15s, box-shadow .15s !important;
    }
    .btn-accent:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 32px rgba(220,38,38,.45) !important;
    }
    .btn-ghost {
        background: rgba(255,255,255,.04) !important;
        border: 1px solid rgba(220,38,38,.22) !important;
        color: rgba(255,255,255,.85) !important;
        transition: all .18s !important;
    }
    .btn-ghost:hover {
        background: rgba(220,38,38,.12) !important;
        border-color: rgba(220,38,38,.4) !important;
        color: #fff !important;
    }

    /* ── EYEBROW (kicker) ───────────────────────────── */
    .eyebrow {
        color: #f59e0b !important;
        font-weight: 800 !important;
        text-transform: uppercase;
        letter-spacing: .12em !important;
        font-size: .72rem !important;
    }

    /* ── SECTIONS / CARDS GENERICOS ─────────────────── */
    .section-block {
        background: linear-gradient(180deg, rgba(60,20,20,.45), rgba(40,12,14,.55)) !important;
        border: 1px solid rgba(220,38,38,.14) !important;
        border-radius: 20px !important;
        box-shadow: 0 18px 48px rgba(0,0,0,.4) !important;
        backdrop-filter: blur(8px);
    }
    .sidebar-card {
        background: linear-gradient(180deg, rgba(60,20,20,.4), rgba(40,12,14,.55)) !important;
        border: 1px solid rgba(220,38,38,.12) !important;
        border-radius: 18px !important;
        backdrop-filter: blur(6px);
    }

    /* ── FOOTER ─────────────────────────────────────── */
    .site-footer {
        background: linear-gradient(180deg, rgba(15,4,4,.85), rgba(8,2,2,.95)) !important;
        border-top: 1px solid rgba(220,38,38,.18) !important;
        padding: 50px 0 0 !important;
        margin-top: 60px;
        position: relative;
    }
    .site-footer::before {
        content:""; display:block;
        height: 3px;
        background: linear-gradient(90deg, transparent 0%, #dc2626 30%, #f59e0b 50%, #dc2626 70%, transparent 100%);
        position: absolute; top: 0; left: 0; right: 0;
    }
    .footer-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 40px;
        padding: 0 24px 40px;
    }
    .footer-grid h3 {
        font-size: 1.4rem !important;
        font-weight: 900 !important;
        color: #fef2f2 !important;
        margin: 0 0 12px !important;
        background: linear-gradient(135deg, #fef2f2 0%, #fca5a5 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .footer-grid h4 {
        font-size: .82rem !important;
        font-weight: 800 !important;
        text-transform: uppercase;
        letter-spacing: .12em;
        color: #f59e0b !important;
        margin: 0 0 14px !important;
    }
    .footer-grid p {
        color: rgba(255,255,255,.72) !important;
        line-height: 1.7;
        font-size: .92rem;
        margin: 0;
    }
    .footer-links {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .footer-links li { margin-bottom: 10px; }
    .footer-links a {
        color: rgba(255,255,255,.78) !important;
        text-decoration: none;
        font-size: .92rem;
        font-weight: 500;
        transition: color .18s, padding .18s;
        display: inline-block;
        position: relative;
        padding-left: 0;
    }
    .footer-links a:hover {
        color: #f59e0b !important;
        padding-left: 6px;
    }

    /* Social icons */
    .footer-social {
        display: flex;
        gap: 10px;
        margin-top: 4px;
    }
    .social-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border-radius: 12px;
        background: rgba(220,38,38,.10);
        border: 1px solid rgba(220,38,38,.22);
        color: rgba(255,255,255,.85) !important;
        transition: all .2s;
    }
    .social-link:hover {
        background: linear-gradient(135deg, #dc2626, #991b1b);
        border-color: #dc2626;
        color: #fff !important;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(220,38,38,.4);
    }

    .footer-bottom {
        border-top: 1px solid rgba(220,38,38,.14);
        padding: 18px 24px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
        font-size: .82rem;
        color: rgba(255,255,255,.55);
    }
    .footer-bottom a:hover { color: #f59e0b !important; opacity: 1 !important; }

    /* Skip link acessibilidade */
    .skip-link:focus {
        position: fixed !important;
        left: 16px !important;
        top: 16px !important;
        background: #dc2626;
        color: #fff;
        padding: 10px 18px;
        border-radius: 8px;
        z-index: 9999;
        font-weight: 700;
    }