/* ============================================================
   ARCHIVO: assets/css/style.css
   Estilos propios de ProGSM que Tailwind (por CDN) no cubre:
   transiciones suaves, scrollbar personalizado y detalles para
   que se sienta como un punto de venta profesional. La
   tipografía (Inter) se carga aparte, en el <head> de cada
   página, junto con este archivo.
   ============================================================ */

* {
    font-family: 'Inter', sans-serif;
}

a, button {
    transition: all 0.15s ease;
}

/* Scrollbar más discreto (navegadores basados en Chromium/Edge/Safari) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(100, 116, 139, 0.35);
    border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(100, 116, 139, 0.55);
}

/* Foco visible más elegante al navegar con teclado */
input:focus-visible, select:focus-visible, textarea:focus-visible,
button:focus-visible, a:focus-visible {
    outline: 2px solid #4f46e5;
    outline-offset: 2px;
}