/* ==========================================================================
   POLÍTICA DE COOKIES — Estilos exclusivos de la página
   --------------------------------------------------------------------------
   El componente de documento legal (`.site-legal`) lo comparten las cinco
   páginas legales y vive en `global.css`. Aquí están las listas de tipos, los
   paneles de configuración y las tablas, que solo existen en este documento.
   ========================================================================== */

/* ==========================================================
   1. TIPOS DE COOKIES — #cookies_content
   ========================================================== */

#cookies_content .site-legal__term {
    color: var(--text-color);
}

#cookies_content .site-legal__definition {
    color: var(--legal-color);
}

/* ==========================================================
   2. PANEL DE CONFIGURACIÓN — #cookies_content
   El panel es parte del texto del documento, no un mecanismo
   real: el consentimiento lo instala WordPress con su plugin,
   así que la casilla se pinta desactivada.
   ========================================================== */

#cookies_content .cookies-panel {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-4);
    border-left: 3px solid var(--primary-color);
    background-color: var(--alt-color);
}

#cookies_content .cookies-panel__title,
#cookies_content .cookies-panel__kind {
    font-family: var(--mono-font);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

#cookies_content .cookies-panel__title {
    color: var(--muted-color);
}

#cookies_content .cookies-panel__kind {
    color: var(--text-color);
}

#cookies_content .cookies-panel__control {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

#cookies_content .cookies-panel__checkbox {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin: 5px 0 0;
    accent-color: var(--primary-color);
}

#cookies_content .cookies-panel__note {
    font-size: 0.875rem;
    color: var(--legal-color);
}

/* ==========================================================
   3. TABLAS — #cookies_content
   Seis columnas no caben a 390 px, así que la tabla rueda
   dentro de su propia caja en lugar de desbordar el viewport.
   ========================================================== */

#cookies_content .site-legal__scroller {
    min-width: 0;
    overflow-x: auto;
}

#cookies_content .site-legal__table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    font-size: 0.9375rem;
}

#cookies_content .site-legal__table-head,
#cookies_content .site-legal__table-cell {
    padding: var(--space-3);
    border: 1px solid var(--border-color);
    text-align: left;
    vertical-align: top;
    color: var(--legal-color);
}

#cookies_content .site-legal__table-head {
    font-family: var(--mono-font);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-color);
}

/* Las celdas de varias líneas conservan sus saltos sin necesidad de <br>: un
   <br> presente en una fila y ausente en las demás rompería el molde del
   repetidor y la tabla dejaría de ser editable fila a fila. */
#cookies_content .site-legal__table-cell--lines {
    white-space: pre-line;
}

#cookies_content .site-legal__table-cell--link {
    overflow-wrap: anywhere;
}