{"id":37521,"date":"2026-01-29T14:25:35","date_gmt":"2026-01-29T19:25:35","guid":{"rendered":"https:\/\/www.realclubdelima.org.pe\/web\/?p=37521"},"modified":"2026-01-31T13:10:24","modified_gmt":"2026-01-31T18:10:24","slug":"alerta-de-tsunami","status":"publish","type":"post","link":"https:\/\/www.realclubdelima.org.pe\/web\/2026\/01\/29\/alerta-de-tsunami\/","title":{"rendered":"Alerta de Tsunami &#8211; Tu seguridad es lo primero"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"37521\" class=\"elementor elementor-37521\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a768b1b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a768b1b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-393b5bf\" data-id=\"393b5bf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-639b009 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"639b009\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-436f041\" data-id=\"436f041\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0279b6c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0279b6c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ccbbe21\" data-id=\"ccbbe21\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c56eca elementor-widget elementor-widget-html\" data-id=\"3c56eca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== PORTADA + BOT\u00d3N ===== -->\r\n<div id=\"portadaFlipbook\" style=\"text-align:center; margin-bottom:2em;\">\r\n  <img decoding=\"async\" src=\"http:\/\/www.realclubdelima.org.pe\/web\/wp-content\/uploads\/2026\/01\/TRIPTICO-ALERTA-TSUNAMI-02-05.jpg.jpeg\" \r\n       style=\"width:350px; height:auto; max-width:90%; border:1px solid #ccc; border-radius:6px;\">\r\n  <br>\r\n  <button id=\"abrirPopup\" style=\"margin-top:10px; background:#29337C; color:#fff; border:none; padding:10px 18px; border-radius:6px; cursor:pointer;\">\r\n    \ud83d\udcc4 Ver tr\u00edptico\r\n  <\/button>\r\n<\/div>\r\n\r\n<!-- ===== POPUP ===== -->\r\n<div id=\"popupTripico\" style=\"display:none; position:fixed; inset:0; background:rgba(0,0,0,.8); z-index:99999; align-items:center; justify-content:center;\">\r\n  <div class=\"popup-box\">\r\n\r\n    <div class=\"flipbook\" id=\"flipbook\">\r\n      <div class=\"leaf\">\r\n        <div class=\"page front\">\r\n          <img decoding=\"async\" src=\"http:\/\/www.realclubdelima.org.pe\/web\/wp-content\/uploads\/2026\/01\/TRIPTICO-ALERTA-TSUNAMI-02-05.jpg.jpeg\">\r\n        <\/div>\r\n        <div class=\"page back\">\r\n          <img decoding=\"async\" src=\"http:\/\/www.realclubdelima.org.pe\/web\/wp-content\/uploads\/2026\/01\/TRIPTICO-ALERTA-TSUNAMI-02-06.jpg.jpeg\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"leaf\">\r\n        <div class=\"page front\">\r\n          <img decoding=\"async\" src=\"http:\/\/www.realclubdelima.org.pe\/web\/wp-content\/uploads\/2026\/01\/TRIPTICO-ALERTA-TSUNAMI-02-01.jpg-1.jpeg\">\r\n        <\/div>\r\n        <div class=\"page back\">\r\n          <img decoding=\"async\" src=\"http:\/\/www.realclubdelima.org.pe\/web\/wp-content\/uploads\/2026\/01\/TRIPTICO-ALERTA-TSUNAMI-02-08.jpg.jpeg\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"leaf\">\r\n        <div class=\"page front\">\r\n          <img decoding=\"async\" src=\"http:\/\/www.realclubdelima.org.pe\/web\/wp-content\/uploads\/2026\/01\/TRIPTICO-ALERTA-TSUNAMI-02-07.jpg.jpeg\">\r\n        <\/div>\r\n        <div class=\"page back\">\r\n          <img decoding=\"async\" src=\"http:\/\/www.realclubdelima.org.pe\/web\/wp-content\/uploads\/2026\/01\/TRIPTICO-ALERTA-TSUNAMI-02-04.jpg.jpeg\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"controls\">\r\n      <button id=\"prevPage\">\u2039 Anterior<\/button>\r\n      <button id=\"nextPage\">Siguiente \u203a<\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.flipbook{\r\n  margin:0 auto;\r\n  width:350px;\r\n  height:550px;\r\n  position:relative;\r\n  perspective:800px;\r\n}\r\n.flipbook .leaf{\r\n  position:absolute;\r\n  width:100%;\r\n  height:100%;\r\n  transform-style:preserve-3d;\r\n  transition:transform 1s;\r\n  transform-origin:left center;\r\n}\r\n.flipbook .page{\r\n  position:absolute;\r\n  width:100%;\r\n  height:100%;\r\n  backface-visibility:hidden;\r\n}\r\n.flipbook .page.back{ transform:rotateY(180deg); }\r\n.flipbook img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:contain;\r\n}\r\n.controls{\r\n  text-align:center;\r\n  margin-top:1.5em;\r\n}\r\nbutton{\r\n  background:#29337C;\r\n  color:#fff;\r\n  border:none;\r\n  border-radius:6px;\r\n  padding:.6em 1.4em;\r\n  margin:0 8px;\r\n  cursor:pointer;\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlet flipInstance = null;\r\n\r\nclass FlipBook {\r\n  constructor(bookElem) {\r\n    this.book = bookElem;\r\n    this.leaves = bookElem.querySelectorAll(\".leaf\");\r\n    this.current = 0;\r\n\r\n    document.getElementById(\"nextPage\").onclick = () => this.turnPage(1);\r\n    document.getElementById(\"prevPage\").onclick = () => this.turnPage(-1);\r\n\r\n    this.reset(); \/\/ \ud83d\udc48 siempre inicia limpio\r\n  }\r\n\r\n  reset() {\r\n    this.current = 0;\r\n    this.leaves.forEach((leaf, i) => {\r\n      leaf.style.transform = \"rotateY(0deg)\";\r\n      leaf.style.zIndex = this.leaves.length - i;\r\n    });\r\n  }\r\n\r\n  turnPage(delta) {\r\n    this.current += delta;\r\n\r\n    if (this.current < 0) this.current = 0;\r\n    if (this.current > this.leaves.length) this.current = this.leaves.length;\r\n\r\n    this.leaves.forEach((leaf, i) => {\r\n      if (i === 0) {\r\n        let pos = i - this.current;\r\n        leaf.style.transform = pos < 0\r\n          ? \"rotateY(-180deg) translateX(-91px)\"\r\n          : \"rotateY(0deg)\";\r\n        leaf.style.zIndex = this.leaves.length - i;\r\n      } \r\n      else if (i === 1) {\r\n        let pos = i - this.current;\r\n        leaf.style.transform = pos < 0\r\n          ? \"rotateY(180deg) translateX(-610px)\"\r\n          : \"rotateY(0deg)\";\r\n        leaf.style.zIndex = this.leaves.length - i;\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const btn = document.getElementById(\"abrirPopup\");\r\n  const popup = document.getElementById(\"popupTripico\");\r\n  const flipbookEl = document.getElementById(\"flipbook\");\r\n\r\n  btn.onclick = () => {\r\n    popup.style.display = \"flex\";\r\n\r\n    \/\/ \ud83d\udd01 crear nueva instancia limpia\r\n    flipInstance = new FlipBook(flipbookEl);\r\n  };\r\n\r\n  popup.onclick = e => {\r\n    if (e.target === popup) {\r\n      popup.style.display = \"none\";\r\n\r\n      \/\/ \ud83e\uddf9 resetear al cerrar\r\n      if (flipInstance) {\r\n        flipInstance.reset();\r\n        flipInstance = null;\r\n      }\r\n    }\r\n  };\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67b38da elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"67b38da\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e37f8fe elementor-widget elementor-widget-html\" data-id=\"e37f8fe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mapa-section\">\r\n  <h2 class=\"mapa-titulo\">\ud83d\udccd UBICA TU RUTA SEGURA DE EVACUACI\u00d3N<\/h2>\r\n  <p class=\"mapa-subtitulo\">\r\n    Haz clic en el mapa para ampliarlo y conocer tu ruta de salida ante una emergencia.\r\n  <\/p>\r\n\r\n  <img decoding=\"async\" \r\n    src=\"http:\/\/www.realclubdelima.org.pe\/web\/wp-content\/uploads\/2026\/01\/MAPA-EVACUACION-TSUNAMI-ASIA.jpg.jpeg\" \r\n    alt=\"Mapa de evacuaci\u00f3n tsunami\"\r\n    class=\"mapa-img\"\r\n    data-img=\"http:\/\/www.realclubdelima.org.pe\/web\/wp-content\/uploads\/2026\/01\/MAPA-EVACUACION-TSUNAMI-ASIA.jpg.jpeg\"\r\n  >\r\n<\/div>\r\n\r\n<style>\r\n.mapa-section{\r\n  margin-top: 3em;\r\n  text-align: center;\r\n}\r\n\r\n.mapa-titulo{\r\n  font-size: 1.9em;\r\n  font-weight: 900;\r\n  letter-spacing: .6px;\r\n  color: #29337C;\r\n  margin-bottom: .3em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.mapa-subtitulo{\r\n  font-size: .95em;\r\n  color: #444;\r\n  margin-bottom: 1em;\r\n  max-width: 520px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.mapa-img{\r\n  width: 270px;\r\n  max-width: 90%;\r\n  border-radius: 14px;\r\n  cursor: pointer;\r\n  box-shadow: 0 8px 22px rgba(0,0,0,.25);\r\n  transition: .3s;\r\n}\r\n\r\n.mapa-img:hover{\r\n  transform: scale(1.05);\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-858c6c5 elementor-widget elementor-widget-html\" data-id=\"858c6c5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const mapa = document.querySelector('.mapa-img');\r\n  let popupAbierto = false;\r\n\r\n  if(!mapa) return;\r\n\r\n  mapa.addEventListener('click', function(e){\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    if(popupAbierto) return;\r\n    popupAbierto = true;\r\n\r\n    const esMovilVertical = window.innerWidth < 768 && window.innerHeight > window.innerWidth;\r\n\r\n    const overlay = document.createElement('div');\r\n    overlay.style.cssText = `\r\n      position:fixed;\r\n      inset:0;\r\n      background:rgba(0,0,0,0.45);\r\n      display:flex;\r\n      justify-content:center;\r\n      align-items:center;\r\n      z-index:9999;\r\n      opacity:0;\r\n      transition:.25s;\r\n      flex-direction:column;\r\n      padding:1em;\r\n      box-sizing:border-box;\r\n    `;\r\n\r\n    const aviso = document.createElement('div');\r\n    aviso.textContent = \"\ud83d\udcf1 Gira tu celular para mejor visualizaci\u00f3n\";\r\n    aviso.style.cssText = `\r\n      position:absolute;\r\n      top:18px;\r\n      background:rgba(0,0,0,.65);\r\n      color:#fff;\r\n      font-size:1em;\r\n      padding:.4em .8em;\r\n      border-radius:6px;\r\n      z-index:10000;\r\n      opacity:${esMovilVertical ? '1' : '0'};\r\n      transition:.3s;\r\n    `;\r\n\r\n    const img = document.createElement('img');\r\n    img.src = mapa.dataset.img + \"?cb=\" + Date.now();\r\n\r\n    let estilosImg = `\r\n      max-width:90%;\r\n      max-height:85%;\r\n      border-radius:12px;\r\n      box-shadow:0 15px 40px rgba(0,0,0,0.5);\r\n      transition:.3s;\r\n    `;\r\n\r\n    if(esMovilVertical){\r\n      estilosImg += `\r\n        transform: rotate(90deg);\r\n        max-width:80vh;\r\n        max-height:80vw;\r\n      `;\r\n    }\r\n\r\n    img.style.cssText = estilosImg;\r\n    img.addEventListener('click', e => e.stopPropagation());\r\n\r\n    overlay.appendChild(aviso);\r\n    overlay.appendChild(img);\r\n    document.body.appendChild(overlay);\r\n\r\n    requestAnimationFrame(() => overlay.style.opacity = '1');\r\n\r\n    \/\/ \u23f1 Mantener aviso 10 segundos\r\n    if(esMovilVertical){\r\n      setTimeout(() => {\r\n        aviso.style.opacity = '0';\r\n      }, 10000);\r\n    }\r\n\r\n    overlay.addEventListener('click', function() {\r\n      overlay.style.opacity = '0';\r\n      setTimeout(()=> {\r\n        overlay.remove();\r\n        popupAbierto = false;\r\n      }, 250);\r\n    }, { once:true });\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcc4 Ver tr\u00edptico \u2039 Anterior Siguiente \u203a \ud83d\udccd UBICA TU RUTA SEGURA DE EVACUACI\u00d3N Haz clic en el mapa para ampliarlo y conocer tu ruta de salida ante una emergencia.<\/p>\n","protected":false},"author":3,"featured_media":37546,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[23],"tags":[],"class_list":["post-37521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias"],"aioseo_notices":[],"publishpress_future_action":{"enabled":false,"date":"2026-05-20 13:30:29","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/posts\/37521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/comments?post=37521"}],"version-history":[{"count":91,"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/posts\/37521\/revisions"}],"predecessor-version":[{"id":37647,"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/posts\/37521\/revisions\/37647"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/media\/37546"}],"wp:attachment":[{"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/media?parent=37521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/categories?post=37521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.realclubdelima.org.pe\/web\/wp-json\/wp\/v2\/tags?post=37521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}