body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.contenedor {
text-align: center;
padding: 20px;
}
.imagen {
max-width: 100%;
height: auto;
}
/* Estilos específicos para pantallas pequeñas */
@media (max-width: 768px) {
.imagen {
width: 95vw;
}
}
/* Estilos específicos para pantallas grandes */
@media (min-width: 769px) {
.imagen {
width: 60vw;
}
}
// Detecta si el dispositivo es móvil y muestra la imagen adecuada
function ajustarImagen() {
const isMobile = window.innerWidth <= 768;
document.getElementById('imagenPC').style.display = isMobile ? 'none' : 'block';
document.getElementById('imagenMobile').style.display = isMobile ? 'block' : 'none';
}
window.addEventListener('resize', ajustarImagen);
window.addEventListener('load', ajustarImagen);