Gráficos de un verano sin tregua por 20 noches tropicales de más: ¿Cuántas ha habido en tu zona?

Código Desktop .voc-scroll-story { position: relative; width: 100%; margin: 0; padding: 0; color: #202020; font-family: "PPLL Vocento Light", "ABC Display Light", serif; } .voc-scroll-story__graphic { position: sticky; top: 0; z-index: 1; width: 100%; height: 100vh; height: 100dvh; margin: 0; overflow: hidden; } .voc-scroll-story__figure { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } .voc-scroll-story__visual { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; padding-top: 250px; align-items: center; pointer-events: none; transition: opacity 400ms ease, visibility 400ms ease; } .voc-scroll-story__visual.is-active { opacity: 1; visibility: visible; } .voc-scroll-story__visual--empty { background: transparent; } .voc-scroll-story__embed { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; } .voc-scroll-story__embed iframe { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100vh !important; min-height: 100dvh !important; margin: 0 !important; border: 0 !important; } .voc-scroll-story__embed img { display: block; width: 100%; height: 100%; object-fit: cover; } .voc-scroll-story__steps { position: relative; z-index: 2; width: 100%; margin-top: -100vh; margin-top: -100dvh; } .voc-scroll-story__step { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100vh; min-height: 100dvh; padding: 24px; box-sizing: border-box; } .voc-scroll-story__text { width: min(609px, 100%); margin: 0; padding: 20px 20px 30px; box-sizing: border-box; border-radius: 16px; background: #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); opacity: 0.42; transform: translateY(14px); transition: opacity 250ms ease, transform 250ms ease; font-family: "PPLL Vocento Light", "ABC Display Light", serif; font-size: 16px; line-height: 24px; } .voc-scroll-story__step.is-active .voc-scroll-story__text { opacity: 1; transform: translateY(0); } .voc-scroll-story__text--long { font-family: "PPLL Vocento Light", "ABC Display Light", serif; font-size: 22px; line-height: 30px; } .voc-scroll-story__arrow { display: block; margin-top: 16px; text-align: center; font-family: "PPLL Sans Semibold", "Micrograph Semibold", serif; font-size: 16px; line-height: 16px; } .voc-scroll-story__end { width: 100%; height: 50vh; } @media (max-width: 698px) { .voc-scroll-story__step { padding: 16px; } .voc-scroll-story__text { width: min(609px, 100%); } .voc-scroll-story__text--long { font-size: 22px; line-height: 28px; } } @media (prefers-reduced-motion: reduce) { .voc-scroll-story__visual, .voc-scroll-story__text { transition: none; } .voc-scroll-story_