{"id":918,"date":"2026-05-01T07:44:44","date_gmt":"2026-05-01T07:44:44","guid":{"rendered":"https:\/\/contarte.es\/?page_id=918"},"modified":"2026-10-13T14:52:22","modified_gmt":"2026-10-13T14:52:22","slug":"cuentacuentos","status":"publish","type":"page","link":"https:\/\/contarte.es\/index.php\/nuestras-propuestas\/cuentacuentos\/","title":{"rendered":"Cuentacuentos"},"content":{"rendered":"\n<style>\n\n\/* CONTENEDOR PRINCIPAL *\/\n.hero{\n  width:100%;\n  max-width:950px;\n  border-radius:18px;\n  overflow:hidden;\n  position:relative;\n  box-shadow:0 25px 70px rgba(0,0,0,0.25);\n\n  animation:appear 0.8s ease forwards;\n  opacity:0;\n  transform:translateY(20px);\n}\n\n\/* entrada *\/\n@keyframes appear{\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n\/* ===================== *\/\n\/* IMAGEN (BASE DESKTOP) *\/\n\/* ===================== *\/\n.hero img{\n  width:100%;\n  height:450px;\n  object-fit:cover;\n  object-position:center;\n  animation:slowZoom 12s ease-in-out infinite alternate;\n}\n\n\/* zoom desktop *\/\n@keyframes slowZoom{\n  from{transform:scale(1);}\n  to{transform:scale(1.08);}\n}\n\n\/* overlay *\/\n.overlay{\n  position:absolute;\n  top:0;\n  left:0;\n  width:100%;\n  height:100%;\n  background:linear-gradient(\n    to top,\n    rgba(0,0,0,0.75),\n    rgba(0,0,0,0.2),\n    rgba(0,0,0,0.1)\n  );\n}\n\n\/* texto *\/\n.text{\n  position:absolute;\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  text-align:center;\n  color:#fff;\n  width:100%;\n  padding:0 15px;\n  box-sizing:border-box;\n}\n\n.tag{\n  font-size:14px;\n  letter-spacing:3px;\n  text-transform:uppercase;\n  opacity:0.9;\n}\n\n.title{\n  font-size:40px;\n  font-weight:800;\n  margin-top:10px;\n}\n\n.btn{\n  display:inline-block;\n  margin-top:20px;\n  padding:12px 20px;\n  background:#1faa6a;\n  color:#fff;\n  border-radius:999px;\n  text-decoration:none;\n  font-size:14px;\n  font-weight:600;\n  transition:0.3s;\n}\n\n.btn:hover{\n  background:#0b5d3b;\n  transform:translateY(-3px);\n}\n\n\/* ===================== *\/\n\/* \ud83d\udd25 SOLO M\u00d3VIL (ARREGLADO BIEN) *\/\n\/* ===================== *\/\n@media (max-width:768px){\n\n  .hero img{\n    height:auto;              \/* clave *\/\n    max-height:420px;         \/* evita que sea gigante *\/\n    object-fit:contain;       \/* \ud83d\udd25 evita cortes brutales *\/\n    background:#000;          \/* relleno elegante *\/\n    animation:none;           \/* quitamos zoom m\u00f3vil *\/\n  }\n\n  .title{\n    font-size:26px;\n  }\n\n  .tag{\n    font-size:12px;\n  }\n\n  .btn{\n    font-size:13px;\n    padding:10px 18px;\n  }\n\n}\n\n<\/style>\n\n\n\n<div id=\"theatre-intro\">\n\n  <!-- CORTINAS -->\n  <div class=\"curtain left\"><\/div>\n  <div class=\"curtain right\"><\/div>\n\n  <!-- CENTRO -->\n  <div class=\"center-content\">\n\n    <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/cropped-Logo-oo-ContArte-marionetas.png\"\n         class=\"logo\">\n\n    <h1 class=\"title\">ContArte<\/h1>\n    <p class=\"subtitle\">El arte de contar cuentos<\/p>\n\n  <\/div>\n\n<\/div>\n\n<style>\n#theatre-intro{\n  position:fixed;\n  inset:0;\n  z-index:99999;\n  overflow:hidden;\n  background:#000;\n}\n\n\/* CORTINAS *\/\n.curtain{\n  position:absolute;\n  top:0;\n  width:52%;\n  height:100%;\n  background:linear-gradient(135deg,#7a0f0f,#3b0505);\n  box-shadow:inset 0 0 80px rgba(0,0,0,0.6);\n}\n\n\/* pliegues (efecto tela) *\/\n.curtain::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:repeating-linear-gradient(\n    90deg,\n    rgba(255,255,255,0.05),\n    rgba(255,255,255,0.05) 6px,\n    rgba(0,0,0,0.05) 6px,\n    rgba(0,0,0,0.05) 12px\n  );\n}\n\n\/* izquierda *\/\n.curtain.left{\n  left:0;\n  animation:openLeft 2.2s ease-in-out forwards;\n}\n\n\/* derecha *\/\n.curtain.right{\n  right:0;\n  animation:openRight 2.2s ease-in-out forwards;\n}\n\n@keyframes openLeft{\n  0%{ transform:translateX(0); }\n  100%{ transform:translateX(-110%); }\n}\n\n@keyframes openRight{\n  0%{ transform:translateX(0); }\n  100%{ transform:translateX(110%); }\n}\n\n\/* CENTRO *\/\n.center-content{\n  position:absolute;\n  inset:0;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  color:white;\n  opacity:0;\n  animation:fadeInCenter 1.5s ease forwards;\n  animation-delay:1.2s;\n}\n\n\/* LOGO *\/\n.logo{\n  width:160px;\n  margin-bottom:10px;\n  filter:drop-shadow(0 10px 25px rgba(0,0,0,0.6));\n  animation:floatLogo 3s ease-in-out infinite;\n}\n\n\/* TITULO *\/\n.title{\n  font-size:48px;\n  font-weight:900;\n  margin:0;\n  letter-spacing:2px;\n  text-shadow:0 0 20px rgba(255,255,255,0.25);\n}\n\n\/* SUBTITULO *\/\n.subtitle{\n  font-size:18px;\n  margin-top:8px;\n  opacity:0.85;\n  letter-spacing:1px;\n}\n\n\/* animaciones *\/\n@keyframes fadeInCenter{\n  from{ opacity:0; transform:scale(1.1); }\n  to{ opacity:1; transform:scale(1); }\n}\n\n@keyframes floatLogo{\n  0%,100%{ transform:translateY(0); }\n  50%{ transform:translateY(-8px); }\n}\n\n\/* salida completa *\/\n#theatre-intro{\n  animation:fadeOut 0.8s ease forwards;\n  animation-delay:3.2s;\n}\n\n@keyframes fadeOut{\n  to{\n    opacity:0;\n    visibility:hidden;\n  }\n}\n<\/style>\n\n<script>\nsetTimeout(() => {\n  const el = document.getElementById(\"theatre-intro\");\n  if(el) el.remove();\n}, 4000);\n<\/script>\n\n\n\n<style>\n#hero-cuentacuentos{\n  position:relative;\n  width:100%;\n  height:60vh;\n  min-height:420px;\n  overflow:hidden;\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n\/* Imagen principal: se mantienen las dimensiones *\/\n#hero-cuentacuentos > img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  display:block;\n}\n\n\/* Capa oscura *\/\n#hero-cuentacuentos .overlay{\n  position:absolute;\n  inset:0;\n  background:rgba(0,0,0,0.48);\n  z-index:1;\n}\n\n\/* Contenido centrado *\/\n#hero-cuentacuentos .text{\n  position:absolute;\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  z-index:2;\n  color:#fff;\n  text-align:center;\n  width:92%;\n  max-width:850px;\n}\n\n\/* Texto superior *\/\n#hero-cuentacuentos .tag{\n  font-size:12px;\n  font-weight:600;\n  letter-spacing:2.5px;\n  text-transform:uppercase;\n  opacity:0.9;\n  margin-bottom:10px;\n}\n\n\/* T\u00edtulo *\/\n#hero-cuentacuentos .title{\n  font-size:36px;\n  line-height:1.2;\n  font-weight:700;\n  letter-spacing:0.3px;\n  margin-bottom:24px;\n  text-shadow:0 2px 12px rgba(0,0,0,0.25);\n}\n\n\/* Tarjetas de modalidades *\/\n#hero-cuentacuentos .modalidades{\n  display:flex;\n  justify-content:center;\n  align-items:stretch;\n  gap:22px;\n  width:100%;\n}\n\n#hero-cuentacuentos .modalidad{\n  flex:1;\n  max-width:340px;\n  min-width:0;\n  background:rgba(255,255,255,0.12);\n  border:1px solid rgba(255,255,255,0.45);\n  border-radius:12px;\n  overflow:hidden;\n  backdrop-filter:blur(5px);\n  -webkit-backdrop-filter:blur(5px);\n}\n\n#hero-cuentacuentos .modalidad img{\n  display:block;\n  width:100%;\n  height:125px;\n  object-fit:cover;\n  object-position:center;\n}\n\n#hero-cuentacuentos .modalidad-info{\n  padding:13px 12px 15px;\n}\n\n#hero-cuentacuentos .modalidad h3{\n  font-size:21px;\n  font-weight:700;\n  margin:0 0 7px;\n  color:#fff;\n}\n\n#hero-cuentacuentos .modalidad p{\n  font-size:14px;\n  line-height:1.5;\n  margin:0;\n  color:rgba(255,255,255,0.95);\n}\n\n\/* Ajustes para m\u00f3vil *\/\n@media (max-width:768px){\n  #hero-cuentacuentos{\n    height:70vh;\n  }\n\n  #hero-cuentacuentos .text{\n    width:94%;\n  }\n\n  #hero-cuentacuentos .tag{\n    font-size:10px;\n    letter-spacing:1.5px;\n  }\n\n  #hero-cuentacuentos .title{\n    font-size:27px;\n    margin-bottom:17px;\n  }\n\n  #hero-cuentacuentos .modalidades{\n    gap:10px;\n  }\n\n  #hero-cuentacuentos .modalidad img{\n    height:90px;\n  }\n\n  #hero-cuentacuentos .modalidad-info{\n    padding:10px 7px 12px;\n  }\n\n  #hero-cuentacuentos .modalidad h3{\n    font-size:17px;\n  }\n\n  #hero-cuentacuentos .modalidad p{\n    font-size:12px;\n    line-height:1.4;\n  }\n}\n\n@media (max-width:380px){\n  #hero-cuentacuentos .modalidades{\n    gap:7px;\n  }\n\n  #hero-cuentacuentos .modalidad h3{\n    font-size:15px;\n  }\n\n  #hero-cuentacuentos .modalidad p{\n    font-size:11px;\n  }\n}\n<\/style>\n\n<div id=\"hero-cuentacuentos\">\n\n  <!-- Imagen principal -->\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/07\/Rafa-Marti-9-copia-scaled-e1784358122997.jpg\" alt=\"Espect\u00e1culo de cuentacuentos de ContArte\">\n\n  <div class=\"overlay\"><\/div>\n\n  <div class=\"text\">\n\n    <div class=\"tag\">\u00b7 CUENTACUENTOS \u00b7<\/div>\n\n    <div class=\"title\">Dos formas de contar historias<\/div>\n\n    <div class=\"modalidades\">\n\n      <!-- FORMATO SIMPLE -->\n      <div class=\"modalidad\">\n        <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/10\/IMG_0096-scaled.jpg\" alt=\"Cuentacuentos con un actor y marionetas\">\n\n        <div class=\"modalidad-info\">\n          <h3>Formato simple<\/h3>\n          <p>Un actor y sus marionetas para dar vida a cada historia.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- FORMATO DOBLE -->\n      <div class=\"modalidad\">\n        <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/10\/IMG_0407.jpg\" alt=\"Cuentacuentos con actor y marionetista\">\n\n        <div class=\"modalidad-info\">\n          <h3>Formato doble<\/h3>\n          <p>Un actor, un marionetista y marionetas para una experiencia esc\u00e9nica m\u00e1s completa.<\/p>\n        <\/div>\n      <\/div>\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: P\u00fablico familiar, ni\u00f1os a partir de 3 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<div id=\"contarte-espectaculos\" 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#contarte-espectaculos .card{\n  box-sizing:border-box;\n  width:220px;\n  background:#fff;\n  border-radius:14px;\n  padding:20px;\n  box-shadow:0 8px 20px rgba(0,0,0,0.1);\n  text-align:center;\n  cursor:pointer;\n  opacity:0;\n  transform:translateY(20px);\n  animation:contarteFadeIn 0.6s ease forwards;\n  transition:all 0.35s ease;\n  position:relative;\n  overflow:hidden;\n}\n\n@keyframes contarteFadeIn{\n  to{opacity:1;transform:translateY(0);}\n}\n\n#contarte-espectaculos .card::before{\n  content:\"\";\n  position:absolute;\n  top:-50%;\n  left:-60%;\n  width:40%;\n  height:200%;\n  background:linear-gradient(\n    120deg,\n    transparent,\n    rgba(255,255,255,0.6),\n    transparent\n  );\n  transform:rotate(25deg);\n  transition:all 0.6s ease;\n  pointer-events:none;\n}\n\n#contarte-espectaculos .card:hover{\n  transform:translateY(-10px) scale(1.05);\n  box-shadow:0 25px 60px rgba(11,93,59,0.25);\n  background:#f9fffb;\n}\n\n#contarte-espectaculos .card:hover::before{\n  left:120%;\n}\n\n#contarte-espectaculos .card h3{\n  font-size:15px;\n  line-height:1.45;\n  color:#0b5d3b;\n  margin:0 0 10px;\n  transition:0.3s ease;\n}\n\n#contarte-espectaculos .card:hover h3{\n  color:#1faa6a;\n  transform:scale(1.03);\n}\n\n#contarte-espectaculos .btn{\n  display:inline-block;\n  padding:8px 14px;\n  background:#1faa6a;\n  color:#fff;\n  border-radius:999px;\n  font-size:12px;\n  cursor:pointer;\n  transition:0.3s ease;\n  margin-top:10px;\n  border:0;\n  font-family:inherit;\n}\n\n#contarte-espectaculos .btn:hover{\n  background:#0b5d3b;\n  transform:scale(1.08);\n}\n\n\/* Ficha emergente *\/\n#contarte-espectaculos-modal{\n  display:none;\n  position:fixed;\n  inset:0;\n  width:100%;\n  height:100%;\n  background:rgba(0,0,0,0.85);\n  justify-content:center;\n  align-items:center;\n  z-index:999999;\n  padding:15px;\n  box-sizing:border-box;\n}\n\n#contarte-espectaculos-modal .ficha-box{\n  background:#fff;\n  width:100%;\n  max-width:800px;\n  max-height:90vh;\n  border-radius:14px;\n  overflow:auto;\n  animation:contartePop 0.3s ease;\n  position:relative;\n}\n\n@keyframes contartePop{\n  from{transform:scale(0.9);opacity:0;}\n  to{transform:scale(1);opacity:1;}\n}\n\n#contarte-espectaculos-modal .ficha-img{\n  display:block;\n  width:100%;\n  height:260px;\n  object-fit:cover;\n}\n\n#contarte-espectaculos-modal .ficha{\n  padding:20px;\n}\n\n#contarte-espectaculos-modal .ficha h2{\n  color:#0b5d3b;\n  margin:0 0 10px;\n  font-size:26px;\n  line-height:1.3;\n}\n\n#contarte-espectaculos-modal .ficha p{\n  color:#555;\n  line-height:1.7;\n  margin:0;\n}\n\n#contarte-espectaculos-modal .info{\n  margin-top:18px;\n  font-size:14px;\n  line-height:1.8;\n  color:#333;\n}\n\n#contarte-espectaculos-modal .contrata{\n  display:inline-block;\n  margin-top:20px;\n  padding:12px 20px;\n  background:#0b5d3b;\n  color:#fff;\n  border-radius:999px;\n  text-decoration:none;\n  font-size:14px;\n  font-weight:600;\n  transition:background 0.3s ease;\n}\n\n#contarte-espectaculos-modal .contrata:hover{\n  background:#1faa6a;\n}\n\n#contarte-espectaculos-modal .close{\n  position:absolute;\n  top:10px;\n  right:15px;\n  width:38px;\n  height:38px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:28px;\n  cursor:pointer;\n  color:#0b5d3b;\n  background:#fff;\n  border-radius:50%;\n  z-index:2;\n  box-shadow:0 2px 8px rgba(0,0,0,0.15);\n}\n\n@media(max-width:600px){\n  #contarte-espectaculos{\n    gap:12px !important;\n    margin-top:30px !important;\n  }\n\n  #contarte-espectaculos .card{\n    width:calc(50% - 6px);\n    padding:15px 10px;\n  }\n\n  #contarte-espectaculos .card h3{\n    font-size:14px;\n  }\n\n  #contarte-espectaculos-modal .ficha-img{\n    height:190px;\n  }\n\n  #contarte-espectaculos-modal .ficha{\n    padding:18px;\n  }\n\n  #contarte-espectaculos-modal .ficha h2{\n    font-size:22px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #contarte-espectaculos .card{\n    animation:none;\n    opacity:1;\n    transform:none;\n  }\n}\n<\/style>\n\n<!-- TARJETAS DE ESPECT\u00c1CULOS -->\n\n<div class=\"card\">\n  <h3>Una noche en la Biblioteca<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(0)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>Los viajes de Jack con sus habichuelas m\u00e1gicas<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(1)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>Cuentos d\u00f3nde todas cuentan<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(2)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>Mujeres invisibles, historias incre\u00edbles<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(3)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>Els monstres del Iaio de Ontinyent<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(4)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>De Jaumet a Jaume I<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(5)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>Llegendes de la terra<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(6)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>Tartaruga la tortuga<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(7)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>El \u00e1rbol de los derechos<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(8)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>Zarpamos en un Barco de Papel<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(9)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>El guardi\u00e1n del bosque<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(10)\">M\u00e1s info<\/button>\n<\/div>\n\n<div class=\"card\">\n  <h3>El Caballero de la Armadura oxidada<\/h3>\n  <button type=\"button\" class=\"btn\" onclick=\"contarteOpenFicha(11)\">M\u00e1s info<\/button>\n<\/div>\n\n<\/div>\n\n<!-- FICHA EMERGENTE -->\n\n<div id=\"contarte-espectaculos-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"contarte-ficha-titulo\">\n  <div class=\"ficha-box\">\n\n    <button type=\"button\" class=\"close\" onclick=\"contarteCloseFicha()\" aria-label=\"Cerrar ficha\">\u00d7<\/button>\n\n    <img decoding=\"async\" id=\"contarte-ficha-img\" class=\"ficha-img\" src=\"\" alt=\"\">\n\n    <div class=\"ficha\">\n      <h2 id=\"contarte-ficha-titulo\"><\/h2>\n      <p id=\"contarte-ficha-texto\"><\/p>\n\n      <div class=\"info\">\n        <strong>\ud83c\udfad Ficha t\u00e9cnica<\/strong><br>\n        P\u00fablico familiar \/ ni\u00f1os a partir de 3 a\u00f1os<br>\n        M\u00e1ximo 70 participantes por sesi\u00f3n<br>\n        Duraci\u00f3n aproximada: 60 minutos\n      <\/div>\n\n      <a id=\"contarte-contrata-btn\" href=\"mailto:info@contarte.es\" class=\"contrata\">\n        Solicitar contrataci\u00f3n\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n\nconst data = [\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/07\/Rafa.png\",\n    titulo:\"Una noche en la Biblioteca\",\n    texto:\"Cuando las luces se apagan, todo cobra vida en la biblioteca\u2026 Harry Potter, el Sombrerero Loco, el Mago de Oz, Momo\u2026 Un cuentacuentos que celebra la lectura y la imaginaci\u00f3n.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\n    titulo:\"Los viajes de Jack con sus habichuelas m\u00e1gicas\",\n    texto:\"Jack sube cada noche por sus habichuelas m\u00e1gicas y viaja a los cuentos cl\u00e1sicos. Un cuentacuentos que anima a leer y descubrir la magia de los libros.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/valores3-e1777471833786.jpg\",\n    titulo:\"Cuentos d\u00f3nde todas cuentan\",\n    texto:\"Historias donde princesas, piratas y ni\u00f1as viven aventuras. Un cuentacuentos sobre igualdad, valent\u00eda y creatividad.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\n    titulo:\"Mujeres invisibles, historias incre\u00edbles\",\n    texto:\"Mujeres cient\u00edficas, artistas e inventoras que cambiaron el mundo y fueron olvidadas por la historia.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\n    titulo:\"Els monstres del Iaio de Ontinyent\",\n    texto:\"Mart\u00edn descubre monstruos valencianos m\u00e1s extra\u00f1os de lo que imaginaba. Una historia para valientes.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\n    titulo:\"De Jaumet a Jaume I\",\n    texto:\"Un viaje teatral a la infancia de Jaime I, adaptado para ni\u00f1os con imaginaci\u00f3n y marionetas.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\n    titulo:\"Llegendes de la terra\",\n    texto:\"Leyendas valencianas transmitidas de generaci\u00f3n en generaci\u00f3n que forman nuestra identidad.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\n    titulo:\"Tartaruga la tortuga\",\n    texto:\"Una tortuga del Oceanogr\u00e0fic emprende un viaje lleno de sorpresas cuando su hogar cambia.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\n    titulo:\"El \u00e1rbol de los derechos\",\n    texto:\"Los \u00e1rboles del pueblo dependen del respeto a los derechos de la infancia para volver a vivir.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\n    titulo:\"Zarpamos en un Barco de Papel\",\n    texto:\"Un viaje sin equipaje, solo con recuerdos. Historias de migraci\u00f3n y nuevos comienzos.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\n    titulo:\"El guardi\u00e1n del bosque\",\n    texto:\"Un guardi\u00e1n misterioso ayuda a salvar los bosques enfermos a trav\u00e9s de historias.\"\n  },\n  {\n    img:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\n    titulo:\"El Caballero de la Armadura oxidada\",\n    texto:\"Un caballero aprende que solo quit\u00e1ndose su armadura puede conocerse a s\u00ed mismo y amar.\"\n  }\n];\n\nconst modal = document.getElementById(\"contarte-espectaculos-modal\");\nconst img = document.getElementById(\"contarte-ficha-img\");\nconst titulo = document.getElementById(\"contarte-ficha-titulo\");\nconst texto = document.getElementById(\"contarte-ficha-texto\");\nconst boton = document.getElementById(\"contarte-contrata-btn\");\n\nwindow.contarteOpenFicha = function(i){\n  const obra = data[i];\n  if(!obra) return;\n\n  img.src = obra.img;\n  img.alt = obra.titulo;\n  titulo.textContent = obra.titulo;\n  texto.textContent = obra.texto;\n\n  const asunto = \"Solicitud de contrataci\u00f3n: \" + obra.titulo;\n  const cuerpo =\n    \"Buenos d\u00edas, ContArte:\\n\\n\" +\n    \"Me gustar\u00eda recibir informaci\u00f3n para contratar el espect\u00e1culo \\\"\" +\n    obra.titulo + \"\\\".\\n\\n\" +\n    \"Nombre de la entidad:\\n\" +\n    \"Persona de contacto:\\n\" +\n    \"Fecha prevista:\\n\" +\n    \"Localidad:\\n\" +\n    \"Tel\u00e9fono de contacto:\\n\\n\" +\n    \"Muchas gracias.\";\n\n  boton.href = \"mailto:info@contarte.es\"\n    + \"?subject=\" + encodeURIComponent(asunto)\n    + \"&body=\" + encodeURIComponent(cuerpo);\n\n  modal.style.display = \"flex\";\n  document.body.style.overflow = \"hidden\";\n};\n\nwindow.contarteCloseFicha = function(){\n  modal.style.display = \"none\";\n  document.body.style.overflow = \"\";\n};\n\nmodal.addEventListener(\"click\",function(e){\n  if(e.target === modal) window.contarteCloseFicha();\n});\n\ndocument.addEventListener(\"keydown\",function(e){\n  if(e.key === \"Escape\" && modal.style.display === \"flex\"){\n    window.contarteCloseFicha();\n  }\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 Cuentacuentos\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 cuentacuentos 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","protected":false},"excerpt":{"rendered":"<p>ContArte El arte de contar cuentos \u00b7 CUENTACUENTOS \u00b7 Dos formas de contar historias Formato simple Un actor y sus marionetas para dar vida a cada historia. Formato doble Un actor, un marionetista y marionetas para una experiencia esc\u00e9nica m\u00e1s completa. Dirigido a: P\u00fablico familiar, ni\u00f1os a partir de 3 a\u00f1os. \u23f1 Duraci\u00f3n aproximada: 60 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1017,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-918","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/918","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=918"}],"version-history":[{"count":63,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/918\/revisions"}],"predecessor-version":[{"id":1317,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/918\/revisions\/1317"}],"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=918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}