/* Estilos generales */
html {
    scroll-behavior: smooth;
}

/* Hero section */
.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/api/placeholder/1920/1080');
    background-size: cover;
    background-position: center;
}

/* Animaciones */
.transition {
    transition: all 0.3s ease;
}

/* Efectos hover para tarjetas */
.hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: translateY(-2px);
}

/* Media queries para responsividad */
@media (max-width: 768px) {
    .hero-section {
        background-attachment: scroll;
    }
}

/* Animación para botones */
.btn-hover-effect:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

/* Estilos para el menú móvil */
.mobile-menu {
    display: none;
}

@media (max-width: 768px) {
    .mobile-menu {
        display: block;
    }
    
    .desktop-menu {
        display: none;
    }
}