/* ============================================================
   ELUR · Estilos específicos das Páginas Legais
   Para Política de Trocas, Privacidade e Termos de Uso.
   Formatado para excelente legibilidade, contraste e elegância.
   ============================================================ */

.page-header {
    padding: 70px 5% 24px;
    text-align: center;
}

.page-header h1 {
    font-size: 52px;
    margin-bottom: 16px;
    color: var(--cor-texto);
}

.page-header p {
    font-size: 18px;
    color: var(--cor-dourado);
}

/* Container de Leitura */
.legal-container {
    margin: 0 auto;
    padding: 0 6% 80px;
}

.legal-content {
    background-color: var(--cor-fundo-secundario);
    border: 0.5px solid var(--cor-borda);
    padding: 40px 60px;
    border-radius: 2px;
    transition: var(--transicao);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.legal-content:hover {
    border-color: var(--cor-borda-hover);
}

/* Estrutura Interna de Texto */
.legal-section {
    margin-bottom: 32px;
    padding: 0; /* Reseta o padding: 100px 5% aplicado globalmente em 'section' no styles.css */
}

.legal-section:last-of-type {
    margin-bottom: 0;
}

.legal-content h2 {
    font-size: 26px;
    color: var(--cor-dourado);
    margin-bottom: 20px;
    border-bottom: 0.5px solid var(--cor-borda);
    padding-bottom: 10px;
}

.legal-content p {
    font-size: 15px;
    color: var(--cor-texto-secundario);
    line-height: 1.8;
    margin-bottom: 14px;
}

.legal-content p strong {
    color: var(--cor-texto);
    font-weight: 400;
}

/* Listas customizadas e delicadas */
.legal-content ul {
    margin: 20px 0;
    padding-left: 0;
}

.legal-content li {
    font-size: 15px;
    color: var(--cor-texto-secundario);
    margin-bottom: 10px;
    line-height: 1.7;
    position: relative;
    padding-left: 24px;
}

.legal-content li::before {
    content: "·";
    position: absolute;
    left: 4px;
    color: var(--cor-dourado);
    font-size: 28px;
    line-height: 0.8;
    top: 0px;
}

/* Links em destaque sutil */
.legal-content a {
    color: var(--cor-dourado);
    border-bottom: 0.5px solid transparent;
    transition: var(--transicao);
    font-weight: 400;
}

.legal-content a:hover {
    color: var(--cor-dourado-hover);
    border-bottom-color: var(--cor-dourado-hover);
}

/* Responsivo */
@media (max-width: 768px) {
    .page-header {
        padding: 60px 5% 20px;
    }
    
    .page-header h1 {
        font-size: 40px;
    }
    
    .page-header p {
        font-size: 16px;
    }

    .legal-content {
        padding: 28px 20px;
    }
    
    .legal-content h2 {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .legal-content p, .legal-content li {
        font-size: 14px;
        line-height: 1.7;
    }
}