/* Estilo de las secciones de contenido */
.content1 {
    opacity: 0; /* Oculto inicialmente */
    transform: translateY(50px); /* Desplazado hacia abajo */
    transition: opacity 1s ease, transform 1s ease; /* Animación suave */
}

.content2 {
    opacity: 0; /* Oculto inicialmente */
    transform: translateY(50px); /* Desplazado hacia abajo */
    transition: opacity 1s ease, transform 1s ease, delay 3s ease; /* Animación suave */
}

.content3 {
    opacity: 0; /* Oculto inicialmente */
    transition: opacity 1s ease, transform 1s ease, delay 5s ease; /* Animación suave */
}

/* Clase que hace visibles las secciones */
.visible {
    opacity: 1; /* Se vuelve visible */
    transform: translateY(0); /* Vuelve a la posición original */
}

/* Retrasos incrementales para las animaciones */
.delay-1.visible {
    transition-delay: 0.2s;
}

.delay-2.visible {
    transition-delay: 1s;
}

.delay-3.visible {
    transition-delay: 2s;
}