/* ==========================================================================
   Páginas legales y canal de derechos (RGPD)
   Se carga solo desde page.php y template-parts/solicitud-derechos.php.
   No afecta a ninguna otra plantilla: todo va bajo .pagina-estatica.
   ========================================================================== */

.pagina-estatica { justify-content: center; }

.pagina-estatica .columna-articulo-80 {
    width: min(100%, 900px);
    padding: 0 5% 4rem;
}

.pagina-estatica .cuerpo-texto-editorial h2 {
    font-family: var(--fuente-cuerpo);
    font-size: 0.95rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #c5a059;
    margin: 3rem 0 1rem;
}

.pagina-estatica .cuerpo-texto-editorial h3 {
    font-family: var(--fuente-cuerpo);
    font-size: 0.85rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--color-texto);
    margin: 2rem 0 0.6rem;
}

.pagina-estatica .cuerpo-texto-editorial a {
    color: #c5a059;
    text-decoration: underline;
}

.pagina-estatica .cuerpo-texto-editorial table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0 2rem;
    font-family: var(--fuente-titulos);
    font-size: 0.95rem;
    color: var(--color-texto);
}

.pagina-estatica .cuerpo-texto-editorial th,
.pagina-estatica .cuerpo-texto-editorial td {
    border: 1px solid rgba(197, 160, 89, 0.35);
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}

.pagina-estatica .cuerpo-texto-editorial th {
    color: #c5a059;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
}

.pagina-estatica .cuerpo-texto-editorial table p {
    font-size: 0.95rem !important;
    margin-bottom: 0.4rem !important;
}

@media (max-width: 700px) {
    .pagina-estatica .columna-articulo-80 {
        width: 100%;
        padding: 0 6% 3rem;
    }
    /* Tablas de 4 columnas: mejor desplazarlas que comprimirlas. */
    .pagina-estatica .cuerpo-texto-editorial {
        overflow-x: auto;
    }
    .pagina-estatica .cuerpo-texto-editorial table {
        font-size: 0.85rem;
        min-width: 620px;
    }
}

/* Nota y enlace de vuelta del canal de derechos.
   El tema fuerza margin-top: 0 !important en todos los <p>. */
.pagina-estatica .nota-derechos {
    margin: 2.5rem 0 0 !important;
    font-size: 0.95rem !important;
    opacity: 0.8;
}

.pagina-estatica .volver-derechos {
    margin: 1.5rem 0 0 !important;
}