/* Estilos personalizados y configuración de Tailwind */
body {
    font-family: 'Inter', sans-serif;
    background-color: #FFFBF7; /* Fondo crema general */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, .font-serif {
    font-family: 'Cormorant Garamond', serif;
}
.font-logo {
    font-family: 'Dancing Script', cursive;
}
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.animate-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.nav-scrolled {
    background-color: rgba(255, 251, 247, 0.9);
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.modal-overlay {
    transition: opacity 0.3s ease-in-out;
}
.modal-content {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.toast {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
/* Clase para texto blanco en la nav */
.nav-text-white a {
    color: white !important;
}
.nav-text-white a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}