/* Estado inicial (fuera de pantalla) */
.about-content, .gallery-item, .contact-container, .como-llegar, .hero-content {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Cuando entra en pantalla */
.visible {
    opacity: 1;
    transform: translateY(0);
}