temática-biodiversidad-ecosistemas

/* Estilo para pantallas grandes (mayor o igual a 768px de ancho) */ @media screen and (min-width: 768px) { #miIframe { height: 1500px; /* Altura fija para pantallas grandes */ } } /* Estilo para dispositivos móviles (menos de 768px de ancho) */ @media screen and (max-width: 767px) { #miIframe { height: 2500px; /* Altura diferente para dispositivos móviles */ } }

temática-suelo-tierra

/* Estilo para pantallas grandes (mayor o igual a 768px de ancho) */ @media screen and (min-width: 768px) { #miIframe { height: 1500px; /* Altura fija para pantallas grandes */ } } /* Estilo para dispositivos móviles (menos de 768px de ancho) */ @media screen and (max-width: 767px) { #miIframe { height: 2500px; /* Altura diferente para dispositivos móviles */ } }

temática-aire-atmósfera

/* Estilo para pantallas grandes (mayor o igual a 768px de ancho) */ @media screen and (min-width: 768px) { #miIframe { height: 1500px; /* Altura fija para pantallas grandes */ } } /* Estilo para dispositivos móviles (menos de 768px de ancho) */ @media screen and (max-width: 767px) { #miIframe { height: 2500px; /* Altura diferente para dispositivos móviles */ } }

temática-agua

/* Estilo para pantallas grandes (mayor o igual a 768px de ancho) */ @media screen and (min-width: 768px) { #miIframe { height: 1500px; /* Altura fija para pantallas grandes */ } } /* Estilo para dispositivos móviles (menos de 768px de ancho) */ @media screen and (max-width: 767px) { #miIframe { height: 2500px; /* Altura diferente para dispositivos móviles */ } }

inicio-tematicas

/* Estilo para pantallas grandes (mayor o igual a 768px de ancho) */ @media screen and (min-width: 768px) { #miIframe { height: 1200px; /* Altura fija para pantallas grandes */ } } /* Estilo para dispositivos móviles (menos de 768px de ancho) */ @media screen and (max-width: 767px) { #miIframe { height: 2500px; /* Altura diferente para dispositivos móviles */ } }

inicio-regiones

/* Estilos para hacer el mapa responsivo */ #map-container { position: relative; width: 100%; height: 70vh; /* Altura responsiva */ min-height: 400px; /* Altura mínima */ } #map { width: 100%; height: 100%; } #department-details { width: 100%; height: 100%; padding: 20px; box-sizing: border-box; position: abso