@import url('../assets/css/variables.css');

/** START LEGALES **/

body.page-legales {
    background-color: var(--color-bg);
    color: var(--color-text);
}

.se-legales {
    background-color: var(--color-bg);
}

/* Cabecero: deja espacio para el header fijo (forced scroll) */
.se-legales__hero {
    padding-top: 160px;
    padding-bottom: var(--spacing-xl);
    background-color: var(--color-bg);
}

.se-legales__title {
    margin: 0;
    font-family: var(--font-above-beyond-serif);
    color: var(--color-text);
    line-height: 1.1;
}

.se-legales__body {
    padding-bottom: var(--spacing-xxl);
    background-color: var(--color-bg);
}

.se-legales__content {
    font-family: var(--font-body);
    color: var(--color-text);
    line-height: var(--line-height-base);
}

.se-legales__content h2,
.se-legales__content h3,
.se-legales__content h4 {
    font-family: var(--font-heading);
    color: var(--color-text);
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-md);
    line-height: 1.2;
}

.se-legales__content p,
.se-legales__content ul,
.se-legales__content ol {
    margin-bottom: var(--spacing-md);
}

.se-legales__content ul,
.se-legales__content ol {
    padding-left: var(--spacing-lg);
}

.se-legales__content li {
    margin-bottom: var(--spacing-xs);
}

.se-legales__content a {
    color: var(--color-primary);
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .se-legales__hero {
        padding-top: 130px;
        padding-bottom: var(--spacing-lg);
    }

    .se-legales__body {
        padding-bottom: var(--spacing-xl);
    }
}

@media (max-width: 768px) {
    .se-legales__hero {
        padding-top: 110px;
        padding-bottom: var(--spacing-md);
    }
}

/** END LEGALES **/