/* Mi Cocina - estilos complementarios a Tailwind */

/* Alpine: oculta elementos hasta que el framework tome control */
[x-cloak] { display: none !important; }

/* Animación de los avisos (toasts) */
@keyframes entrada-aviso {
    from { opacity: 0; transform: translateX(1rem); }
    to { opacity: 1; transform: translateX(0); }
}
.animate-aviso { animation: entrada-aviso .25s ease-out; }

/* Scrollbar discreto acorde a la paleta */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d6c3a1; border-radius: 8px; }
.dark ::-webkit-scrollbar-thumb { background: #44403c; }
::-webkit-scrollbar-track { background: transparent; }

/* Selects nativos legibles en modo oscuro */
.dark select option { background-color: #1c1917; color: #f5f5f4; }