/* =====================================================
   PÁGINAS LEGALES (privacidad, términos, cookies, remit)
   ===================================================== */
body { background: var(--indigo-dye); color: var(--white); }

.legal { padding: 50px 0 80px; }

.legal__container {
    width: 100%;
    max-width: 900px;
    margin-inline: auto;
    padding-inline: 16px;
}
@media (min-width: 768px) { .legal__container { padding-inline: 24px; } }

.legal h1 {
    color: var(--aquamarine);
    font-size: clamp(1.8rem, 5vw, 2.6rem);
    margin: 0 0 12px;
}
.legal__intro { color: rgba(255, 255, 255, 0.75); margin: 0 0 36px; font-size: 1rem; }

.legal__body { font-size: 1rem; line-height: 1.75; color: rgba(255, 255, 255, 0.92); }
.legal__body h2 {
    color: var(--aquamarine);
    font-size: clamp(1.2rem, 3vw, 1.5rem);
    margin: 36px 0 12px;
}
.legal__body h3 {
    color: var(--aquamarine);
    font-size: 1.1rem;
    margin: 26px 0 10px;
}
.legal__body p { margin: 0 0 16px; }
.legal__body strong { color: var(--white); }
.legal__body a { color: var(--aquamarine); text-decoration: underline; }
.legal__body a:hover { color: var(--white); }
.legal__body ul, .legal__body ol { margin: 0 0 18px; padding-left: 22px; }
.legal__body li { margin-bottom: 8px; }

.legal__body table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 22px;
    font-size: 0.92rem;
}
.legal__body table th,
.legal__body table td {
    border: 1px solid rgba(115, 251, 211, 0.35);
    padding: 10px 12px;
    text-align: left;
    vertical-align: top;
}
.legal__body table th { background: rgba(115, 251, 211, 0.12); color: var(--aquamarine); }

.legal__table-wrap { overflow-x: auto; margin-bottom: 22px; }

.legal__body .ami-footer__address-text { display: inline; }
.legal__body .ami-footer__address-text span { display: inline; }
.legal__body .ami-footer__address-text span + span::before { content: ", "; }

/* URLs largas no deben romper el ancho en móvil */
.legal__body a, .legal__body p, .legal__body li { overflow-wrap: anywhere; }
