/**
 * Archivo: assets/css/legal.css
 * Módulo: shop-core — páginas legales (29/9/2026). Ver includes/paginas/legales.php.
 *
 * La estructura (dos columnas, sin scroll de página, solo el texto se
 * desplaza) es la de "Nuestra historia" (nuestra-historia.css); aquí solo
 * lo propio de un texto legal: listas, enlaces y datos pendientes.
 */

.sc-legal-texto ul {
    margin: 0 0 1rem;
    padding-left: 1.3rem;
}
.sc-legal-texto li { margin: 0 0 0.35rem; }
.sc-legal-texto li::marker { color: var(--sc-gold); }
.sc-legal-texto a,
.sc-legal-texto a:visited { color: var(--sc-gold) !important; }
.sc-legal-texto .sc-nh-apartado:last-child { padding-bottom: 1rem; }

/* Un dato del titular sin rellenar (Herramientas → Datos legales). */
.sc-legal-pendiente {
    padding: 0 0.3em;
    border: 1px dashed #d9534f;
    border-radius: 3px;
    color: #f08a86;
    white-space: nowrap;
}

/* Las demás páginas legales, bajo el índice. */
.sc-legal-otras {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(var(--sc-gold-rgb), 0.15);
    font-size: var(--sc-fs-caption);
}
.sc-legal-otras a,
.sc-legal-otras a:visited {
    color: var(--sc-muted) !important;
    text-decoration: none !important;
}
.sc-legal-otras a:hover { color: var(--sc-gold) !important; }

.sc-legal .sc-nh-gestion .sc-btn-traducir { margin-top: 0.4rem; }

@media (max-width: 900px) {
    .sc-legal-otras { display: none; } /* en móvil están en el pie */
}