/* ─────────────────────────────────────────────────────────────────────────────
   legal.css  ·  Página de política de privacidad / aviso legal
   Cargado condicionalmente para template: "legal"
   ───────────────────────────────────────────────────────────────────────────── */

/* ── Variables locales ───────────────────────────────────────────────────────── */
.legal-page {
    --legal-max:        740px;
    --legal-gap:        2rem;
    --legal-x:          1.25rem;
    --legal-color-text: #1a1a2e;
    --legal-color-muted:#5a6478;
    --legal-color-rule: #e5e7eb;
    --legal-color-head: #0d1b2a;
}

/* ── Wrapper ─────────────────────────────────────────────────────────────────── */
.legal-page {
    width: 100%;
}

/* ── Hero ────────────────────────────────────────────────────────────────────── */
.legal-hero {
    background: #f8f9fb;
    border-bottom: 1px solid var(--legal-color-rule);
    padding: 3rem var(--legal-x) 2.5rem;
}

.legal-hero__inner {
    max-width: var(--legal-max);
    margin: 0 auto;
}

.legal-hero__title {
    font-size: clamp(1.625rem, 4vw, 2.25rem);
    font-weight: 700;
    color: var(--legal-color-head);
    line-height: 1.2;
    margin: 0 0 .75rem;
}

.legal-hero__subtitle {
    font-size: 1rem;
    color: var(--legal-color-muted);
    margin: 0 0 .5rem;
    line-height: 1.5;
}

.legal-hero__meta {
    font-size: .8125rem;
    color: var(--legal-color-muted);
    margin: .75rem 0 0;
}

/* ── Body ────────────────────────────────────────────────────────────────────── */
.legal-body {
    padding: 3rem var(--legal-x) 4rem;
}

.legal-body__inner {
    max-width: var(--legal-max);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

/* ── Section ─────────────────────────────────────────────────────────────────── */
.legal-section {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--legal-color-rule);
}

.legal-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.legal-section__heading {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--legal-color-head);
    margin: 0 0 1rem;
    line-height: 1.3;
}

.legal-section__paragraph {
    font-size: .9375rem;
    color: var(--legal-color-text);
    line-height: 1.75;
    margin: 0 0 .875rem;
}

.legal-section__paragraph:last-child {
    margin-bottom: 0;
}

.legal-section__list {
    list-style: none;
    padding: 0;
    margin: .25rem 0 .875rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.legal-section__list-item {
    font-size: .9375rem;
    color: var(--legal-color-text);
    line-height: 1.65;
    padding-left: 1.25rem;
    position: relative;
}

.legal-section__list-item::before {
    content: "→";
    position: absolute;
    left: 0;
    color: var(--legal-color-muted);
    font-size: .8rem;
    top: .18em;
}

/* ── Tablet ───────────────────────────────────────────────────────────────────── */
@media (min-width: 50rem) {
    .legal-hero {
        padding: 4rem var(--legal-x) 3rem;
    }

    .legal-body {
        padding: 3.5rem var(--legal-x) 5rem;
    }

    .legal-section__heading {
        font-size: 1.1875rem;
    }
}