/* Estilos generales para la fuente del cuerpo */
body {
    font-family: 'Inter', sans-serif;
}

/* Estilo para la miniatura activa en la galería de imágenes */
.thumbnail-active {
    border-color: #3b82f6; /* Corresponde a 'border-blue-600' de Tailwind */
    opacity: 1;
}

/* Estilo para la animación de entrada del modal */
.modal-container {
    transition: transform 0.3s ease-out;
}
#order-modal.flex .modal-container {
    transform: scale(1);
}
#order-modal.hidden .modal-container {
    transform: scale(0.95);
}