/* Pagina publica del Aviso de Privacidad. Complementa politicas-servicio.css
   (nav, hero, secciones, callouts, footer y tokens de color); aqui solo va lo
   propio del aviso. Prefijo avp- para no colisionar con las clases ps-. */

/* Preambulo: .ps-section p esta scopeado a .ps-section, asi que los parrafos
   dentro de .ps-intro heredarian el margen del navegador. */
.avp-intro p { margin: 8px 0; }
.avp-intro p:first-child { margin-top: 0; }
.avp-intro p:last-child { margin-bottom: 0; }

/* Indice de 17 entradas: sticky mas alto que el viewport se pega y nunca se
   despega, dejando las ultimas entradas fuera de pantalla en laptops de 13". */
.avp-toc {
    max-height: calc(100vh - 96px);
    overflow-y: auto;
    overscroll-behavior: contain;
}
.avp-toc a { padding: 5px 10px; font-size: 13.5px; }
.avp-toc a .n { display: inline-block; min-width: 24px; }

/* Listas anidadas: .ps-list no tiene regla para ul ul. Sin esto la interna cae
   al marcador nativo del navegador y conviven dos sistemas de vineta.
   Ojo: .ps-list li::before es un selector DESCENDIENTE, asi que tambien alcanza
   estos li. Misma especificidad, gana el orden de carga; pero hay que resetear
   explicitamente background, o el aro sale relleno con el color de marca. */
.avp-list-sub {
    margin: 6px 0 2px;
    padding-left: 22px;
    list-style: none;
}
.avp-list-sub li {
    position: relative;
    padding: 4px 0 4px 18px;
    color: var(--ink-soft);
}
.avp-list-sub li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: none;
    border: 1.5px solid var(--muted);
}

/* Procedimientos numerados: .ps-list trae list-style:none, asi que aplicarla a
   un <ol> borraria los numeros. En ARCO y revocacion el orden es el tramite. */
.avp-steps {
    margin: 8px 0;
    padding-left: 22px;
    list-style: decimal;
}
/* Hijo directo: sin el >, este selector tiene la misma especificidad que
   .avp-list-sub li y gana por venir despues, dejando la sublista anidada del
   paso 2 de ARCO con padding-left 4px y la vinieta encima del texto. */
.avp-steps > li {
    padding: 5px 0 5px 4px;
    color: var(--ink-soft);
}
.avp-steps > li::marker { color: var(--brand); font-weight: 700; }

/* Correos y dominios largos dentro de callouts angostos. */
.ps-content { overflow-wrap: break-word; }

@media (max-width: 900px) {
    /* .ps-toc pasa a position:static: dejarle max-height convertiria el indice
       en una caja con scroll interno que captura el gesto tactil. */
    .avp-toc { max-height: none; overflow: visible; }
}

@media print {
    .ps-nav, .avp-toc, .ps-footer { display: none; }
    .ps-hero { background: none; }
    .ps-hero-in { padding: 0 0 12px; }
    .ps-grid { display: block; }
    .ps-section {
        box-shadow: none;
        border: 0;
        padding: 0 0 12px;
        break-inside: avoid;
    }
}