/* ============================================================
   PIE LEGAL: el mismo en el ingreso, el portal y los formatos
   ============================================================
   Las páginas públicas (diagnóstico, términos y política de datos)
   tienen su propio pie en publico.css.

   POR QUÉ LOS COLORES PASAN POR TOKENS PROPIOS
   Con var(--pt-x, respaldo) el pie usa los tokens del portal donde
   existen y su propio valor donde no, sin duplicar la paleta entera.
   ============================================================ */
.pt-pie{
    --pie-borde: var(--pt-borde, #E2EAEC);
    --pie-gris:  var(--pt-gris, #595959);
    --pie-eti:   var(--pt-navy-700, #1F1F1F);
    --pie-link:  var(--pt-marca-cian, #00A1B8);

    margin-top: 4.8rem;
    padding: 2.8rem 0 2rem;
    border-top: 1px solid var(--pie-borde);
    font-size: 1.28rem;
    color: var(--pie-gris);
}
:root[data-tema="oscuro"] .pt-pie{
    --pie-borde: var(--pt-borde, #363636);
    --pie-gris:  var(--pt-gris, #B3B3B3);
    --pie-eti:   var(--pt-azul-claro, #A8E4EE);
}

.pt-pie__cols{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 2.4rem 3.2rem;
}
.pt-pie__col{ display: flex; flex-direction: column; gap: .7rem; align-items: flex-start; }
.pt-pie__col--ancha{ grid-column: span 2; }
@media (max-width: 720px){ .pt-pie__col--ancha{ grid-column: auto; } }

.pt-pie__eti{
    font-size: 1.12rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--pie-eti);
    margin-bottom: .2rem;
}
.pt-pie__col a{
    color: var(--pie-gris);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    line-height: 1.5;
}
.pt-pie__col a:hover{ color: var(--pie-link); border-bottom-color: currentColor; }
.pt-pie__col p{ margin: 0; line-height: 1.55; max-width: 52ch; }

.pt-pie__raya{
    display: flex;
    flex-wrap: wrap;
    gap: .8rem 1.6rem;
    justify-content: space-between;
    margin-top: 2.4rem;
    padding-top: 1.6rem;
    border-top: 1px solid var(--pie-borde);
    font-size: 1.2rem;
}