{"id":194,"date":"2026-04-28T06:07:03","date_gmt":"2026-04-28T06:07:03","guid":{"rendered":"https:\/\/contarte.es\/?page_id=194"},"modified":"2026-07-18T06:55:46","modified_gmt":"2026-07-18T06:55:46","slug":"teatro","status":"publish","type":"page","link":"https:\/\/contarte.es\/index.php\/nuestras-propuestas\/teatro\/","title":{"rendered":"Teatro"},"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      Teatro\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      Nuestras grandes obras con marionetas\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: 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=\"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\/* \ud83c\udfad 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.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.curtain.left{\n  left:0;\n  animation:openLeft 2.2s ease-in-out forwards;\n}\n\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\/* \ud83c\udfac 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  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.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.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#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\n\/* \ud83d\udcf1 ULTRA OPTIMIZACI\u00d3N M\u00d3VIL *\/\n@media (max-width:768px){\n\n  .logo{\n    width:110px; \/* m\u00e1s peque\u00f1o *\/\n  }\n\n  .title{\n    font-size:34px; \/* ajustado *\/\n    letter-spacing:1px;\n  }\n\n  .subtitle{\n    font-size:15px;\n    padding:0 20px;\n  }\n\n  .curtain{\n    width:50%; \/* menos agresivo en m\u00f3vil *\/\n  }\n}\n\n@media (max-width:480px){\n\n  .logo{\n    width:90px;\n  }\n\n  .title{\n    font-size:28px;\n  }\n\n  .subtitle{\n    font-size:14px;\n  }\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<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<div id=\"pl-gb194-6aa3e4e9328b6\"  class=\"panel-layout\" ><div id=\"pg-gb194-6aa3e4e9328b6-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-gb194-6aa3e4e9328b6-0-0\"  class=\"panel-grid-cell\" ><\/div><\/div><\/div>\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\/* \ud83c\udfac ENTRADA SECUENCIAL *\/\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\/* retrasos *\/\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{\n    opacity:0;\n    transform:translateY(20px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n\/* \ud83d\uddbc\ufe0f IMAGEN *\/\n.card img{\n  width:100%;\n  height:180px;\n  object-fit:cover;\n  transition:transform 0.5s ease;\n}\n\n\/* \ud83e\udde0 TITULO *\/\n.card h3{\n  padding:15px;\n  margin:0;\n  text-align:center;\n  font-weight:700;\n  color:#0b5d3b;\n  transition:0.3s;\n}\n\n\/* \u2728 EFECTO HOVER *\/\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\/* brillo *\/\n.card:hover::after{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:0;\n  width:100%;\n  height:100%;\n  border-radius:14px;\n  background:radial-gradient(circle at center, rgba(31,170,106,0.18), transparent 70%);\n  pointer-events:none;\n}\n\n\/* zoom imagen *\/\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}\n\n@keyframes fadeIn{\n  from{opacity:0; transform:scale(0.9);}\n  to{opacity:1; transform:scale(1);}\n}\n\n\/* m\u00f3vil *\/\n@media (max-width:600px){\n  .card:hover{\n    transform:none;\n    box-shadow:0 8px 20px rgba(0,0,0,0.1);\n  }\n}\n\n<\/style>\n\n<!-- OBRA 1 -->\n<div class=\"card c1\" onclick=\"openModal(\n  'https:\/\/contarte.es\/wp-content\/uploads\/2026\/07\/Olivia2.png',\n  'Abella i el Castell de Ning\u00fa em veu',\n  'Abella solo quer\u00eda una rosa... pero su deseo la lleva a vivir en un misterioso castillo habitado por un ser monstruoso. Esta obra, basada en la famosa rondalla valenciana de Enric Valor, nos revela la fuerza de la bondad oculta tras la apariencia m\u00e1s temible, la grandeza del valor y la perseverancia, y la verdadera importancia de mantener un coraz\u00f3n noble, sin dejarse enga\u00f1ar por las apariencias.'\n)\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/07\/Olivia2.png\">\n  <h3>Abella i el Castell de ning\u00fa em veu<\/h3>\n<\/div>\n\n<!-- OBRA 2 -->\n<div class=\"card c2\" onclick=\"openModal(\n  'https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg',\n  'Llegendes de la terra',\n  'Prep\u00e1rate para un viaje lleno de magia, aventuras y personajes sorprendentes. Descubrir\u00e1s las leyendas m\u00e1s divertidas y misteriosas de Castell\u00f3n, Valencia y Alicante, con cada historia aprender\u00e1s algo especial sobre las tradiciones, la fuerza, el misterio y el encanto de nuestra tierra. Conocer\u00e1s al Moro Mussa, al Gegant Pegrabrams y otros seres fant\u00e1sticos que han vivido en cuentos transmitidos de generaci\u00f3n en generaci\u00f3n. Un espect\u00e1culo pensado para so\u00f1ar, imaginar y disfrutar en familia.'\n)\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa.jpg\">\n  <h3>Llegendes de la terra<\/h3>\n<\/div>\n\n<!-- OBRA 3 -->\n<div class=\"card c3\" onclick=\"openModal(\n  'https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/valores3-e1777471833786.jpg',\n  'Pippi Calzaslargas',\n  'En Villa Kunterbunt vive Pippi Calzaslargas, una ni\u00f1a fuerte, valiente y maravillosamente diferente, que mira el mundo con imaginaci\u00f3n y alegr\u00eda. Con sus inseparables amigos, cada d\u00eda se convierte en una aventura: descubren tesoros escondidos, van a la escuela \u2014aunque sumar, restar o leer no sean precisamente su especialidad\u2014 y hasta se atreven a cazar monstruos antes de asistir a una gran fiesta. Porque si algo nunca le falta a Pippi es ingenio, creatividad y un coraz\u00f3n enorme. Y cuando aparecen los abusones, demuestra que el coraje, la bondad y el respeto siempre son m\u00e1s fuertes que el miedo. Una historia divertida y valiente sobre la amistad, la imaginaci\u00f3n y la importancia de defender lo que est\u00e1 bien.'\n)\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/valores3-e1777471833786.jpg\">\n  <h3>Pippi Calzaslargas<\/h3>\n<\/div>\n\n<!-- OBRA 4 -->\n<div class=\"card c4\" onclick=\"openModal(\n  'https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/Pirata.jpg',\n  'Peter Pan PR\u00d3XIMAMENTE',\n  '\u00a1Atenci\u00f3n, marineros! \u00bfQui\u00e9n se atreve a enfrentarse al cocodrilo que no deja en paz al Capit\u00e1n Garfio? A bordo de su barco, los piratas nos cuentan su versi\u00f3n de esta famosa historia y nos arrastran a un mar de aventuras, canciones pegajosas y situaciones tan disparatadas como divertidas. Una mirada renovada al cl\u00e1sico de Peter Pan, donde los adultos recuperar\u00e1n la magia de la infancia y los m\u00e1s peque\u00f1os descubrir\u00e1n que crecer puede ser toda una aventura\u2026 pero que la imaginaci\u00f3n nunca debe quedarse en tierra. Prep\u00e1rense para re\u00edr, cantar y dejarse llevar por un mundo donde los sue\u00f1os y la fantas\u00eda son los verdaderos tesoros del coraz\u00f3n.'\n)\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/Pirata.jpg\">\n  <h3>Peter Pan PR\u00d3XIMAMENTE<\/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    <img decoding=\"async\" id=\"modalImg\" src=\"\" style=\"width:100%; height:300px; object-fit:cover;\">\n\n    <div style=\"padding:25px;\">\n      <h2 id=\"modalTitle\" style=\"color:#0b5d3b;\"><\/h2>\n      <p id=\"modalText\" style=\"color:#555; line-height:1.7;\"><\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\nfunction openModal(img, title, text){\n  document.getElementById(\"modal\").style.display = \"flex\";\n  document.getElementById(\"modalImg\").src = img;\n  document.getElementById(\"modalTitle\").innerText = title;\n  document.getElementById(\"modalText\").innerText = text;\n}\n\nfunction closeModal(){\n  document.getElementById(\"modal\").style.display = \"none\";\n}\n\n\/* cerrar click fuera *\/\ndocument.getElementById(\"modal\").addEventListener(\"click\", function(e){\n  if(e.target === this){\n    closeModal();\n  }\n});\n\n\/* cerrar ESC *\/\ndocument.addEventListener(\"keydown\", function(e){\n  if(e.key === \"Escape\"){\n    closeModal();\n  }\n});\n\n<\/script>\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=\"margin-top:80px; text-align:center; font-family:'Segoe UI', Arial, sans-serif;\">\n\n<style>\n\n\/* ===== ESTADO VIVO SUTIL (NO CANSA) ===== *\/\n@keyframes breathe {\n  0%,100% {\n    transform:scale(1);\n    box-shadow:0 10px 25px rgba(11,93,59,0.18);\n  }\n  50% {\n    transform:scale(1.02);\n    box-shadow:0 18px 40px rgba(11,93,59,0.28);\n  }\n}\n\n\/* ===== SUBRAYADO ENERG\u00c9TICO ===== *\/\n@keyframes underlineMove {\n  0% { width:0; opacity:0; }\n  100% { width:100%; opacity:1; }\n}\n\n.btn-catalogo{\n  display:inline-block;\n  position:relative;\n  padding:18px 42px;\n  background:#0b5d3b;\n  color:#ffffff;\n  text-decoration:none;\n  border-radius:14px;\n  font-weight:800;\n  font-size:16px;\n  letter-spacing:0.5px;\n  transition:0.25s ease;\n  animation:breathe 3.5s infinite ease-in-out;\n  overflow:hidden;\n}\n\n\/* l\u00ednea inferior din\u00e1mica *\/\n.btn-catalogo::after{\n  content:\"\";\n  position:absolute;\n  bottom:0;\n  left:0;\n  height:3px;\n  width:0%;\n  background:#1faa6a;\n  animation:underlineMove 1.2s ease-out forwards;\n}\n\n\/* hover real (cambio de intenci\u00f3n, no de color exagerado) *\/\n.btn-catalogo:hover{\n  transform:translateY(-3px) scale(1.03);\n  box-shadow:0 22px 55px rgba(11,93,59,0.35);\n  background:#0d6b42;\n}\n\n<\/style>\n\n<a href=\"https:\/\/drive.google.com\/file\/d\/1RQ_fiLCgrjKeEpRMwByV8HovkRCzOq0C\/view?usp=drive_link\"\n   class=\"btn-catalogo\">\n\n  Ver cat\u00e1logo completo\n\n<\/a>\n\n<\/div>\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    Programa una de Nuestras Obras de Teatro\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    Espect\u00e1culos con marionetas que <b>emocionan, educan y y conectan con el p\u00fablico<\/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>Teatro Nuestras grandes obras con marionetas Dirigido a: P\u00fablico familiar, ni\u00f1os a partir de 3 a\u00f1os. \u23f1 Duraci\u00f3n aproximada: 60 minutos ContArte El arte de contar cuentos ContArte El arte de contar cuentos Abella i el Castell de ning\u00fa em veu Llegendes de la terra Pippi Calzaslargas Peter Pan PR\u00d3XIMAMENTE \u00d7 El arte de contar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1017,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/194","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=194"}],"version-history":[{"count":109,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":1295,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/194\/revisions\/1295"}],"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=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}