<style>
.retraso1, .retraso2, .retraso3, .retraso4, .retraso5, .retrasoM1 {
display: none; /* Oculta todas las secciones en todos los dispositivos */
}
</style>

<script>
function mostrarSeccionDespuesDeRetraso(seccion) {
if (seccion) {
seccion.style.display = «block»; /* Muestra la sección después de 5 segundos */
}
}

document.addEventListener(«DOMContentLoaded», function() {
// Mostrar las secciones «retraso1», «retraso2» y «retraso5» después de 5 segundos en todos los dispositivos
setTimeout(function() {
mostrarSeccionDespuesDeRetraso(document.querySelector(«.retraso1»));
mostrarSeccionDespuesDeRetraso(document.querySelector(«.retraso2»));
mostrarSeccionDespuesDeRetraso(document.querySelector(«.retraso5»));
}, 60000); // 5000 milisegundos (5 segundos)

// Verificar si es un dispositivo de escritorio (pantalla mayor a 768px)
if (window.innerWidth > 768) {
// Mostrar las secciones «retraso3» y «retraso4» en dispositivos de escritorio
setTimeout(function() {
mostrarSeccionDespuesDeRetraso(document.querySelector(«.retraso3»));
mostrarSeccionDespuesDeRetraso(document.querySelector(«.retraso4»));
}, 60000); // 5000 milisegundos (5 segundos)
} else {
// Es un dispositivo móvil
// Mostrar la sección «retrasoM1» en dispositivos móviles
setTimeout(function() {
mostrarSeccionDespuesDeRetraso(document.querySelector(«.retrasoM1»));
}, 60000); // 5000 milisegundos (5 segundos)
}
});
</script>