/* Utilidades: foco visible, movimiento reducido, áreas seguras de iPhone, scroll y bloqueo de fondo.
   Se carga al final; sus reglas usan !important o selectores que ningún otro archivo redefine.
   Extraído sin cambios del <style> original de index.html (Nororiente Core v12). */

/* Accesibilidad: foco visible y movimiento reducido */
:focus-visible { outline: 2px solid #F45D1C; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
/* Áreas seguras iPhone (notch / barra de gestos) */
.safe-bottom { padding-bottom: calc(0.5rem + env(safe-area-inset-bottom)); }
.above-nav { bottom: calc(60px + env(safe-area-inset-bottom)); }
.fab-pos { bottom: calc(120px + env(safe-area-inset-bottom)); }
@media (min-width: 768px) { .fab-pos { bottom: 1.5rem; } }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }
body.modal-open { overflow: hidden; }