/* ════════════════════════════════════════════════════════════════════════
   RNP-Sys · Capa de pulido transversal
   Cargada GLOBALMENTE vía web_include_css en hooks.py (todas las páginas web).
   Solo estilos ADITIVOS y seguros — accesibilidad + consistencia fina.
   Verde de marca: #15603d (ver memoria diseno-unificado-tokens).
   ════════════════════════════════════════════════════════════════════════ */

/* — Anillo de foco consistente y visible (accesibilidad/teclado).
     :where() = especificidad 0, así cualquier foco propio de la página gana. */
:where(a, button, input, select, textarea, [tabindex], [role="button"]):focus-visible {
  outline: 2px solid #15603d;
  outline-offset: 2px;
}

/* — Selección de texto en verde de marca */
::selection { background: rgba(21, 96, 61, 0.18); color: inherit; }

/* — Scroll suave para saltos por #hash (deep-links de secciones) */
html { scroll-behavior: smooth; }

/* — Scrollbars sutiles y consistentes */
* { scrollbar-width: thin; scrollbar-color: rgba(21, 96, 61, 0.30) transparent; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(21, 96, 61, 0.28);
  border-radius: 10px;
  border: 3px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(21, 96, 61, 0.46);
  background-clip: content-box;
}

/* — Respeto a usuarios con "reduce motion" del SO */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}