/* Estilos custom complementarios a Tailwind para Herramientas TAJO. */

/* Mejorar render de fuentes en Windows / Chromium */
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Inputs deshabilitados consistentes */
input:disabled, select:disabled, textarea:disabled, button:disabled {
    background-color: #f1f5f9;
    color: #94a3b8;
    cursor: not-allowed;
}

/* Tarjeta tipo "Herramientas Tajo" (homenaje al tema de las apps Tkinter) */
.tarjeta {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.tarjeta:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px -8px rgba(15, 23, 42, 0.18);
    border-color: #cbd5e1;
}

/* Scrollbar más fina en navegadores Webkit */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Focus ring uniforme para accesibilidad */
:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(27, 59, 122, 0.25);
    border-radius: 6px;
}