@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

/* Navegación - Efecto Subrayado */
.nav-link, .nav-link-mobile {
    position: relative;
    cursor: pointer;
    transition: color 0.3s ease;
}

.nav-link:hover, .nav-link-mobile:hover {
    color: #a4466b; /* vino */
}

/* Efecto Tarjetas de Arte */
.scale-on-hover {
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.scale-on-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Animaciones al hacer Scroll */
.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-up.appear {
    opacity: 1;
    transform: translateY(0);
}
.delay-100 { transition-delay: 0.1s; }
.delay-200 { transition-delay: 0.2s; }
.delay-300 { transition-delay: 0.3s; }
.delay-400 { transition-delay: 0.4s; }

/* Acordeones - Control suave */
.accordion-content {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s ease-in-out, opacity 0.4s ease-out, padding 0.5s ease-in-out;
}
.accordion-content:not(.hidden) {
    max-height: 2000px; /* Suficiente alto para alojar todo el texto */
    opacity: 1;
}