/* ---------------------------------------------------------------------------
   app.css — estilos globales del portal SIC
   Complementa Tailwind con utilidades reutilizables.
   En dev Tailwind se carga vía CDN; en prod se compila a estático.
   --------------------------------------------------------------------------- */

html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { font-feature-settings: "cv02", "cv03", "cv04", "cv11"; }

/* Evitar flash de contenido con Alpine */
[x-cloak] { display: none !important; }

/* Scrollbars discretos */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, .35); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: rgba(100, 116, 139, .55); }

/* HTMX feedback visual */
.htmx-indicator { opacity: 0; transition: opacity 200ms ease-in; }
.htmx-request .htmx-indicator { opacity: 1; }
.htmx-request.htmx-indicator { opacity: 1; }

/* Truncado responsivo multilínea */
.truncate-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.truncate-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Placeholder del autofill en Chrome para que no se vea amarillo */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a !important;
}