/* ============================================================
   Páginas legales (Aviso legal, Privacidad, Cookies) — Norte Cálido
   ============================================================ */

.gn-l-container--narrow { max-width: 860px; }

.gn-legal {
    font-size: 15.5px;
    line-height: 1.7;
    color: var(--c-text-soft, #5A4A3E);
}

.gn-legal__intro {
    font-size: 17px;
    line-height: 1.7;
    color: var(--c-text, #2B1F17);
    padding-bottom: 24px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--c-border, rgba(43,31,23,0.12));
}

.gn-legal__section { margin-top: 36px; }

.gn-legal__section h2 {
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.25;
    color: var(--c-text, #2B1F17);
    margin: 0 0 14px;
}

.gn-legal__section p { margin: 0 0 14px; }

.gn-legal__section ul {
    margin: 0 0 16px;
    padding-left: 1.25em;
    list-style: none;
}
.gn-legal__section ul li {
    position: relative;
    margin-bottom: 9px;
    padding-left: 6px;
}
.gn-legal__section ul li::before {
    content: '';
    position: absolute;
    left: -0.9em;
    top: 0.62em;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--c-accent, #B4654A);
}

.gn-legal a { color: var(--c-accent-dark, #8E4F3A); text-decoration: underline; word-break: break-word; }
.gn-legal a:hover { color: var(--c-accent, #B4654A); }

.gn-legal__updated {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid var(--c-border, rgba(43,31,23,0.12));
    font-size: 13px;
    font-style: italic;
    color: var(--c-text-mute, #8A7A6E);
}

.gn-legal__cookie-reopen { margin-top: 28px; }

/* ---- Tabla de cookies ---- */
.gn-legal__tablewrap { overflow-x: auto; margin: 6px 0 18px; }
.gn-legal__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--gn-shadow, 0 1px 2px rgba(43,31,23,0.04));
}
.gn-legal__table th,
.gn-legal__table td {
    text-align: left;
    padding: 12px 14px;
    border-bottom: 1px solid var(--c-border, rgba(43,31,23,0.1));
    vertical-align: top;
}
.gn-legal__table thead th {
    background: var(--c-base-soft, #EBE3D5);
    color: var(--c-text, #2B1F17);
    font-weight: 600;
    font-size: 12.5px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.gn-legal__table tbody tr:last-child td { border-bottom: none; }
.gn-legal__table code {
    font-size: 12px;
    background: var(--c-base-soft, #EBE3D5);
    padding: 2px 6px;
    border-radius: 5px;
    word-break: break-word;
}

/* Tabla → tarjetas en móvil */
@media (max-width: 720px) {
    .gn-legal__table thead { display: none; }
    .gn-legal__table, .gn-legal__table tbody, .gn-legal__table tr, .gn-legal__table td { display: block; width: 100%; }
    .gn-legal__table tr {
        border: 1px solid var(--c-border, rgba(43,31,23,0.12));
        border-radius: 10px;
        margin-bottom: 12px;
        padding: 4px 0;
    }
    .gn-legal__table td { border-bottom: 1px dashed var(--c-border, rgba(43,31,23,0.1)); padding: 10px 14px; }
    .gn-legal__table td:last-child { border-bottom: none; }
    .gn-legal__table td::before {
        content: attr(data-th) ": ";
        display: block;
        font-weight: 600;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: var(--c-text-mute, #8A7A6E);
        margin-bottom: 3px;
    }
}