/* =============================================================
   MÓDULO: LEGAL Y PRIVACIDAD
   ============================================================= */

body { background-color: var(--dark); }

.legal-wrapper {
    max-width: 900px; margin: 40px auto 6rem auto; background: #ffffff;
    padding: 4rem; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,0.6);
    color: #333;
}

.legal-title {
    text-align: center; font-family: 'Cinzel', serif; color: #111;
    margin-bottom: 2rem; font-size: 2.5rem; border-bottom: 2px solid var(--gold);
    padding-bottom: 20px;
}

.legal-wrapper h2 {
    color: #1f2937; font-family: 'Cinzel', serif; font-size: 1.5rem;
    margin-top: 3rem; margin-bottom: 1.2rem; border-left: 4px solid var(--gold);
    padding-left: 15px;
}

.legal-wrapper h3 { color: #4b5563; font-size: 1.1rem; margin-top: 1.5rem; margin-bottom: 0.5rem; font-weight: 700; }
.legal-wrapper p, .legal-wrapper li { font-size: 1.05rem; line-height: 1.8; color: #4b5563; margin-bottom: 1rem; }
.legal-wrapper ul, .legal-wrapper ol { padding-left: 20px; margin-bottom: 1.5rem; }

.alert-box {
    background: #fff5f5; border-left: 4px solid #ef4444;
    padding: 15px 20px; margin: 20px 0; color: #991b1b; 
    font-weight: bold; border-radius: 0 4px 4px 0;
}

.back-link {
    display: inline-flex; align-items: center; gap: 8px; color: #6b7280;
    text-decoration: none; font-weight: bold; margin-bottom: 30px; transition: 0.3s;
}
.back-link:hover { color: #000; transform: translateX(-5px); }

@media (max-width: 768px) {
    .legal-wrapper { padding: 2rem 1.5rem; margin: 20px; }
    .legal-title { font-size: 1.8rem; }
}