/* css/legal.css — Estilos para páginas de política legal */

.legal-container {
    margin: 0 auto;
    padding: 2rem 1.25rem;
    background: var(--fondo-card);
    border-radius: 8px;
}

.legal-container h1 {
    font-size: var(--texto-xl);
    color: var(--texto-principal);
    text-align: center;
    margin-bottom: 0.625rem;
    font-weight: 400;
}

.last-updated {
    text-align: center;
    color: var(--texto-tenue);
    font-style: italic;
    margin-bottom: 1.875rem;
}

.legal-container section {
    margin-bottom: 1.875rem;
}

.legal-container h2 {
    font-size: var(--texto-lg);
    color: #34495e;
    border-bottom: 2px solid var(--color-marca);
    padding-bottom: 5px;
    margin-bottom: 0.9375rem;
    font-weight: 400;
}

.legal-container h3 {
    font-size: var(--texto-base);
    color: var(--texto-principal);
    margin-top: 1.5625rem;
    margin-bottom: 0.9375rem;
}

.legal-container p {
    line-height: 1.6;
    margin-bottom: 0.9375rem;
    text-align: justify;
}

.legal-container ul {
    margin-left: 1.25rem;
    margin-bottom: 0.9375rem;
}

.legal-container li {
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

.legal-container a { color: var(--color-marca); text-decoration: none; }
.legal-container a:hover { text-decoration: underline; }

.back-link {
    text-align: center;
    margin-top: 1.875rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--borde);
}
.back-link a { color: var(--color-marca); text-decoration: none; font-weight: 400; }
.back-link a:hover { text-decoration: underline; }

/* Tabla de cookies */
.cookie-table { margin: 1.25rem 0; overflow-x: auto; }
.cookie-table table { width: 100%; border-collapse: collapse; margin: 0.9375rem 0; }
.cookie-table th,
.cookie-table td { border: 1px solid #ddd; padding: 0.75rem; text-align: left; }
.cookie-table th { background: var(--gris-50); font-weight: bold; }
.cookie-table tr:nth-child(even) { background: var(--gris-50); }

/* Panel de preferencias de cookies (política-cookies.php) */
.preferences-section {
    background: var(--gris-50);
    padding: 1.25rem;
    border-radius: 8px;
    margin: 1.875rem 0;
    text-align: center;
}
.cookie-controls {
    display: flex;
    gap: 0.9375rem;
    justify-content: center;
    margin-top: 0.9375rem;
}
.preferences-section .btn { width: auto; }

@media (max-width: 768px) {
    .legal-container { padding: 1rem; }
    .cookie-controls { flex-direction: column; align-items: center; }
    .preferences-section .btn { width: 100%; max-width: 250px; }
}