/* Contenedor principal */
.legal-wrapper {
    max-width: 750px; /* Un poco más estrecho para facilitar la lectura */
    margin: 60px auto;
    padding: 0 20px;
}

.legal-container {
    background: #ffffff;
    color: #4a4a4a; /* Gris oscuro para el texto principal */
}

/* Títulos */
.legal-header h1 {
    font-size: 2rem;
    color: #1a1a1a; /* Casi negro para máximo contraste */
    margin-bottom: 40px;
    letter-spacing: -0.5px;
    font-weight: 700;
}

.legal-section h3 {
    color: #757575; /* Gris medio para los subtítulos */
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 40px;
    margin-bottom: 15px;
    font-weight: 600;
}

/* Cuerpo de texto */
.legal-section p {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 20px;
}

.legal-list {
    list-style: none; /* Quitamos los puntos por un estilo más limpio */
    padding-left: 0;
}

.legal-list li {
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
    line-height: 1.6;
}

/* Indicador de lista minimalista */
.legal-list li::before {
    content: "—";
    position: absolute;
    left: 0;
    color: #ccc;
}

/* Enlaces */
.legal-container a {
    color: #555;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.legal-container a:hover {
    color: #000;
}

/* Pie de página */
.legal-footer {
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    font-size: 0.8rem;
    color: #b0b0b0;
}

/* Responsivo */
@media (max-width: 600px) {
    .legal-header h1 { font-size: 1.6rem; }
}