{"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-07-18T07:02:37","modified_gmt":"2026-07-18T07:02:37","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 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\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 600px) {\n  .wrapper {\n    flex-direction: column;\n    text-align: center;\n    gap: 15px;\n  }\n\n  .title {\n    font-size: 32px !important;\n    text-align: center;\n  }\n\n  .text {\n    text-align: center;\n  }\n\n  .logo {\n    width: 120px !important;\n  }\n\n  .line {\n    margin: 14px auto !important;\n  }\n}\n<\/style>\n\n<div class=\"wrapper\" 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 -->\n  <img decoding=\"async\" class=\"logo\"\n       src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/cropped-Logo-oo-ContArte-marionetas.png\"\n       alt=\"Logo ContArte\"\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 -->\n  <div style=\"text-align:left; max-width:500px;\">\n\n    <!-- TITULAR -->\n    <h2 class=\"anim-slow delay1 title\" 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      Cuentacuentos\n    <\/h2>\n\n    <!-- L\u00cdNEA -->\n    <div class=\"anim-slow delay2 line\" 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     <\/div>\n\n<\/div>\n\n<\/div>\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;   \/* \ud83d\udc48 mejor que 500px fijo *\/\n  min-height:420px;\n  overflow:hidden;\n}\n\n\/* imagen estable (sin transform) *\/\n#hero-cuentacuentos img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  display:block;\n}\n\n\/* overlay *\/\n#hero-cuentacuentos .overlay{\n  position:absolute;\n  inset:0;\n  background:rgba(0,0,0,0.45);\n  z-index:1;\n}\n\n\/* texto centrado real *\/\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  max-width:700px;\n  width:90%;\n}\n\n\/* tipograf\u00eda *\/\n#hero-cuentacuentos .tag{\n  font-size:14px;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  opacity:0.9;\n}\n\n#hero-cuentacuentos .title{\n  font-size:38px;\n  font-weight:700;\n  margin-top:10px;\n}\n\n#hero-cuentacuentos .btn{\n  display:inline-block;\n  margin-top:20px;\n  padding:12px 20px;\n  background:#1faa6a;\n  color:#fff;\n  text-decoration:none;\n  border-radius:8px;\n  transition:0.3s;\n}\n\n#hero-cuentacuentos .btn:hover{\n  background:#168a55;\n}\n\n\/* ajuste m\u00f3vil *\/\n@media (max-width:768px){\n  #hero-cuentacuentos{\n    height:70vh;\n  }\n\n  #hero-cuentacuentos .title{\n    font-size:28px;\n  }\n}\n<\/style>\n\n<div id=\"hero-cuentacuentos\">\n\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/07\/Rafa-Marti-9-copia-scaled-e1784358122997.jpg\">\n\n  <div class=\"overlay\"><\/div>\n\n  <div class=\"text\">\n\n    <div class=\"tag\">\ud83c\udfad FORMATO DEL ESPECT\u00c1CULO<\/div>\n\n    <div class=\"title\">Simple o Doble<\/div>\n\n    <div style=\"margin-top:15px;font-size:15px;line-height:1.7;opacity:0.95;\">\n      \ud83d\udfe2 <strong>Simple:<\/strong> 1 actor con marionetas<br><br>\n      \ud83d\udd35 <strong>Doble:<\/strong> 1 actor + marionetista + marionetas\n    <\/div>\n\n    <a href=\"#contacto\" class=\"btn\">Contrata un cuentacuentos<\/a>\n\n  <\/div>\n\n<\/div>\n\n\n\n<div style=\"\n  text-align:center;\n  padding:10px;\n  font-family:'Segoe UI', Arial, sans-serif;\n\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&display=swap');\n\n#contarte-text-only .title{\n  margin:0;\n  font-family:'Great Vibes', cursive;\n  font-size:clamp(40px, 4vw, 70px);\n  font-weight:700;\n  color:#0b5d3b;\n  animation:softGlow 3s ease-in-out infinite;\n  letter-spacing:1px;\n  line-height:1;\n}\n\n@keyframes softGlow {\n  0%,100% { text-shadow:0 0 0 rgba(0,0,0,0); }\n  50% { text-shadow:0 0 18px rgba(31,170,106,0.35); }\n}\n<\/style>\n\n<div id=\"contarte-text-only\">\n\n  <h2 class=\"title\">El arte de contar cuentos<\/h2>\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 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\/* ================= TARJETAS ================= *\/\n.card{\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\n  opacity:0;\n  transform:translateY(20px);\n  animation:fadeIn 0.6s ease forwards;\n\n  transition:all 0.35s ease;\n  position:relative;\n  overflow:hidden;\n}\n\n\/* entrada *\/\n@keyframes fadeIn{\n  to{opacity:1; transform:translateY(0);}\n}\n\n\/* \u2728 brillo animado *\/\n.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}\n\n\/* \ud83d\udd25 HOVER ANIMADO *\/\n.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\/* brillo en movimiento *\/\n.card:hover::before{\n  left:120%;\n}\n\n\/* t\u00edtulo reacci\u00f3n *\/\n.card h3{\n  font-size:15px;\n  color:#0b5d3b;\n  margin-bottom:10px;\n  transition:0.3s ease;\n}\n\n.card:hover h3{\n  color:#1faa6a;\n  transform:scale(1.03);\n}\n\n\/* bot\u00f3n *\/\n.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}\n\n.btn:hover{\n  background:#0b5d3b;\n  transform:scale(1.08);\n}\n\n\/* ================= MODAL ================= *\/\n#fichaModal{\n  display:none;\n  position:fixed;\n  top:0;left:0;\n  width:100%;height:100%;\n  background:rgba(0,0,0,0.85);\n  justify-content:center;\n  align-items:center;\n  z-index:99999;\n}\n\n#fichaBox{\n  background:#fff;\n  width:90%;\n  max-width:800px;\n  border-radius:14px;\n  overflow:hidden;\n  animation:pop 0.3s ease;\n  position:relative;\n}\n\n@keyframes pop{\n  from{transform:scale(0.9); opacity:0;}\n  to{transform:scale(1); opacity:1;}\n}\n\n#fichaBox img{\n  width:100%;\n  height:260px;\n  object-fit:cover;\n}\n\n.ficha{\n  padding:20px;\n}\n\n.ficha h2{\n  color:#0b5d3b;\n  margin-bottom:10px;\n}\n\n.ficha p{\n  color:#555;\n  line-height:1.6;\n}\n\n.info{\n  margin-top:15px;\n  font-size:14px;\n  color:#333;\n}\n\n.contrata{\n  display:inline-block;\n  margin-top:15px;\n  padding:10px 16px;\n  background:#0b5d3b;\n  color:#fff;\n  border-radius:999px;\n  text-decoration:none;\n}\n\n.close{\n  position:absolute;\n  top:10px;\n  right:15px;\n  font-size:26px;\n  cursor:pointer;\n  color:#0b5d3b;\n}\n\n<\/style>\n\n<!-- ================= TARJETAS ================= -->\n\n<div class=\"card\"><h3>Una noche en la Biblioteca<\/h3><div class=\"btn\" onclick=\"openFicha(0)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>Los viajes de Jack con sus habichuelas m\u00e1gicas<\/h3><div class=\"btn\" onclick=\"openFicha(1)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>Cuentos d\u00f3nde todas cuentan<\/h3><div class=\"btn\" onclick=\"openFicha(2)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>Mujeres invisibles, historias incre\u00edbles<\/h3><div class=\"btn\" onclick=\"openFicha(3)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>Els monstres del Iaio de Ontinyent<\/h3><div class=\"btn\" onclick=\"openFicha(4)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>De Jaumet a Jaume I<\/h3><div class=\"btn\" onclick=\"openFicha(5)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>Llegendes de la terra<\/h3><div class=\"btn\" onclick=\"openFicha(6)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>Tartaruga la tortuga<\/h3><div class=\"btn\" onclick=\"openFicha(7)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>El \u00e1rbol de los derechos<\/h3><div class=\"btn\" onclick=\"openFicha(8)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>Zarpamos en un Barco de Papel<\/h3><div class=\"btn\" onclick=\"openFicha(9)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>El guardi\u00e1n del bosque<\/h3><div class=\"btn\" onclick=\"openFicha(10)\">M\u00e1s info<\/div><\/div>\n<div class=\"card\"><h3>El Caballero de la Armadura oxidada<\/h3><div class=\"btn\" onclick=\"openFicha(11)\">M\u00e1s info<\/div><\/div>\n\n<\/div>\n\n<!-- ================= MODAL ================= -->\n\n<div id=\"fichaModal\">\n  <div id=\"fichaBox\">\n\n    <div class=\"close\" onclick=\"closeFicha()\">\u00d7<\/div>\n\n    <img id=\"img\">\n\n    <div class=\"ficha\">\n      <h2 id=\"titulo\"><\/h2>\n      <p id=\"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 href=\"\/contacto\" class=\"contrata\">Contrata<\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- ================= JS ================= -->\n\n<script>\n\nconst data = [\n\n{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/07\/Rafa.png\",\ntitulo:\"Una noche en la Biblioteca\",\ntexto:\"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{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\ntitulo:\"Los viajes de Jack con sus habichuelas m\u00e1gicas\",\ntexto:\"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{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/valores3-e1777471833786.jpg\",\ntitulo:\"Cuentos d\u00f3nde todas cuentan\",\ntexto:\"Historias donde princesas, piratas y ni\u00f1as viven aventuras. Un cuentacuentos sobre igualdad, valent\u00eda y creatividad.\"\n},\n\n{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\ntitulo:\"Mujeres invisibles, historias incre\u00edbles\",\ntexto:\"Mujeres cient\u00edficas, artistas e inventoras que cambiaron el mundo y fueron olvidadas por la historia.\"\n},\n\n{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\ntitulo:\"Els monstres del Iaio de Ontinyent\",\ntexto:\"Mart\u00edn descubre monstruos valencianos m\u00e1s extra\u00f1os de lo que imaginaba. Una historia para valientes.\"\n},\n\n{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\ntitulo:\"De Jaumet a Jaume I\",\ntexto:\"Un viaje teatral a la infancia de Jaime I, adaptado para ni\u00f1os con imaginaci\u00f3n y marionetas.\"\n},\n\n{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\ntitulo:\"Llegendes de la terra\",\ntexto:\"Leyendas valencianas transmitidas de generaci\u00f3n en generaci\u00f3n que forman nuestra identidad.\"\n},\n\n{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\ntitulo:\"Tartaruga la tortuga\",\ntexto:\"Una tortuga del Oceanogr\u00e0fic emprende un viaje lleno de sorpresas cuando su hogar cambia.\"\n},\n\n{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\ntitulo:\"El \u00e1rbol de los derechos\",\ntexto:\"Los \u00e1rboles del pueblo dependen del respeto a los derechos de la infancia para volver a vivir.\"\n},\n\n{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\ntitulo:\"Zarpamos en un Barco de Papel\",\ntexto:\"Un viaje sin equipaje, solo con recuerdos. Historias de migraci\u00f3n y nuevos comienzos.\"\n},\n\n{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\ntitulo:\"El guardi\u00e1n del bosque\",\ntexto:\"Un guardi\u00e1n misterioso ayuda a salvar los bosques enfermos a trav\u00e9s de historias.\"\n},\n\n{\nimg:\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\",\ntitulo:\"El Caballero de la Armadura oxidada\",\ntexto:\"Un caballero aprende que solo quit\u00e1ndose su armadura puede conocerse a s\u00ed mismo y amar.\"\n}\n\n];\n\nfunction openFicha(i){\n  document.getElementById(\"fichaModal\").style.display=\"flex\";\n  document.getElementById(\"img\").src=data[i].img;\n  document.getElementById(\"titulo\").innerText=data[i].titulo;\n  document.getElementById(\"texto\").innerText=data[i].texto;\n}\n\nfunction closeFicha(){\n  document.getElementById(\"fichaModal\").style.display=\"none\";\n}\n\ndocument.getElementById(\"fichaModal\").addEventListener(\"click\",function(e){\n  if(e.target===this) closeFicha();\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>Cuentacuentos ContArte El arte de contar cuentos \ud83c\udfad FORMATO DEL ESPECT\u00c1CULO Simple o Doble \ud83d\udfe2 Simple: 1 actor con marionetas \ud83d\udd35 Doble: 1 actor + marionetista + marionetas Contrata un cuentacuentos El arte de contar cuentos Dirigido a: P\u00fablico familiar, ni\u00f1os a partir de 3 a\u00f1os. \u23f1 Duraci\u00f3n aproximada: 60 minutos Una noche en la [&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":54,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/918\/revisions"}],"predecessor-version":[{"id":1299,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/918\/revisions\/1299"}],"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}]}}