{"id":913,"date":"2026-05-01T07:39:02","date_gmt":"2026-05-01T07:39:02","guid":{"rendered":"https:\/\/contarte.es\/?page_id=913"},"modified":"2026-07-16T14:11:41","modified_gmt":"2026-07-16T14:11:41","slug":"talleres-y-actividades","status":"publish","type":"page","link":"https:\/\/contarte.es\/index.php\/nuestras-propuestas\/talleres-y-actividades\/","title":{"rendered":"Talleres y Actividades"},"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      Talleres y Actividades\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      Para todos y todas.\n    <\/p>\n\n  <\/div>\n\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\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@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\/04\/rafa-04.jpeg\">\n  <h3>Para todos<\/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\/07\/Rafa.png\">\n  <h3>Ni\u00f1os<\/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\/04\/amparo-2.jpeg\">\n  <h3>J\u00f3venes<\/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\/04\/cropped-Logo-oo-ContArte-marionetas.png\">\n  <h3>Adultos<\/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>Para todos<\/h2>\n    <ul>\n      <li>Clases de teatro y expresi\u00f3n corporal<\/li>\n      <li>Experiencias culturales<\/li>\n      <li>Rutas teatralizadas<\/li>\n      <li>Visita a la biblioteca<\/li>\n      <li>Gymkanas<\/li>\n      <li>Clubes de lectura<\/li>\n      <li>Juegos de mesa y literarios<\/li>\n      <li>Taller de radio \/ podcast<\/li>\n      <li>Actividades en escuelas estivales, navidad y pascua<\/li>\n      <li>Cons\u00faltanos disponibilidad para semanas culturales<\/li>\n    <\/ul>`;\n  }\n\n  if(type === 2){\n    content = `\n    <h2>Ni\u00f1os<\/h2>\n    <ul>\n      <li>Manualidades divertidas<\/li>\n      <li>Chiquidisco<\/li>\n      <li>Pintacaras<\/li>\n      <li>Globoflexia<\/li>\n      <li>Chapas personalizadas<\/li>\n    <\/ul>`;\n  }\n\n  if(type === 3){\n    content = `\n    <h2>J\u00f3venes<\/h2>\n    <ul>\n      <li>Manualidades creativas<\/li>\n      <li>Micromachismos<\/li>\n      <li>Murder Party<\/li>\n      <li>Juegos de rol<\/li>\n      <li>Taller de redes sociales<\/li>\n    <\/ul>`;\n  }\n\n  if(type === 4){\n    content = `\n    <h2>Adultos<\/h2>\n    <ul>\n      <li>El poder de la risa<\/li>\n      <li>Mis emociones<\/li>\n      <li>Micromachismos<\/li>\n      <li>Manualidades terap\u00e9uticas<\/li>\n      <li>Gimnasia en silla<\/li>\n      <li>Memoria<\/li>\n      <li>Mi m\u00f3vil como herramienta<\/li>\n      <li>Murder Party<\/li>\n      <li>Juegos de rol<\/li>\n      <li>Taller de redes sociales<\/li>\n    <\/ul>`;\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 Talleres y Actividades Culturales\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 una actividad 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 en minutos \u00b7 FACIL CONTRATACI\u00d3N\n  <\/p>\n\n<\/div>\n\n<\/div>\n\n\n\n<!-- SECCI\u00d3N QUI\u00c9NES SOMOS -->\n<div style=\"\n  max-width:1000px;\n  margin:80px auto;\n  font-family:'Segoe UI', Arial, sans-serif;\n  text-align:center;\n\">\n\n  <h2 style=\"color:#0b5d3b; font-size:32px; margin-bottom:10px;\">\n    Qui\u00e9nes somos\n  <\/h2>\n\n  <p style=\"color:#555; font-size:18px; line-height:1.6; max-width:800px; margin:0 auto 40px;\">\n    Somos un equipo creativo que trabaja con profesionalidad y un firme compromiso con la calidad en espect\u00e1culos, teatro, talleres y actividades educativas para todas las edades. Dise\u00f1amos experiencias vivas que combinan arte, participaci\u00f3n y aprendizaje, adapt\u00e1ndonos a distintos p\u00fablicos y contextos.\n  <\/p>\n\n  <!-- CARRUSEL SIMPLE -->\n  <div style=\"\n    display:flex;\n    overflow-x:auto;\n    gap:15px;\n    padding:10px;\n    scroll-snap-type:x mandatory;\n  \">\n\n    <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/07\/Olivia2.png\" style=\"width:300px; height:200px; object-fit:cover; border-radius:12px; scroll-snap-align:center;\">\n\n    <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\" style=\"width:300px; height:200px; object-fit:cover; border-radius:12px; scroll-snap-align:center;\">\n\n    <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/valores3-e1777471833786.jpg\" style=\"width:300px; height:200px; object-fit:cover; border-radius:12px; scroll-snap-align:center;\">\n\n    <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/Pirata.jpg\" style=\"width:300px; height:200px; object-fit:cover; border-radius:12px; scroll-snap-align:center;\">\n\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Talleres y Actividades Para todos y todas. Para todos Ni\u00f1os J\u00f3venes Adultos \u00d7 Programar Talleres y Actividades Culturales Optimiza tu presupuesto contratando m\u00e1s de una actividad el mismo d\u00eda. SOLICITA M\u00c1S INFORMACI\u00d3N AHORA \u26a1 Respuesta en minutos \u00b7 FACIL CONTRATACI\u00d3N Qui\u00e9nes somos Somos un equipo creativo que trabaja con profesionalidad y un firme compromiso con [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1017,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-913","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/913","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=913"}],"version-history":[{"count":13,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/913\/revisions"}],"predecessor-version":[{"id":1290,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/913\/revisions\/1290"}],"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=913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}