{"id":984,"date":"2026-05-01T10:32:19","date_gmt":"2026-05-01T10:32:19","guid":{"rendered":"https:\/\/contarte.es\/?page_id=984"},"modified":"2026-05-29T11:39:21","modified_gmt":"2026-05-29T11:39:21","slug":"escape-rooms","status":"publish","type":"page","link":"https:\/\/contarte.es\/index.php\/nuestras-propuestas\/escape-rooms\/","title":{"rendered":"Escape Rooms"},"content":{"rendered":"\n<div style=\"\n  position:relative;\n  margin-top:20px;\n  padding:20px;\n  font-family:'Segoe UI', Arial, sans-serif;\n  overflow:hidden;\n\">\n\n<style>\n@keyframes softReveal {\n  0% {\n    opacity:0;\n    transform:translateY(20px);\n    filter:blur(6px);\n  }\n  100% {\n    opacity:1;\n    transform:translateY(0);\n    filter:blur(0);\n  }\n}\n\n@keyframes floatLogo {\n  0%,100% { transform:translateY(0px); }\n  50% { transform:translateY(-6px); }\n}\n\n.anim-slow {\n  animation:softReveal 1.2s ease-out forwards;\n}\n\n.delay1 { animation-delay:0.2s; }\n.delay2 { animation-delay:0.4s; }\n.delay3 { animation-delay:0.6s; }\n<\/style>\n\n<div style=\"\n  max-width:900px;\n  margin:auto;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:30px;\n  flex-wrap:wrap;\n\">\n\n  <!-- LOGO IZQUIERDA -->\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/cropped-Logo-oo-ContArte-marionetas.png\"\n       style=\"\n         width:160px;\n         animation:floatLogo 3s ease-in-out infinite;\n         filter:drop-shadow(0 10px 20px rgba(11,93,59,0.15));\n       \">\n\n  <!-- TEXTO DERECHA -->\n  <div style=\"\n    text-align:left;\n    max-width:500px;\n  \">\n\n    <!-- TITULAR -->\n    <h2 class=\"anim-slow delay1\" style=\"\n      font-size:44px;\n      font-weight:900;\n      margin:0;\n      color:#064e3b;\n      letter-spacing:0.5px;\n      line-height:1.1;\n    \">\n      Desaf\u00edo Cooperativo Escape Room\n    <\/h2>\n\n    <!-- L\u00cdNEA -->\n    <div class=\"anim-slow delay2\" style=\"\n      width:90px;\n      height:5px;\n      margin:14px 0;\n      border-radius:3px;\n      background:linear-gradient(90deg,#0b5d3b,#1faa6a);\n      box-shadow:0 2px 8px rgba(31,170,106,0.25);\n    \"><\/div>\n\n    <!-- TEXTO -->\n    <p class=\"anim-slow delay3\" style=\"\n      font-size:18px;\n      color:#2f6b4f;\n      margin:0;\n      font-weight:500;\n      line-height:1.5;\n    \">\n      Descubre el misterio&#8230;\n    <\/p>\n\n  <\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<div style=\"\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:12px;\n  margin-top:10px;\n  font-family:'Segoe UI', Arial, sans-serif;\n\">\n\n<style>\n.info-chip{\n  padding:10px 18px;\n  border-radius:999px;\n\n  background:linear-gradient(135deg,#f7fbf9,#ffffff);\n\n  color:#2f4f3e;\n  font-size:14px;\n  font-weight:600;\n\n  border:1px solid rgba(11,93,59,0.15);\n\n  box-shadow:0 4px 12px rgba(0,0,0,0.04);\n\n  transition:all 0.3s ease;\n}\n\n\/* \u2728 HOVER SUAVE *\/\n.info-chip:hover{\n  transform:translateY(-3px);\n  box-shadow:0 10px 25px rgba(11,93,59,0.12);\n  border-color:#1faa6a;\n}\n\n\/* \ud83d\udd25 DESTACADO (duraci\u00f3n) *\/\n.info-chip.highlight{\n  background:linear-gradient(135deg,#e9f9f2,#ffffff);\n  color:#0b5d3b;\n  font-weight:700;\n  border-color:#1faa6a;\n}\n<\/style>\n\n<div class=\"info-chip\">\n  Dirigido a: Ni\u00f1os y j\u00f3venes a partir de 8 a\u00f1os.\n<\/div>\n\n<div class=\"info-chip highlight\">\n  \u23f1 Duraci\u00f3n aproximada: 60 minutos\n<\/div>\n\n<\/div>\n\n\n\n<!-- CONTENEDOR -->\n<div style=\"\n  display:flex;\n  gap:20px;\n  justify-content:center;\n  flex-wrap:wrap;\n  margin-top:60px;\n  font-family:'Segoe UI', Arial, sans-serif;\n\">\n\n<style>\n\n.card{\n  width:260px;\n  background:#fff;\n  border-radius:14px;\n  overflow:hidden;\n  box-shadow:0 8px 20px rgba(0,0,0,0.1);\n  cursor:pointer;\n  transition:all 0.35s ease;\n  position:relative;\n\n  opacity:0;\n  transform:translateY(20px);\n  animation:cardIn 0.8s ease forwards;\n}\n\n\/* delays *\/\n.c1{ animation-delay:0.2s; }\n.c2{ animation-delay:0.5s; }\n.c3{ animation-delay:0.8s; }\n.c4{ animation-delay:1.1s; }\n.c5{ animation-delay:1.4s; }\n\n@keyframes cardIn{\n  from{opacity:0; transform:translateY(20px);}\n  to{opacity:1; transform:translateY(0);}\n}\n\n.card img{\n  width:100%;\n  height:180px;\n  object-fit:cover;\n  transition:transform 0.5s ease;\n}\n\n.card h3{\n  padding:15px;\n  margin:0;\n  text-align:center;\n  font-weight:700;\n  color:#0b5d3b;\n}\n\n.card:hover{\n  transform:translateY(-12px) scale(1.07);\n  box-shadow:0 25px 60px rgba(11,93,59,0.25);\n  z-index:2;\n}\n\n.card:hover img{\n  transform:scale(1.1);\n}\n\n\/* MODAL *\/\n#modal{\n  display:none;\n  position:fixed;\n  top:0;\n  left:0;\n  width:100%;\n  height:100%;\n  background:rgba(0,0,0,0.85);\n  backdrop-filter: blur(6px);\n  justify-content:center;\n  align-items:center;\n  z-index:9999;\n}\n\n#modal > div{\n  background:#fff;\n  max-width:800px;\n  width:90%;\n  border-radius:14px;\n  overflow:hidden;\n  position:relative;\n  animation:fadeIn 0.4s ease;\n  padding:40px;\n  color:#0b5d3b;\n  line-height:1.6;\n}\n\n#modal h2{\n  margin-top:0;\n}\n\n#modal p{\n  margin-bottom:15px;\n}\n\n@keyframes fadeIn{\n  from{opacity:0; transform:scale(0.9);}\n  to{opacity:1; transform:scale(1);}\n}\n\n<\/style>\n\n<!-- CARD 1 -->\n<div class=\"card c1\" onclick=\"openModal(1)\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/05\/Escape-Room-ContArte-Biblioteca-1024x768.png\">\n  <h3>Los guardianes de la biblioteca<\/h3>\n<\/div>\n\n<!-- CARD 2 -->\n<div class=\"card c2\" onclick=\"openModal(2)\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-4-may-2026-10_58_17-copia-3.png\">\n  <h3>La isla de pl\u00e1stico<\/h3>\n<\/div>\n\n<!-- CARD 3 -->\n<div class=\"card c3\" onclick=\"openModal(3)\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-4-may-2026-10_58_17-copia-4.png\">\n  <h3>El laberinto<\/h3>\n<\/div>\n\n<!-- CARD 4 -->\n<div class=\"card c4\" onclick=\"openModal(4)\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-4-may-2026-10_58_17-copia.png\">\n  <h3>Tras la senda de pioneras<\/h3>\n<\/div>\n\n<!-- CARD 5 -->\n<div class=\"card c5\" onclick=\"openModal(5)\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-30-at-11.54.12-3-copia.jpg\">\n  <h3>Salvemos la masclet\u00e0<\/h3>\n<\/div>\n\n<\/div>\n\n<!-- MODAL -->\n<div id=\"modal\">\n  <div>\n    <span onclick=\"closeModal()\" style=\"\n      position:absolute;\n      top:10px;\n      right:15px;\n      font-size:30px;\n      cursor:pointer;\n      color:#0b5d3b;\n      font-weight:700;\n    \">\u00d7<\/span>\n\n    <div id=\"modalContent\"><\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n\nfunction openModal(type){\n\n  let content = \"\";\n\n  if(type === 1){\n    content = `\n    <h2>Los guardianes de la biblioteca<\/h2>\n    <p>Entre estantes antiguos se esconden secretos que nadie ha descifrado\u2026<\/p>\n    <p>En 60 minutos, resuelve enigmas, descifra pistas ocultas y convi\u00e9rtete en un verdadero guardi\u00e1n. Evita que las bibliotecas sean destruidas y descubre qui\u00e9n est\u00e1 haciendo desaparecer los libros.<\/p>\n    <p>Un escape room lleno de misterio, ingenio y aventuras.<\/p>`;\n  }\n\n  if(type === 2){\n    content = `\n    <h2>La isla de pl\u00e1stico<\/h2>\n    <p>Los participantes se enfrentan a una misi\u00f3n urgente: detener el crecimiento de una enorme isla de residuos que amenaza con colapsar los ecosistemas marinos y el equilibrio del planeta.<\/p>\n    <p>Solo un equipo preparado y comprometido podr\u00e1 frenar su expansi\u00f3n.<\/p>\n    <p>Este desaf\u00edo no solo entretiene, sino que invita a reflexionar y actuar sobre la gesti\u00f3n de residuos, el consumo responsable y el impacto del pl\u00e1stico en la naturaleza.<\/p>`;\n  }\n\n  if(type === 3){\n    content = `\n    <h2>El laberinto<\/h2>\n    <p>En El Laberinto, cada decisi\u00f3n importa. Los participantes se adentran en un juego de enigmas y secretos donde descubrir\u00e1n se\u00f1ales sobre respeto, igualdad y relaciones saludables.<\/p>\n    <p>Durante 60 minutos, los equipos deber\u00e1n guiar a la protagonista a trav\u00e9s de caminos inciertos, mientras reflexionan sobre la violencia de g\u00e9nero y la importancia de romper estereotipos.<\/p>\n    <p>Una experiencia inmersiva, misteriosa y divertida que combina entretenimiento con concienciaci\u00f3n social.<\/p>`;\n  }\n\n  if(type === 4){\n    content = `\n    <h2>Tras la senda de pioneras<\/h2>\n    <p>Vamos a descubrir la vida, los logros y los secretos de mujeres pioneras que cambiaron la historia.<\/p>\n    <p>Durante 60 minutos, los equipos deber\u00e1n resolver enigmas, descifrar c\u00f3digos y superar desaf\u00edos que ponen a prueba su ingenio, observaci\u00f3n y trabajo en equipo.<\/p>\n    <p>Una experiencia que inspira a valorar la igualdad y la fuerza de quienes abren caminos.<\/p>`;\n  }\n\n  if(type === 5){\n    content = `\n    <h2>Salvemos la masclet\u00e0<\/h2>\n    <p>Queda una hora para la masclet\u00e0\u2026 y las Falleras Mayores han desaparecido.<\/p>\n    <p>Sin su tradicional orden desde el balc\u00f3n del Ayuntamiento, la p\u00f3lvora no puede sonar.<\/p>\n    <p>En 60 minutos, los equipos deber\u00e1n descifrar enigmas inspirados en los s\u00edmbolos y actos m\u00e1s emblem\u00e1ticos de las Fallas para salvar la tradici\u00f3n.<\/p>\n    <p>Ingenio, emoci\u00f3n y cultura en una experiencia inmersiva \u00fanica.<\/p>`;\n  }\n\n  document.getElementById(\"modalContent\").innerHTML = content;\n  document.getElementById(\"modal\").style.display = \"flex\";\n}\n\nfunction closeModal(){\n  document.getElementById(\"modal\").style.display = \"none\";\n}\n\ndocument.getElementById(\"modal\").addEventListener(\"click\", function(e){\n  if(e.target === this){\n    closeModal();\n  }\n});\n\ndocument.addEventListener(\"keydown\", function(e){\n  if(e.key === \"Escape\"){\n    closeModal();\n  }\n});\n\n<\/script>\n\n\n\n<div style=\"\n  margin:30px 15px;\n  padding:28px 18px;\n  border-radius:18px;\n  text-align:center;\n  font-family:'Segoe UI', Arial, sans-serif;\n  background:linear-gradient(135deg,#eaf7f1,#ffffff);\n  color:#064e3b;\n  box-shadow:0 10px 25px rgba(0,0,0,0.08);\n  position:relative;\n  overflow:hidden;\n\">\n\n<style>\n\/* entrada r\u00e1pida *\/\n@keyframes fastIn{\n  from{ opacity:0; transform:translateY(18px); }\n  to{ opacity:1; transform:translateY(0); }\n}\n\n\/* pulso fuerte CTA *\/\n@keyframes strongPulse{\n  0%{ transform:scale(1); box-shadow:0 0 0 rgba(11,93,59,0); }\n  50%{ transform:scale(1.07); box-shadow:0 0 20px rgba(11,93,59,0.35); }\n  100%{ transform:scale(1); box-shadow:0 0 0 rgba(11,93,59,0); }\n}\n\n\/* micro shake atenci\u00f3n *\/\n@keyframes microShake{\n  0%,100%{ transform:translateX(0); }\n  25%{ transform:translateX(-1px); }\n  50%{ transform:translateX(1px); }\n  75%{ transform:translateX(-1px); }\n}\n\n@media(max-width:768px){\n  .cta-title{ font-size:22px !important; }\n  .cta-text{ font-size:15px !important; }\n}\n<\/style>\n\n<div style=\"animation:fastIn 0.6s ease-out;\">\n\n  <!-- TITULAR M\u00c1S DIRECTO -->\n  <h2 class=\"cta-title\" style=\"\n    font-size:30px;\n    font-weight:900;\n    margin-bottom:10px;\n    line-height:1.2;\n    color:#064e3b;\n  \">\n    Programar Desaf\u00edo Cooperativo: Escape Room\n  <\/h2>\n\n  <!-- BENEFICIO CLARO -->\n  <p class=\"cta-text\" style=\"\n    font-size:16px;\n    color:#2f6b4f;\n    max-width:720px;\n    margin:auto;\n    line-height:1.5;\n  \">\n    Optimiza tu presupuesto <b>contratando m\u00e1s de un Escape Room el mismo d\u00eda<\/b>.  \n  <\/p>\n\n  <!-- CTA FUERTE -->\n  <div style=\"margin-top:18px;\">\n\n    <a href=\"https:\/\/wa.me\/34604234975?text=Hola,%20quiero%20reservar%20una%20obra%20de%20teatro\"\n       target=\"_blank\"\n       style=\"\n         padding:14px 26px;\n         background:#0b5d3b;\n         color:#ffffff;\n         text-decoration:none;\n         border-radius:12px;\n         font-weight:900;\n         display:inline-block;\n         animation:strongPulse 1.8s infinite;\n         letter-spacing:0.5px;\n       \"\n       onmouseover=\"this.style.transform='scale(1.1)'\"\n       onmouseout=\"this.style.transform='scale(1)'\">\n\n      SOLICITA M\u00c1S INFORMACI\u00d3N AHORA\n\n    <\/a>\n\n  <\/div>\n\n  <!-- URGENCIA \/ REFUERZO -->\n  <p style=\"\n    margin-top:12px;\n    font-size:13px;\n    color:#4a7c63;\n    animation:microShake 3s infinite;\n  \">\n    \u26a1 Respuesta r\u00e1pida \u00b7 FACIL CONTRATACI\u00d3N\n  <\/p>\n\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Desaf\u00edo Cooperativo Escape Room Descubre el misterio&#8230; Dirigido a: Ni\u00f1os y j\u00f3venes a partir de 8 a\u00f1os. \u23f1 Duraci\u00f3n aproximada: 60 minutos Los guardianes de la biblioteca La isla de pl\u00e1stico El laberinto Tras la senda de pioneras Salvemos la masclet\u00e0 \u00d7 Programar Desaf\u00edo Cooperativo: Escape Room Optimiza tu presupuesto contratando m\u00e1s de un Escape [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1017,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-984","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/comments?post=984"}],"version-history":[{"count":9,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/984\/revisions"}],"predecessor-version":[{"id":1269,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/984\/revisions\/1269"}],"up":[{"embeddable":true,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/1017"}],"wp:attachment":[{"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/media?parent=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}