{"id":12585,"date":"2025-11-07T11:44:26","date_gmt":"2025-11-07T11:44:26","guid":{"rendered":"https:\/\/www.tiritaito.com\/blog\/?page_id=12585"},"modified":"2025-11-10T20:11:42","modified_gmt":"2025-11-10T20:11:42","slug":"oraciones-app","status":"publish","type":"page","link":"https:\/\/www.tiritaito.com\/blog\/oraciones-app\/","title":{"rendered":"Oraciones APP"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-margin-bottom:196px;--awb-margin-bottom-small:259px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"ios-carousel-wrapper\">\n  <div class=\"ios-carousel\">\n\n    <!-- === ADORACIONES === -->\n    <div class=\"ios-slide\">\n      <div class=\"ios-card\" data-link=\"https:\/\/www.tiritaito.com\/blog\/adoraciones\/\">\n        <img decoding=\"async\" src=\"https:\/\/www.tiritaito.com\/blog\/wp-content\/uploads\/2025\/10\/IMAGE-2025-10-04-17-07-23_resultado.webp\" alt=\"Adoraciones\">\n        <div class=\"ios-title\">Adoraciones<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- === ROSARIO === -->\n    <div class=\"ios-slide\">\n      <div class=\"ios-card\" data-link=\"https:\/\/www.tiritaito.com\/blog\/rosario\/\">\n        <img decoding=\"async\" src=\"https:\/\/www.tiritaito.com\/blog\/wp-content\/uploads\/2025\/10\/8_resultado-scaled-e1759586959687.webp\" alt=\"Rosario\">\n        <div class=\"ios-title\">Rosario<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- === NOVENAS === -->\n    <div class=\"ios-slide novenas-slide\">\n      <div class=\"ios-card novenas-card\">\n        <img decoding=\"async\" src=\"https:\/\/www.tiritaito.com\/blog\/wp-content\/uploads\/2025\/10\/7_resultado-scaled.webp\" alt=\"Novenas\">\n        <div class=\"ios-title\">Novenas<\/div>\n      <\/div>\n\n      <!-- MEN\u00da NOVENAS (ya existente) -->\n      <div class=\"novenas-menu\" aria-hidden=\"true\">\n        <ul class=\"novena-list\">\n          <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-pentecostes\/\">Novena Pentecost\u00e9s<\/a><\/li>\n          <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-misericordia\/\">Novena de la Misericordia<\/a><\/li>\n          <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-inmaculada\/\">Novena de la Inmaculada<\/a><\/li>\n\n          <!-- Submen\u00fa Esp\u00edritu Santo -->\n          <li class=\"submenu-toggle\" data-submenu=\"espiritu\">Novena al Esp\u00edritu Santo \u25be<\/li>\n          <ul class=\"submenu\" id=\"submenu-espiritu\">\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-espiritu-santo\/dia-1\/\">D\u00eda 1<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-espiritu-santo\/dia-2\/\">D\u00eda 2<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-espiritu-santo\/dia-3\/\">D\u00eda 3<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-espiritu-santo\/dia-4\/\">D\u00eda 4<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-espiritu-santo\/dia-5\/\">D\u00eda 5<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-espiritu-santo\/dia-6\/\">D\u00eda 6<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-espiritu-santo\/dia-7\/\">D\u00eda 7<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-espiritu-santo\/dia-8\/\">D\u00eda 8<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-espiritu-santo\/dia-9\/\">D\u00eda 9<\/a><\/li>\n          <\/ul>\n\n          <!-- Submen\u00fa Sagrados Corazones -->\n          <li class=\"submenu-toggle\" data-submenu=\"corazones\">Sagrados Corazones \u25be<\/li>\n          <ul class=\"submenu\" id=\"submenu-corazones\">\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-sagrados-corazones\/dia-1\/\">D\u00eda 1<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-sagrados-corazones\/dia-2\/\">D\u00eda 2<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-sagrados-corazones\/dia-3\/\">D\u00eda 3<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-sagrados-corazones\/dia-4\/\">D\u00eda 4<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-sagrados-corazones\/dia-5\/\">D\u00eda 5<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-sagrados-corazones\/dia-6\/\">D\u00eda 6<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-sagrados-corazones\/dia-7\/\">D\u00eda 7<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-sagrados-corazones\/dia-8\/\">D\u00eda 8<\/a><\/li>\n            <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-sagrados-corazones\/dia-9\/\">D\u00eda 9<\/a><\/li>\n          <\/ul>\n\n          <li><a href=\"https:\/\/www.tiritaito.com\/blog\/novena-santa-teresita\/\">Santa Teresita<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- === RESTO === -->\n    <div class=\"ios-slide\">\n      <div class=\"ios-card\" data-link=\"https:\/\/www.tiritaito.com\/blog\/lenguas-todas\/\">\n        <img decoding=\"async\" src=\"https:\/\/www.tiritaito.com\/blog\/wp-content\/uploads\/2025\/10\/6_resultado-scaled.webp\" alt=\"Lenguas\">\n        <div class=\"ios-title\">Oraciones en lenguas<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- === VIA CRUCIS === -->\n    <div class=\"ios-slide viacrucis-slide\">\n      <div class=\"ios-card viacrucis-card\">\n        <img decoding=\"async\" src=\"https:\/\/www.tiritaito.com\/blog\/wp-content\/uploads\/2025\/10\/5_resultado-1-scaled.webp\" alt=\"Via crucis\">\n        <div class=\"ios-title\">V\u00eda Crucis<\/div>\n      <\/div>\n\n      <!-- MEN\u00da VIA CRUCIS (IGUAL ESTILO QUE NOVENAS) -->\n      <div class=\"novenas-menu viacrucis-menu\" aria-hidden=\"true\">\n        <ul class=\"novena-list viacrucis-list\">\n          <li><a href=\"https:\/\/www.tiritaito.com\/blog\/via-crucis\/dia-1\/\">Divina Misericordia 2024<\/a><\/li>\n          <li><a href=\"https:\/\/www.tiritaito.com\/blog\/via-crucis\/dia-2\/\">Con Jes\u00fas hacia la Cruz 2023<\/a><\/li>\n          \n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- === SALMOS === -->\n    <div class=\"ios-slide\">\n      <div class=\"ios-card\" data-link=\"https:\/\/www.tiritaito.com\/blog\/salmos\/\">\n        <img decoding=\"async\" src=\"https:\/\/www.tiritaito.com\/blog\/wp-content\/uploads\/2025\/10\/4_resultado-scaled.webp\" alt=\"Salmos\">\n        <div class=\"ios-title\">Salmos<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* ===== TU DISE\u00d1O ORIGINAL (sin cambios) ===== *\/\n.ios-carousel-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Aptos\", sans-serif;\n  background: transparent;\n  padding: 30px 0;\n  overflow: hidden;\n}\n.ios-carousel {\n  display: flex;\n  overflow-x: scroll;\n  scroll-snap-type: x mandatory;\n  gap: 20px;\n  padding: 10px 15px;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n}\n.ios-carousel::-webkit-scrollbar { display: none; }\n.ios-slide {\n  flex: 0 0 calc(50% - 10px);\n  scroll-snap-align: start;\n}\n@media (max-width: 768px) { .ios-slide { flex: 0 0 80%; } }\n\n.ios-card {\n  position: relative;\n  border-radius: 25px;\n  overflow: hidden;\n  background: #fff;\n  transition: transform 0.3s ease;\n  cursor: pointer;\n}\n.ios-card:hover { transform: scale(1.03); }\n.ios-card img {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  object-fit: cover;\n}\n.ios-title {\n  position: absolute;\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: rgba(255,255,255,0.75);\n  backdrop-filter: blur(8px);\n  border-radius: 18px;\n  padding: 6px 12px;\n  font-weight: 600;\n  font-size: 15px;\n  color: #111;\n}\n\n\/* ===== MEN\u00daS (mismo estilo para Novenas y V\u00eda Crucis) ===== *\/\n.novenas-menu {\n  display: none;\n  background: rgba(255,255,255,0.95);\n  border-radius: 18px;\n  margin-top: 10px;\n  padding: 12px 16px;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n  animation: fadeIn 0.25s ease;\n}\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-8px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.novena-list, .viacrucis-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.novena-list li, .viacrucis-list li {\n  margin: 6px 0;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.novena-list li a, .viacrucis-list li a {\n  color: #007aff;\n  text-decoration: none;\n}\n.novena-list li a:hover, .viacrucis-list li a:hover { text-decoration: underline; }\n\n.submenu-toggle {\n  color: #007aff;\n  font-weight: 600;\n  user-select: none;\n  transition: color 0.2s;\n}\n.submenu-toggle:hover { color: #004fe0; }\n\n.submenu {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.35s ease, opacity 0.35s ease;\n  opacity: 0;\n  margin-left: 12px;\n  list-style: none;\n}\n.submenu.open {\n  opacity: 1;\n  max-height: 400px;\n}\n.submenu li a {\n  font-size: 13px;\n  color: #0a84ff;\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ elementos Novenas\n  const novenaCard = document.querySelector(\".novenas-card\");\n  const novenaMenu = document.querySelector(\".novenas-menu\");\n\n  \/\/ elementos V\u00eda Crucis\n  const viacrucisCard = document.querySelector(\".viacrucis-card\");\n  const viacrucisMenu = document.querySelector(\".viacrucis-menu\");\n\n  \/\/ funci\u00f3n auxiliar para cerrar todo\n  function closeAllMenus() {\n    if (novenaMenu) novenaMenu.style.display = \"none\";\n    if (viacrucisMenu) viacrucisMenu.style.display = \"none\";\n    document.querySelectorAll(\".submenu\").forEach(s => s.classList.remove(\"open\"));\n  }\n\n  \/\/ Seguridad: si alg\u00fan elemento no existe, salir sin romper\n  if (novenaCard && novenaMenu) {\n    novenaCard.addEventListener(\"click\", (e) => {\n      e.stopPropagation();\n      const visible = novenaMenu.style.display === \"block\";\n      \/\/ toggle\n      novenaMenu.style.display = visible ? \"none\" : \"block\";\n      \/\/ cerrar el otro\n      if (viacrucisMenu) viacrucisMenu.style.display = \"none\";\n    });\n  }\n\n  if (viacrucisCard && viacrucisMenu) {\n    viacrucisCard.addEventListener(\"click\", (e) => {\n      e.stopPropagation();\n      const visible = viacrucisMenu.style.display === \"block\";\n      viacrucisMenu.style.display = visible ? \"none\" : \"block\";\n      if (novenaMenu) novenaMenu.style.display = \"none\";\n    });\n  }\n\n  \/\/ Acorde\u00f3n submen\u00fas Novenas (si existen)\n  document.querySelectorAll(\".submenu-toggle\").forEach(toggle => {\n    toggle.addEventListener(\"click\", (e) => {\n      e.stopPropagation();\n      const submenuId = \"submenu-\" + toggle.dataset.submenu;\n      const submenu = document.getElementById(submenuId);\n      if (!submenu) return;\n      \/\/ Cierra los dem\u00e1s\n      document.querySelectorAll(\".submenu\").forEach(s => {\n        if (s !== submenu) s.classList.remove(\"open\");\n      });\n      \/\/ Alterna el actual\n      submenu.classList.toggle(\"open\");\n    });\n  });\n\n  \/\/ Cerrar si clic fuera de los slides correspondientes\n  document.addEventListener(\"click\", (e) => {\n    \/\/ si el click no est\u00e1 dentro de novenas-slide ni dentro de viacrucis-slide, cerramos todo\n    if (!e.target.closest(\".novenas-slide\") && !e.target.closest(\".viacrucis-slide\")) {\n      closeAllMenus();\n    }\n  });\n\n  \/\/ Evitar que enlaces dentro del men\u00fa cierren inmediatamente el men\u00fa (por si quieres abrir en nueva pesta\u00f1a)\n  document.querySelectorAll(\".novenas-menu a, .viacrucis-menu a\").forEach(a => {\n    a.addEventListener(\"click\", (e) => {\n      \/\/ Por defecto el enlace navegar\u00e1; si quieres abrir en nueva pesta\u00f1a, a\u00f1ade target=\"_blank\" en el HTML.\n      \/\/ No hacemos closeAllMenus() aqu\u00ed para que la navegaci\u00f3n proceda limpia.\n    });\n  });\n});\n<\/script>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-12585","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tiritaito.com\/blog\/wp-json\/wp\/v2\/pages\/12585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tiritaito.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tiritaito.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tiritaito.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tiritaito.com\/blog\/wp-json\/wp\/v2\/comments?post=12585"}],"version-history":[{"count":0,"href":"https:\/\/www.tiritaito.com\/blog\/wp-json\/wp\/v2\/pages\/12585\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tiritaito.com\/blog\/wp-json\/wp\/v2\/media?parent=12585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}