/* ==========================================================================
   PAINEL DA POLITICA DE PRIVACIDADE NA HOME (v14) — #privacidade
   Marcacao: sections/privacidade.php   Texto: includes/privacidade-conteudo.php

   Estados:
     .pv14                 escondido (padrao)
     .pv14:target          aberto — e o caminho SEM JavaScript (/#privacidade)
     .pv14.pv14--aberto    aberto por JavaScript
     .pv14.pv14--fechado   fechado por JavaScript; precisa vencer o :target,
                           por isso (e so por isso) usa !important
   ========================================================================== */

.pv14 {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000000; /* acima do banner de cookies (999999) */
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 4vw, 48px);
}

.pv14:target,
.pv14.pv14--aberto { display: flex; }

.pv14.pv14--fechado { display: none !important; }

/* Fundo. E um link para funcionar como "clique fora fecha" sem JavaScript. */
.pv14__fundo {
    position: absolute;
    inset: 0;
    background: rgba(6, 11, 24, .72);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.pv14__caixa {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(880px, 100%);
    max-height: min(88vh, 900px);
    background: #f2f5f9;
    border-radius: 18px;
    box-shadow: 0 30px 90px rgba(6, 11, 24, .45);
    overflow: hidden;
}

.pv14__topo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    background: #2C3853;
    color: #FEFEFE;
}

.pv14__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .85;
}

.pv14__fechar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: 999px;
    color: #FEFEFE;
    font-size: 26px;
    line-height: 1;
    text-decoration: none;
    background: rgba(254, 254, 254, .12);
    transition: background .2s ease, transform .2s ease;
}

.pv14__fechar:hover { background: #7E0101; }

.pv14__fechar:focus-visible {
    outline: 2px solid #FEFEFE;
    outline-offset: 2px;
}

.pv14__scroll {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 8px clamp(18px, 4vw, 40px) clamp(24px, 4vw, 40px);
}

.pv14__scroll:focus-visible {
    outline: 2px solid #2C3853;
    outline-offset: -4px;
}

/* O documento reutiliza .privacy-content (assets/css/style.css) para nao ter
   duas aparencias diferentes do mesmo texto. Aqui so caem os ajustes de caixa:
   la o bloco e uma PAGINA (max-width e 140px de topo), aqui e o conteudo de um
   painel que ja tem a sua propria moldura. */
.pv14 .privacy-content {
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
}

/* Na home os titulos descem um nivel (h2/h3/h4) para nao criar um segundo H1
   na pagina. As tres regras abaixo repetem a APARENCIA de .privacy-content
   h1/h2/h3 pela classe, para que o rebaixamento nao mude nada visualmente. */
.pv14 .privacy-content .privacy-h1 {
    font-size: clamp(24px, 3.2vw, 34px);
    font-weight: 800;
    color: var(--dll-blue, #2C3853);
    margin: 12px 0;
    line-height: 1.15;
}

.pv14 .privacy-content .privacy-h2 {
    font-size: clamp(18px, 2.5vw, 24px);
    font-weight: 700;
    color: var(--dll-blue, #2C3853);
    margin-top: 40px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e5e7eb;
}

.pv14 .privacy-content .privacy-h3 {
    font-size: 17px;
    font-weight: 700;
    color: var(--dll-blue, #2C3853);
    margin-top: 28px;
    margin-bottom: 10px;
}

/* Rolagem da pagina travada enquanto o painel esta aberto. */
html.pv14-travado,
html.pv14-travado body { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
    .pv14__fechar { transition: none; }
}