/* Participativos · ajustes comunes del sitio publicado (se cargan después de los estilos de cada página) */

/* Teléfonos: el menú ocupa una sola fila deslizable en lugar de tres renglones */
@media (max-width: 720px) {
  header .nav {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto;
    width: calc(100% + 48px);
    margin: 0 -24px;
    padding: 0 14px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 28px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 28px), transparent 100%);
  }
  header .nav::-webkit-scrollbar { display: none; }
  header .nav a { flex: none; }
  /* Inicio: el texto de la portada se lee completo sobre la foto */
  section[aria-labelledby="hero"] > div[aria-hidden="true"] { background: rgba(255, 255, 255, 0.9) !important; }
}

@media print {
  header .nav, .skip { display: none !important; }
}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #E2620B;outline-offset:2px}

main:focus,[role="main"]:focus{outline:none}