/* Normatividad: ajustes de lectura, navegación e impresión. No altera el contenido publicado. */
body[data-page="normatividad"]{--norm-offset:184px}

/* Directorio: una sola fila en escritorio y estado activo visible */
.norm-directory{grid-template-columns:repeat(auto-fit,minmax(142px,1fr))}
.norm-directory a{position:relative;display:flex;flex-direction:column}
.norm-directory a:focus-visible{outline:2px solid var(--nr);outline-offset:3px}
.norm-directory a[aria-current="true"]{border-color:var(--nr);background:linear-gradient(160deg,#fff,#fff4f5);box-shadow:0 14px 28px rgba(230,0,18,.14)}
.norm-directory a[aria-current="true"] i{background:var(--nr);color:#fff}
.norm-directory a[aria-current="true"]::before{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--nr)}
.norm-directory a[href$=".html"]::after{content:"↗";position:absolute;top:15px;right:15px;color:#9aa6b5;font-size:14px;line-height:1}
.norm-directory a[href$=".html"]:hover::after{color:var(--nr)}

/* Documento: el índice queda debajo de la cabecera fija y los anclajes no se ocultan */
.norm-document,.norm-section{scroll-margin-top:var(--norm-offset)}
.norm-document.is-active{animation:norm-in .35s ease both}
@keyframes norm-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.norm-toc{top:var(--norm-offset);max-height:calc(100vh - var(--norm-offset) - 24px);overflow:auto;box-shadow:0 10px 24px rgba(20,30,44,.05)}
.norm-toc a{position:relative;margin:4px 0;padding:6px 8px 6px 12px;border-radius:8px;transition:background .15s,color .15s}
.norm-toc a::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:2px;background:transparent;transition:background .15s}
.norm-toc a:hover{background:#fff0f1}
.norm-toc a[aria-current="true"]{color:var(--nr);font-weight:700;background:#fff0f1}
.norm-toc a[aria-current="true"]::before{background:var(--nr)}
.norm-toc a:focus-visible{outline:2px solid var(--nr);outline-offset:2px}

/* Hoja del documento: acento superior y medida de lectura cómoda */
.norm-paper{position:relative;overflow:hidden}
.norm-paper::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--nr),#ff5a66 55%,transparent)}
.norm-paper header,.norm-section{max-width:760px}
.norm-section p,.norm-section li{color:#2c3645}
.norm-section ul>li::marker{color:var(--nr)}
.norm-section ol>li::marker{color:var(--nr);font-weight:800}
.norm-section li>ul{margin-top:8px}
.norm-section strong{color:var(--ni)}
.norm-section em{display:inline-block;margin-top:6px;padding:12px 16px;border-left:3px solid var(--nr);border-radius:0 10px 10px 0;background:#fff5f6;color:#3d4756;font-style:normal;line-height:1.55}
.norm-section a{text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.norm-paper .version-documento{max-width:760px;margin:26px 0 0;padding-top:16px;border-top:1px dashed var(--nl);color:#7a8595;font-size:12.5px;text-align:right}
.norm-paper .version-documento em{font-style:normal;letter-spacing:.02em}

/* Título del bloque de atención (antes era un segundo h1) */
.hero-copy h2{margin:0;max-width:650px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.06em;font-size:clamp(43px,5.4vw,76px);line-height:.98}
.hero-copy h2 em{font-style:normal;color:var(--red)}

@media(max-width:980px){
  body[data-page="normatividad"]{--norm-offset:120px}
  .norm-directory{grid-template-columns:repeat(4,1fr)}
  .norm-toc{max-height:none;overflow:visible;box-shadow:none}
  .norm-toc a{padding:7px 10px}
  .norm-toc a::before{display:none}
}
@media(max-width:620px){
  body[data-page="normatividad"]{--norm-offset:96px}
  .norm-directory{grid-template-columns:1fr 1fr}
  .norm-paper .version-documento{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .norm-document.is-active{animation:none}
  .norm-toc a,.norm-toc a::before{transition:none}
}

/* Impresión: solo el documento abierto, sin cabecera, menús ni pie */
@media print{
  body[data-page="normatividad"] .utility,body[data-page="normatividad"] .site-header,body[data-page="normatividad"] header.site-header,
  body[data-page="normatividad"] footer,body[data-page="normatividad"] .skip,.norm-intro,.norm-directory,.norm-toc,
  .norm-hero,.channels,.process,.manual-detail,.rights,.legal,.pv-wa,.pv-top,.pv-progress,.pv-fibers,.cookie-banner{display:none!important}
  .norm-hub{max-width:none;padding:0}
  .norm-document.is-active{display:block;animation:none}
  .norm-paper{border:0;box-shadow:none;padding:0}
  .norm-paper::before{display:none}
  .norm-section{break-inside:avoid-page}
  .norm-section a{color:#000}
}