/* =================================================================
   PÁGINAS LEGALES (ESTAD-7-10 L4)
   Contraste AA: texto #1A2B2E y enlaces #1A6B40 subrayados sobre blanco.
   El verde de enlace del tema (#4CAF7D) no llega a 4,5:1 sobre blanco,
   así que aquí no se usa.
   ================================================================= */

.opogc-skip {
    position: absolute;
    left: 1rem;
    top: -100px;
    z-index: 200;
    background: var(--opogc-green-deep);
    color: #fff;
    padding: 0.6rem 1rem;
    border-radius: var(--opogc-radius-xs);
    font-weight: 700;
}

.opogc-skip:focus {
    top: 1rem;
    color: #fff;
}

.opogc-legal {
    background: var(--opogc-white-off);
    padding: var(--opogc-space-48) 0 var(--opogc-space-80);
}

.opogc-legal__doc {
    width: min(780px, calc(100% - 2rem));
    margin-inline: auto;
    background: var(--opogc-surface);
    border: 1px solid var(--opogc-border);
    border-radius: var(--opogc-radius);
    box-shadow: var(--opogc-shadow-xs);
    padding: clamp(1.25rem, 4vw, 3rem);
    color: var(--opogc-text);
    font-size: 1rem;
    line-height: 1.7;
}

.opogc-legal__eyebrow {
    margin: 0 0 var(--opogc-space-8);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--opogc-green-deep);
}

.opogc-legal__doc h1 {
    font-size: clamp(1.75rem, 4vw, 2.4rem);
    line-height: 1.2;
    margin: 0 0 var(--opogc-space-12);
}

.opogc-legal__meta {
    margin: 0 0 var(--opogc-space-32);
    padding-bottom: var(--opogc-space-24);
    border-bottom: 1px solid var(--opogc-border);
    color: var(--opogc-text-soft);
    font-size: 0.92rem;
}

.opogc-legal__doc h2 {
    font-size: clamp(1.25rem, 2.6vw, 1.5rem);
    line-height: 1.3;
    margin: var(--opogc-space-48) 0 var(--opogc-space-12);
    scroll-margin-top: 96px;
}

.opogc-legal__doc h3 {
    font-size: 1.1rem;
    margin: var(--opogc-space-24) 0 var(--opogc-space-8);
    scroll-margin-top: 96px;
}

.opogc-legal__doc p,
.opogc-legal__doc ul,
.opogc-legal__doc ol,
.opogc-legal__doc dl {
    margin: 0 0 var(--opogc-space-16);
}

.opogc-legal__doc ul,
.opogc-legal__doc ol {
    padding-left: 1.4rem;
}

.opogc-legal__doc li {
    margin-bottom: var(--opogc-space-8);
}

.opogc-legal__doc a {
    color: var(--opogc-green-deep);
    text-decoration: underline;
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
}

.opogc-legal__doc a:hover,
.opogc-legal__doc a:focus {
    color: var(--opogc-text);
}

.opogc-legal__doc a:focus-visible,
.opogc-legal__doc summary:focus-visible,
.opogc-legal__tabla:focus-visible {
    outline: 3px solid var(--opogc-green-deep);
    outline-offset: 2px;
}

.opogc-legal__lead {
    font-size: 1.08rem;
}

.opogc-legal__datos {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--opogc-space-8) var(--opogc-space-24);
}

.opogc-legal__datos dt {
    font-weight: 700;
}

.opogc-legal__datos dd {
    margin: 0;
}

.opogc-legal__tabla {
    overflow-x: auto;
    margin: 0 0 var(--opogc-space-24);
}

.opogc-legal__tabla table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.94rem;
}

.opogc-legal__tabla caption {
    text-align: left;
    font-weight: 700;
    padding-bottom: var(--opogc-space-8);
}

.opogc-legal__tabla th,
.opogc-legal__tabla td {
    text-align: left;
    vertical-align: top;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgba(26, 43, 46, 0.18);
}

.opogc-legal__tabla th {
    background: var(--opogc-green-soft);
}

.opogc-legal__doc code {
    font-size: 0.88em;
    background: var(--opogc-surface-alt);
    padding: 0.1em 0.3em;
    border-radius: 4px;
}

.opogc-legal__anexo {
    margin: 0 0 var(--opogc-space-24);
    border: 1px solid var(--opogc-border);
    border-radius: var(--opogc-radius-sm);
    padding: var(--opogc-space-12) var(--opogc-space-16);
}

.opogc-legal__anexo summary {
    cursor: pointer;
    font-weight: 700;
    color: var(--opogc-green-deep);
}

.opogc-legal__pre {
    white-space: pre-wrap;
    font-family: inherit;
    font-size: 0.94rem;
    margin: var(--opogc-space-12) 0 0;
}

.opogc-legal__pendiente {
    background: var(--opogc-gold-soft);
    border: 1px solid var(--opogc-gold-border);
    border-radius: var(--opogc-radius-sm);
    padding: var(--opogc-space-24);
}

.opogc-legal__pendiente p:last-child {
    margin-bottom: 0;
}

/* Borrador: lo que el dueño tiene que decidir. Amarillo con texto oscuro. */
.opogc-revisar {
    background: #FFE58A;
    color: #1A2B2E;
    padding: 0.05em 0.3em;
    border-radius: 3px;
    font-weight: 700;
}

@media (max-width: 560px) {
    .opogc-legal__datos {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .opogc-legal__datos dd {
        margin-bottom: var(--opogc-space-12);
    }
}