@font-face {
font-family: «preloslab-bold»;
src: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes-2/fonts/PreloSlab-Bold.woff2) format(«woff2»),
url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes-2/fonts/PreloSlab-Bold.woff) format(«woff»);
font-style: normal; font-weight: normal;
}
@font-face {
font-family: «preloslab-medium»;
src: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes-2/fonts/PreloSlab-Medium.woff2) format(«woff2»),
url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes-2/fonts/PreloSlab-Medium.woff) format(«woff»);
font-style: normal; font-weight: normal;
}

/* —- RESET & BASE —- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* Contenedor fullscreen autónomo — no depende de estilos del body externo */
#slider-container {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f5;
transition: background 0.3s ease;
z-index: 9999;
}

#slider-container.portada { background: transparent; }

/* —- CONTENEDOR FIJO (proporción 9:16, estilo AMP Story) —- */
#slider-wrapper {
position: relative;
width: 390px;
height: 820px;
overflow: hidden;
flex-shrink: 0;
transition: width 0.35s ease, height 0.35s ease;
}

/* Portada: wrapper se expande a toda la pantalla */
#slider-wrapper.portada {
width: 100%;
height: 100%;
overflow: visible;
}

/* Slide-0: layout de columna centrada (imagen + título + botón) */
#slide-0 {
flex-direction: column !important;
align-items: center;
justify-content: center;
gap: 1em;
padding: 2em;
}
#slide-0 .portada-img {
max-width: 75%;
max-height: 55%;
object-fit: contain;
display: block;
}
#slide-0 .portada-h1 {
font-family: «preloslab-bold», Georgia, serif;
font-size: clamp(1.3em, 2.8vw, 1.7em);
line-height: 1.2em;
color: #111;
text-align: center;
max-width: 560px;
margin-bottom: 0;
}
#slide-0 .portada-titulo {
font-family: «preloslab-medium», Georgia, serif;
font-size: clamp(0.9em, 2vw, 1.15em);
line-height: 1.4em;
color: #111;
text-align: center;
max-width: 560px;
}

/* —- MÓVIL —- */
@media (max-width: 480px) {
#slider-wrapper {
width: 100vw;
height: calc(var(–vh, 1vh) * 100);
min-height: 500px;
overflow: hidden;
height: 80vh !important;
top: 4% !important;
}

/* Portada: ocupa todo el viewport */
#slider-wrapper.portada {
width: 100%;
height: calc(var(–vh, 1vh) * 100);
min-height: 500px;
}

/* Layout portada móvil: imagen arriba (mitad), texto abajo */
#slide-0 {
justify-content: flex-start !important;
align-items: stretch !important;
padding: 0 !important;
gap: 0 !important;
}
#slide-0 .portada-img {
width: 100%;
height: 52%;
max-width: none;
max-height: none;
object-fit: cover;
object-position: center center;
display: block;
flex-shrink: 0;
}
#slide-0 .portada-h1 {
font-size: clamp(1.6em, 7vw, 2.2em);
text-transform: uppercase;
text-align: center;
padding: 0.7em 0.8em 0.3em;
}
#slide-0 .portada-titulo {
font-size: clamp(0.85em, 3.5vw, 1em);
text-align: center;
padding: 0 1.4em;
}
#slide-0 .btn-empezar {
text-align: center;
margin: 10px auto;
}

h2 { font-size: clamp(1.8em, 3.5vw, 1.9em) !important; }
p { font-size: clamp(1.4em, 2.2vw, 1.1em) !important; }
}

/* —- SLIDES —- */
.slide-section {
display: none;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.slide-section.active { display: flex; flex-direction: column; }

/* Imagen de fondo */
.slide-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}

/* Capa de texto */
.slide-layer {
position: absolute;
inset: 0;
padding: 3em 3em 6em;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.slide-layer.center {
justify-content: center;
padding-bottom: 3em;
}
.slide-layer.bottom {
justify-content: flex-end;
padding-bottom: 5em;
}

/* —- TIPOGRAFÍA —- */
h1 {
font-family: «preloslab-bold», Georgia, serif;
font-size: clamp(1.4em, 4vw, 2.2em);
line-height: 1.12em;
color: #4D6989;
margin-bottom: 0.5em;
}
h2 {
font-family: «preloslab-bold», Georgia, serif;
font-size: clamp(1.2em, 3.5vw, 1.9em);
line-height: 1.1em;
color: #4D6989;
margin-bottom: 0.5em;
}
p {
font-family: «preloslab-medium», Georgia, serif;
font-size: clamp(0.85em, 2.2vw, 1.1em);
line-height: 1.4em;
color: #111;
margin-bottom: 0.6em;
}
p.white { color: white; }
.txt-rojo { color: #D1382F; font-family: «preloslab-bold», Georgia, serif; }

/* —- ANIMACIONES —- */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes flyInBottom {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}

.slide-section.active h1 {
animation: fadeIn 0.8s ease both;
}
.slide-section.active h2 {
animation: fadeIn 0.8s ease both;

}
.slide-section.active p {
animation: flyInBottom 0.4s ease 0.3s both;
}
.slide-section.active p:nth-child(2) { animation-delay: 0.45s; }
.slide-section.active p:nth-child(3) { animation-delay: 0.6s; }
.slide-section.active p:nth-child(4) { animation-delay: 0.75s; }

/* —- BOTONES DE NAVEGACIÓN —- */
.slide-nav {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.8em 2em 2em;
/*background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, transparent 100%);*/
}
#slide-0 .slide-nav {
background: none;
}

.btn-anterior,
.btn-siguiente,
.btn-empezar,
.btn-inicio {
display: inline-block;
font-family: «preloslab-bold», Georgia, serif;
font-size: 0.85em;
font-weight: 700;
text-decoration: none;
padding: 0.55em 1.4em;
border-radius: 2em;
transition: opacity 0.15s;
letter-spacing: 0.03em;
}
.btn-anterior:hover, .btn-siguiente:hover,
.btn-empezar:hover, .btn-inicio:hover { opacity: 0.8; }

.btn-anterior {
background: rgb(0 0 0 / 20%);
color: #fff;
border: 1.5px solid rgba(255,255,255,0.6);
}
.btn-siguiente, .btn-empezar {
background: #4D6989;
color: #fff;
border: none;
}
.btn-inicio {
background: #f7c600;
color: #000;
border: none;
box-shadow: 0 3px 0 0 #b89300;
}

/* Portada: sólo botón empezar centrado */
.slide-nav.single { justify-content: center; }

/* Slide créditos */
.slide-creditos-text {
font-family: «preloslab-medium», Georgia, serif;
font-size: clamp(0.9em, 2.2vw, 1.15em);
line-height: 1.5em;
color: #fff;
text-align: center;
margin-bottom: 1.2em;
animation: flyInBottom 0.4s ease 0.3s both;
}
.logo-creditos {
display: block;
width: 54px;
margin: 0 auto 1em;
animation: fadeIn 0.6s ease both;
}

/* Contador de slides */
.slide-counter {
position: absolute;
top: 1em;
right: 1.2em;
font-family: «preloslab-bold», Georgia, serif;
font-size: 0.7em;
color: rgba(255,255,255,0.7);
letter-spacing: 0.05em;
z-index: 10;
}

#slider-wrapper{
height: 85vh;
top: 7%;
}

/* —- RESPONSIVE —- */
@media (max-width: 480px) {
.slide-layer { padding: 1.6em 1.6em 6em; }
.slide-nav { padding: 1.2em 1.4em 1.6em; }

#slide-2 .slide-bg,
#slide-3 .slide-bg,
#slide-4 .slide-bg,
#slide-5 .slide-bg,
#slide-6 .slide-bg,
#slide-7 .slide-bg,
#slide-8 .slide-bg,
#slide-9 .slide-bg,
#slide-10 .slide-bg,
#slide-11 .slide-bg,
#slide-12 .slide-bg,
#slide-13 .slide-bg{
object-position: center -110px;
scale: .8;
}

#slide-10 .slide-bg{
object-position: center -110px;
scale: .8;
top: 50px;
}

#slide-1 h2 {
max-width: 190px;

}

}

.slide-creditos-text{
color: #000;
}
.btn-empezar{
background: #000;
}

/* Ocultar anuncios y elementos no deseados */

body.story{
/*height: auto !important;*/
min-height: inherit !important;
}

#clever-45754-1988799-sticky-footer,
.tp-modal,
.tp-backdrop.tp-active,
.content_gpt_top_ads,
.sticky-top,
.nav-d__menu.active,
#gpt_cover,
.content_gpt_top_ads,
.skin-template-model0.ads_pushed,
.skin-template-model0,
#clever-45754-889974-sticky-footer,
#clever-45754-1475206-sticky-footer-iframe,
#gpt_zocalo,
#clever-45754-sticky-footer-shadow,
#browsi_wrapper_0_ai_1_rc_0,
#browsi_wrapper_1_ai_1_rc_0,
#browsi_wrapper_2_ai_1_rc_0,
#browsi_wrapper_3_ai_1_rc_0,
#browsi_wrapper_4_ai_1_rc_0,
#browsi_wrapper_5_ai_1_rc_0,
#browsi_wrapper_6_ai_1_rc_0,
#browsi_wrapper_7_ai_1_rc_0,
#browsi_wrapper_8_ai_1_rc_0,
#browsi_wrapper_9_ai_1_rc_0,
#browsi_wrapper_10_ai_1_rc_0,
.fs-sticky-footer,
.orp-player-wrapper,
#clever-45754-sticky-footer,
#clever-45754-1475206-sticky-footer-shadow,
#elcomercio_zocalo,
.cl-container,
#merlin-widget-root{
display: none !important;
height: 0 !important;
}
#header-container,
.nav-d__main-scroll.scrolled{
z-index: 99999999;
}
#nav-wm-container{
position: relative;
z-index: 99999999;
}
.skin-template-model0 {
top: 100px !important;
z-index: -1 !important;
}
body{
overflow-y: scroll !important;
}
.content-layout-container {
background-color: transparent !important;
}
.tp-modal-open{
overflow: auto !important;
}
.black{
background: transparent !important;
}
:root:not(.i-amphtml-story-vertical) amp-story {
position: absolute !important;
top: 57%;
left: 50%;
transform: translate(-50%, -50%);
}

Mitos y verdades sobre los sismos

¿Los cambios de estación provocan temblores y los animales predicen sismos?

Empezar

1 / 13

Descubre aquí si estas afirmaciones (y muchas más) son mitos o verdades.

Anterior
Siguiente

2 / 13

Los cambios de estación generan terremotos

FALSO
Los fenómenos climáticos no tienen nada que ver con los movimientos telúricos y la liberación de energía. Estos provienen del movimiento de las placas tectónicas.

Anterior
Siguiente

3 / 13

Los animales pueden anunciar los terremotos

FALSO
Si bien los animales son más sensibles a las ondas, no pueden detectar movimientos sísmicos anticipadamente.

Anterior
Siguiente

4 / 13

Octubre es el mes de los temblores

FALSO
Un sismo puede ocurrir en cualquier momento. Las capas tectónicas están en constante movimiento y no guardan relación con un mes del año.

Anterior
Siguiente

5 / 13

Un sismo debe tener una magnitud grande para ocasionar un desastre

FALSO
Es falso porque un sismo de magnitud 4 y otro de magnitud 8 pueden producir la misma intensidad de movimiento. Un factor a tener en cuenta es saber cuán cerca se está del epicentro y del hipocentro.

Anterior
Siguiente

6 / 13

a. Epicentro:
Se ubica sobre el hipocentro y es generalmente el punto donde se registra la mayor intensidad del sismo.

b. Hipocentro:
Profundidad de la Tierra donde se libera la energía en un terremoto.

Anterior
Siguiente

7 / 13

Cuando ocurre un sismo se debe correr inmediatamente fuera de la vivienda

FALSO
Espere a que cese el movimiento para evacuar lo más rápido. La mayoría de las lesiones ocurren cuando los objetos caen sobre la gente al entrar o salir de los edificios.

Anterior
Siguiente

8 / 13

En un terremoto, lo mejor es pararse bajo el marco de la puerta o salir del edificio

FALSO
En las casas modernas, los marcos de las puertas no son más fuertes que el resto de la casa. Es más seguro meterse bajo una mesa o escritorio apartado de las ventanas.

Anterior
Siguiente

9 / 13

Si ocurre un sismo mientras conduce su vehículo, debe estacionarse y echarse al costado

FALSO
Es peligroso seguir este consejo, porque el automóvil puede moverse y aplastarlo. También cabe la posibilidad de que otro conductor no lo vea y lo atropelle.

Anterior
Siguiente

10 / 13

El triángulo de vida es tu mejor opción de supervivencia

El método argumenta que durante un terremoto, solo las personas que se coloquen junto a un objeto voluminoso sobrevivirán, y no las que se protejan debajo de alguna estructura.

Anterior
Siguiente

11 / 13

Su práctica se explica en tres suposiciones erróneas:

Los edificios siempre colapsan en los terremotos

FALSO
Las actuales construcciones están diseñadas para soportar fuertes movimientos telúricos.

Anterior
Siguiente

12 / 13

Las personas pueden anticipar cómo colapsaría el espacio en el que se encuentran.

FALSO
La dirección de la sacudida y los aspectos estructurales únicos del edificio hacen casi imposible suponer cómo puede caer una estructura.

Anterior
Siguiente

13 / 13

En fuertes sacudidas, la persona puede moverse hacia la ubicación deseada.

FALSO
El movimiento puede ser tan intenso que desplazarse resultaría imposible y muy peligroso.

Anterior
Volver al inicio

// Calcula el –vh real del viewport móvil
function setVh() {
document.documentElement.style.setProperty(‘–vh’, window.innerHeight * 0.01 + ‘px’);
}
setVh();
window.addEventListener(‘resize’, setVh);

(function () {
var total = 13;

function showSlide(hash) {
var num = parseInt((hash || »).replace(‘#’, »), 10);
if (isNaN(num) || num total) num = 0;
document.querySelectorAll(‘#slider-wrapper .slide-section’).forEach(function (el) {
el.classList.remove(‘active’);
});
var target = document.getElementById(‘slide-‘ + num);
if (target) target.classList.add(‘active’);
document.getElementById(‘slider-wrapper’).classList.toggle(‘portada’, num === 0);
document.getElementById(‘slider-container’).classList.toggle(‘portada’, num === 0);
window.scrollTo(0, 0);
}

document.addEventListener(‘click’, function (e) {
var a = e.target.closest(‘a[href]’);
if (!a) return;
var href = a.getAttribute(‘href’);
if (/^#d+$/.test(href)) {
e.preventDefault();
history.pushState(null, », href);
showSlide(href);
}
});

// Teclado: ← →
document.addEventListener(‘keydown’, function (e) {
var active = document.querySelector(‘#slider-wrapper .slide-section.active’);
if (!active) return;
var id = parseInt(active.id.replace(‘slide-‘, »), 10);
if (e.key === ‘ArrowRight’ && id 0) {
history.pushState(null, », ‘#’ + (id – 1));
showSlide(‘#’ + (id – 1));
}
});

// Swipe táctil
var touchStartX = 0;
document.addEventListener(‘touchstart’, function (e) { touchStartX = e.touches[0].clientX; }, { passive: true });
document.addEventListener(‘touchend’, function (e) {
var dx = e.changedTouches[0].clientX – touchStartX;
if (Math.abs(dx) < 40) return;
var active = document.querySelector('#slider-wrapper .slide-section.active');
if (!active) return;
var id = parseInt(active.id.replace('slide-', ''), 10);
if (dx < 0 && id 0 && id > 0) {
history.pushState(null, », ‘#’ + (id – 1));
showSlide(‘#’ + (id – 1));
}
}, { passive: true });

window.addEventListener(‘popstate’, function () { showSlide(location.hash || ‘#0’); });
showSlide(location.hash || ‘#0’);
})();