/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Fuente más ligera para el hero */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
}

/* Animación suave para el menú */
#mobile-menu {
    backdrop-filter: blur(10px);
}

/* Hover effect para los links del menú */
#mobile-menu a {
    position: relative;
}

#mobile-menu a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    right: 0;
    background-color: #c7635b;
    transition: width 0.3s ease-in-out;
}

#mobile-menu a:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

/* Animación desde arriba para slide 2 */
[data-slide="1"].active .slide-content {
    animation: slideFromTop 0.6s ease-out;
}

/* Animación desde abajo para slide 3 */
[data-slide="2"].active .slide-content {
    animation: slideFromBottom 0.6s ease-out;
}

/* Fade in para slide 1 */
[data-slide="0"].active .slide-content {
    animation: fadeIn 0.6s ease-out;
}

@keyframes slideFromTop {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideFromBottom {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}