{"id":19,"date":"2026-04-19T12:18:55","date_gmt":"2026-04-19T12:18:55","guid":{"rendered":"https:\/\/contarte.es\/index.php\/home-page\/"},"modified":"2026-07-16T13:43:16","modified_gmt":"2026-07-16T13:43:16","slug":"home-page","status":"publish","type":"page","link":"https:\/\/contarte.es\/","title":{"rendered":"inicio"},"content":{"rendered":"\n<div id=\"contarte-header01\" style=\"\n  position:relative;\n  padding:10px 15px;\n  font-family:'Segoe UI', Arial, sans-serif;\n  background:none;\n  overflow:hidden;\n\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&display=swap');\n\n#contarte-header01 .wrapper{\n  max-width:900px;\n  margin:auto;\n  text-align:center;\n}\n\n\/* \ud83d\udd25 AQU\u00cd SE HA QUITADO EL FONDO *\/\n#contarte-header01 .brand{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:0;\n\n  padding:25px 20px;\n  border-radius:24px;\n\n  background:transparent;\n  border:none;\n  box-shadow:none;\n}\n\n\/* logo *\/\n#contarte-header01 .logo{\n  width:200px; \/* aumentado para destacar m\u00e1s *\/\n  animation:floatLogo 3s ease-in-out infinite;\n  filter:drop-shadow(0 8px 18px rgba(11,93,59,0.15));\n}\n\n\/* texto *\/\n#contarte-header01 .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\/* animaciones *\/\n@keyframes floatLogo {\n  0%,100% { transform:translateY(0px); }\n  50% { transform:translateY(-6px); }\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 class=\"wrapper\">\n\n  <div class=\"brand\">\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    <h2 class=\"title\">El arte de contar cuentos<\/h2>\n\n  <\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<div style=\"\n  width:100%;\n  display:flex;\n  justify-content:center;\n  font-family:'Segoe UI', Arial, sans-serif;\n  padding:35px 15px;\n  box-sizing:border-box;\n  background:transparent;\n\">\n\n<div style=\"\n  width:100%;\n  max-width:900px;\n  position:relative;\n  height:470px;\n  overflow:hidden;\n\">\n\n<style>\n\n@keyframes slideShow {\n  0%   {opacity:0; transform:translateX(80px);}\n  10%  {opacity:1; transform:translateX(0);}\n  30%  {opacity:1;}\n  40%  {opacity:0; transform:translateX(-80px);}\n  100% {opacity:0;}\n}\n\n.slide{\n  position:absolute;\n  inset:0;\n  opacity:0;\n  animation:slideShow 16s infinite;\n}\n\n.slide img{\n  width:100%;\n  height:330px;\n  object-fit:cover;\n  object-position:center;\n  border-radius:18px;\n  display:block;\n}\n\n\/* Ajuste espec\u00edfico para la imagen de valores *\/\n.slide.s2 img{\n  object-position:center top;\n}\n\n\/* TEXTO *\/\n.content{\n  text-align:center;\n  padding:14px 15px;\n}\n\n.title{\n  font-size:30px;\n  font-weight:900;\n  color:#0b5d3b;\n  margin-bottom:8px;\n}\n\n.text{\n  font-size:15px;\n  line-height:1.5;\n  color:#444;\n  max-width:700px;\n  margin:0 auto;\n}\n\n.highlight{\n  color:#1faa6a;\n  font-weight:900;\n}\n\n\/* TIEMPOS *\/\n.s1{animation-delay:0s;}\n.s2{animation-delay:4s;}\n.s3{animation-delay:8s;}\n.s4{animation-delay:12s;}\n\n<\/style>\n\n<!-- SLIDE 1 -->\n<div class=\"slide s1\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/Amparo-Iserte-1-1-scaled.jpg\">\n  <div class=\"content\">\n    <div class=\"title\">\u00bfQui\u00e9nes somos?<\/div>\n    <div class=\"text\">\n      Somos una compa\u00f1\u00eda de <span class=\"highlight\">animaci\u00f3n a la lectura, teatro y cuentacuentos<\/span>.\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- SLIDE 2 -->\n<div class=\"slide s2\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/valores3-e1777471833786.jpg\">\n  <div class=\"content\">\n    <div class=\"title\">\u00bfQu\u00e9 hacemos?<\/div>\n    <div class=\"text\">\n      Creamos experiencias culturales vivas que emocionan y educan.\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- SLIDE 3 -->\n<div class=\"slide s3\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/07\/Olivia2.png\">\n  <div class=\"content\">\n    <div class=\"title\">\u00bfQu\u00e9 queremos?<\/div>\n    <div class=\"text\">\n      Fomentar la imaginaci\u00f3n, la creatividad y el amor por la lectura.\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- SLIDE 4 -->\n<div class=\"slide s4\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/Rafa-5.jpeg\">\n  <div class=\"content\">\n    <div class=\"title\">\u00bfPor qu\u00e9 ContArte?<\/div>\n    <div class=\"text\">\n      Porque convertimos historias en experiencias que dejan huella.\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"\n  position:relative;\n  margin-top:00px;\n  padding:00px;\n  font-family:'Segoe UI', Arial, sans-serif;\n\">\n\n<style>\n@keyframes softReveal {\n  0% {\n    opacity:0;\n    transform:translateY(25px);\n    filter:blur(8px);\n  }\n  100% {\n    opacity:1;\n    transform:translateY(0);\n    filter:blur(0);\n  }\n}\n\n.anim-slow {\n  opacity:0;\n  animation:softReveal 1.6s 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  justify-content:center;\n\">\n\n  <div style=\"\n    text-align:center;\n    padding:20px;\n    max-width:520px;\n    width:100%;\n  \">\n\n    <h2 class=\"anim-slow delay1\" style=\"\n      font-size:30px;\n      font-weight:800;\n      margin:0;\n      color:#064e3b;\n      letter-spacing:0.5px;\n    \">\n      Nuestras Propuestas\n    <\/h2>\n\n    <div class=\"anim-slow delay2\" style=\"\n      width:80px;\n      height:4px;\n      margin:12px auto;\n      border-radius:3px;\n      background:linear-gradient(90deg,#0b5d3b,#1faa6a);\n    \"><\/div>\n\n    <p class=\"anim-slow delay3\" style=\"\n      font-size:14px;\n      color:#2f6b4f;\n      max-width:420px;\n      margin:0 auto;\n      font-weight:500;\n    \">\n      Se pueden adaptar a diferentes formatos y p\u00fablicos.\n    <\/p>\n\n  <\/div>\n\n<\/div>\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.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:default;\n  position:relative;\n\n  opacity:0;\n  transform:translateY(20px);\n  animation:cardIn 0.8s ease forwards;\n  transition:all 0.35s ease;\n  pointer-events:auto;\n}\n\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.c6{ animation-delay:1.7s; }\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.content{\n  padding:15px;\n  text-align:center;\n}\n\n\/* \u2705 TODOS LOS T\u00cdTULOS IGUALES *\/\n.title{\n  font-size:18px;\n  font-weight:800;\n  color:#0b5d3b;\n  margin-bottom:6px;\n  line-height:1.2;\n}\n\n.text{\n  font-size:13px;\n  color:#555;\n  line-height:1.5;\n  margin-bottom:12px;\n}\n\n.btn{\n  display:inline-block;\n  padding:7px 12px;\n  font-size:12px;\n  font-weight:700;\n  color:#0b5d3b;\n  border:1px solid #0b5d3b;\n  border-radius:8px;\n  text-decoration:none;\n  transition:0.3s;\n  position:relative;\n  z-index:10;\n}\n\n.btn:hover{\n  background:#0b5d3b;\n  color:#fff;\n}\n\n.card:hover{\n  transform:translateY(-12px) scale(1.05);\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.card:hover::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:radial-gradient(circle at center, rgba(31,170,106,0.18), transparent 70%);\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<!-- CARDS -->\n\n<div class=\"card c1\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/rafa-6.jpeg\">\n  <div class=\"content\">\n    <div class=\"title\">Teatro<\/div>\n    <div class=\"text\">Grandes obras de teatro con marionetas.<\/div>\n    <a class=\"btn\" href=\"https:\/\/contarte.es\/index.php\/teatro\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ver m\u00e1s<\/a>\n  <\/div>\n<\/div>\n\n<div class=\"card c2\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/07\/Rafa.png\">\n  <div class=\"content\">\n    <div class=\"title\">Cuentacuentos<\/div>\n    <div class=\"text\">Historias que fomentan la imaginaci\u00f3n.<\/div>\n    <a class=\"btn\" href=\"https:\/\/contarte.es\/index.php\/cuentacuentos\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ver m\u00e1s<\/a>\n  <\/div>\n<\/div>\n\n<div class=\"card c3\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/Amparo-Iserte-1-1-scaled.jpg\">\n  <div class=\"content\">\n    <div class=\"title\">Bebetecas<\/div>\n    <div class=\"text\">El teatro para los m\u00e1s peque\u00f1os.<\/div>\n    <a class=\"btn\" href=\"https:\/\/contarte.es\/index.php\/contratanos\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ver m\u00e1s<\/a>\n  <\/div>\n<\/div>\n\n<div class=\"card c4\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/05\/Escape-Room-ContArte-Biblioteca.png\">\n  <div class=\"content\">\n    <div class=\"title\">Escape Room<\/div>\n    <div class=\"text\">Aventuras cooperativas llenas de emoci\u00f3n.<\/div>\n    <a class=\"btn\" href=\"https:\/\/contarte.es\/index.php\/escape-rooms\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ver m\u00e1s<\/a>\n  <\/div>\n<\/div>\n\n<div class=\"card c5\">\n  <img decoding=\"async\" src=\"https:\/\/contarte.es\/wp-content\/uploads\/2026\/04\/librito-scaled.jpg\">\n  <div class=\"content\">\n    <div class=\"title\">Talleres<\/div>\n    <div class=\"text\">Creatividad y aprendizaje activo.<\/div>\n    <a class=\"btn\" href=\"https:\/\/contarte.es\/index.php\/talleres-y-actividades\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ver m\u00e1s<\/a>\n  <\/div>\n<\/div>\n\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\/* ===== CONTENEDOR FLEX PARA ALINEAR ===== *\/\n.botones-catalogo{\n  display:flex;\n  justify-content:center;\n  gap:20px; \/* separaci\u00f3n entre botones *\/\n  flex-wrap:wrap; \/* por si en m\u00f3vil se bajan *\/\n}\n\n\/* ===== ESTADO VIVO SUTIL ===== *\/\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 ===== *\/\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 *\/\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.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<div class=\"botones-catalogo\">\n\n  <!-- Bot\u00f3n castellano -->\n  <a href=\"https:\/\/drive.google.com\/file\/d\/1RQ_fiLCgrjKeEpRMwByV8HovkRCzOq0C\/view?usp=sharing\"\n     class=\"btn-catalogo\">\n     Descargar cat\u00e1logo castellano\n  <\/a>\n\n  <!-- Bot\u00f3n valenciano -->\n  <a href=\"https:\/\/drive.google.com\/file\/d\/1vkr6pOInYL2XQDaGsJmPnvdEIBGyVQDp\/view?usp=sharing\"\n     target=\"_blank\"\n     class=\"btn-catalogo\">\n     Descargar cat\u00e1logo valenciano\n  <\/a>\n\n<\/div>\n\n<\/div>\n\n\n\n<div style=\"\n  position:relative;\n  padding:80px 20px;\n  font-family:'Segoe UI', Arial, sans-serif;\n  overflow:hidden;\n\">\n\n<style>\n\n\/* =========================\n   TITULO\n========================= *\/\n\n@keyframes softReveal {\n  from {\n    opacity:0;\n    transform:translateY(25px);\n    filter:blur(8px);\n  }\n  to {\n    opacity:1;\n    transform:translateY(0);\n    filter:blur(0);\n  }\n}\n\n.title{\n  text-align:center;\n  font-size:clamp(26px, 4vw, 34px);\n  font-weight:800;\n  color:#0b5d3b;\n  margin:0;\n  animation:softReveal 1s ease-out forwards;\n}\n\n.line{\n  width:80px;\n  height:4px;\n  margin:14px auto 30px;\n  border-radius:3px;\n  background:linear-gradient(90deg,#0b5d3b,#1faa6a);\n  box-shadow:0 2px 8px rgba(31,170,106,0.25);\n  animation:softReveal 1.2s ease-out forwards;\n}\n\n\/* =========================\n   CARRUSEL VIDEO\n========================= *\/\n\n.videos{\n  display:flex;\n  gap:16px;\n  overflow-x:auto;\n  padding:10px 10px;\n  scroll-snap-type:x mandatory;\n  -webkit-overflow-scrolling:touch;\n}\n\n.video-card{\n  min-width:260px;\n  position:relative;\n  border-radius:16px;\n  overflow:hidden;\n  cursor:pointer;\n  scroll-snap-align:start;\n  box-shadow:0 10px 25px rgba(0,0,0,0.12);\n  transition:0.3s ease;\n}\n\n.video-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 18px 40px rgba(0,0,0,0.18);\n}\n\n.video-card img{\n  width:100%;\n  display:block;\n}\n\n\/* PLAY BUTTON *\/\n.play{\n  position:absolute;\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  width:64px;\n  height:64px;\n  border-radius:50%;\n  background:rgba(0,0,0,0.55);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#fff;\n  font-size:20px;\n  transition:0.3s ease;\n}\n\n.video-card:hover .play{\n  transform:translate(-50%,-50%) scale(1.1);\n  background:rgba(11,93,59,0.75);\n}\n\n\/* =========================\n   MODAL VIDEO\n========================= *\/\n\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.92);\n  justify-content:center;\n  align-items:center;\n  z-index:9999;\n}\n\n.modal-content{\n  width:90%;\n  max-width:800px;\n  position:relative;\n}\n\n.close{\n  position:absolute;\n  top:-45px;\n  right:0;\n  color:#fff;\n  font-size:32px;\n  cursor:pointer;\n}\n\niframe{\n  width:100%;\n  height:450px;\n  border-radius:12px;\n}\n\n@media (max-width:768px){\n  iframe{\n    height:260px;\n  }\n\n  .video-card{\n    min-width:220px;\n  }\n}\n\n<\/style>\n\n<div class=\"title\">Nuestro trabajo en acci\u00f3n<\/div>\n<div class=\"line\"><\/div>\n\n<div class=\"videos\">\n\n  <div class=\"video-card\" onclick=\"openVideo('AtQoCr0sShE')\">\n    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/AtQoCr0sShE\/hqdefault.jpg\">\n    <div class=\"play\">\u25b6<\/div>\n  <\/div>\n\n  <div class=\"video-card\" onclick=\"openVideo('R0BZ8BY33-M')\">\n    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/R0BZ8BY33-M\/hqdefault.jpg\">\n    <div class=\"play\">\u25b6<\/div>\n  <\/div>\n\n  <div class=\"video-card\" onclick=\"openVideo('tdUYI5ZiMFA')\">\n    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/tdUYI5ZiMFA\/hqdefault.jpg\">\n    <div class=\"play\">\u25b6<\/div>\n  <\/div>\n\n<\/div>\n\n<div id=\"videoModal\" class=\"modal\">\n  <div class=\"modal-content\">\n    <span class=\"close\" onclick=\"closeVideo()\">\u00d7<\/span>\n    <iframe id=\"videoFrame\" src=\"\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\n  <\/div>\n<\/div>\n\n<script>\n\nfunction openVideo(id){\n  document.getElementById(\"videoModal\").style.display = \"flex\";\n  document.getElementById(\"videoFrame\").src =\n    \"https:\/\/www.youtube.com\/embed\/\" + id + \"?autoplay=1\";\n}\n\nfunction closeVideo(){\n  document.getElementById(\"videoModal\").style.display = \"none\";\n  document.getElementById(\"videoFrame\").src = \"\";\n}\n\n<\/script>\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    Com\u00e9ntanos tus ideas\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 varias actividades<\/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 R\u00e1pida Respuesta \u00b7 FACIL CONTRATACI\u00d3N\n  <\/p>\n\n<\/div>\n\n<\/div>\n\n\n\n<div style=\"\n  position:relative;\n  padding:10px 20px;\n  font-family:'Segoe UI', Arial, sans-serif;\n  overflow:hidden;\n\">\n\n<style>\n\n\/* =========================\n   TITULO\n========================= *\/\n\n@keyframes softTitle {\n  from {\n    opacity:0;\n    transform:translateY(20px);\n  }\n  to {\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n.hero-title{\n  text-align:center;\n  font-size:clamp(28px, 4vw, 40px);\n  font-weight:800;\n  color:#0b5d3b;\n  margin:0 0 50px 0;\n  animation:softTitle 1s ease-out forwards;\n}\n\n\/* =========================\n   CARRUSEL\n========================= *\/\n\n.carousel{\n  overflow:hidden;\n  width:100%;\n}\n\n.track{\n  display:flex;\n  gap:16px;\n  width:max-content;\n  animation:scroll 24s linear infinite;\n}\n\n@keyframes scroll{\n  0% { transform:translateX(0); }\n  100% { transform:translateX(-50%); }\n}\n\n\/* =========================\n   RESE\u00d1A CARD\n========================= *\/\n\n.card{\n  width:280px;\n  background:#ffffff;\n  padding:18px 18px 16px;\n  border-radius:16px;\n  box-shadow:0 10px 25px rgba(0,0,0,0.07);\n  flex-shrink:0;\n  text-align:left;\n  transition:0.3s ease;\n}\n\n.card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 18px 40px rgba(0,0,0,0.12);\n}\n\n\/* estrellas *\/\n.stars{\n  color:#f5b301;\n  font-size:14px;\n  letter-spacing:1px;\n  margin-bottom:10px;\n}\n\n\/* texto rese\u00f1a *\/\n.card p{\n  font-size:14px;\n  color:#444;\n  line-height:1.5;\n  margin:0 0 12px 0;\n}\n\n\/* autor *\/\n.firma{\n  font-size:13px;\n  font-weight:700;\n  color:#0b5d3b;\n}\n\n\/* subtipo *\/\n.meta{\n  font-size:12px;\n  color:#888;\n  margin-top:2px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width:768px){\n  .card{\n    width:240px;\n  }\n}\n\n<\/style>\n\n<!-- =========================\n     TITULO\n========================= -->\n\n<div class=\"hero-title\">\n  Rese\u00f1as de nuestro trabajo\n<\/div>\n\n<!-- =========================\n     CARRUSEL\n========================= -->\n\n<div class=\"carousel\">\n\n  <div class=\"track\">\n\n    <div class=\"card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p>Una experiencia incre\u00edble, supieron conectar con los ni\u00f1os desde el primer minuto.<\/p>\n      <div class=\"firma\">CEIP<\/div>\n      <div class=\"meta\">Actividad educativa<\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p>Actividades muy din\u00e1micas y profesionales.<\/p>\n      <div class=\"firma\">Biblioteca Municipal<\/div>\n      <div class=\"meta\">Animaci\u00f3n lectora<\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p>Gran implicaci\u00f3n y calidad art\u00edstica. El p\u00fablico disfrut\u00f3 much\u00edsimo.<\/p>\n      <div class=\"firma\">Ayuntamiento<\/div>\n      <div class=\"meta\">Programaci\u00f3n cultural<\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n      <p>Nos divertimos mucho con el Escape Room fallero, Salvamos la masclet\u00e0.<\/p>\n      <div class=\"firma\">Falla Valencia<\/div>\n      <div class=\"meta\">Evento familiar<\/div>\n    <\/div>\n\n    <!-- duplicados para loop -->\n    <div class=\"card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p>Una experiencia incre\u00edble, supieron conectar con los ni\u00f1os desde el primer minuto.<\/p>\n      <div class=\"firma\">CEIP<\/div>\n      <div class=\"meta\">Actividad educativa<\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p>Actividades muy din\u00e1micas y profesionales.<\/p>\n      <div class=\"firma\">Biblioteca Municipal<\/div>\n      <div class=\"meta\">Animaci\u00f3n lectora<\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p>Gran implicaci\u00f3n y calidad art\u00edstica. El p\u00fablico disfrut\u00f3 much\u00edsimo.<\/p>\n      <div class=\"firma\">Ayuntamiento<\/div>\n      <div class=\"meta\">Programaci\u00f3n cultural<\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n      <p>Nos divertimos mucho con el Escape Room fallero, Salvamos la masclet\u00e0.<\/p>\n      <div class=\"firma\">Falla Valencia<\/div>\n      <div class=\"meta\">Evento familiar<\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>El arte de contar cuentos \u00bfQui\u00e9nes somos? Somos una compa\u00f1\u00eda de animaci\u00f3n a la lectura, teatro y cuentacuentos. \u00bfQu\u00e9 hacemos? Creamos experiencias culturales vivas que emocionan y educan. \u00bfQu\u00e9 queremos? Fomentar la imaginaci\u00f3n, la creatividad y el amor por la lectura. \u00bfPor qu\u00e9 ContArte? Porque convertimos historias en experiencias que dejan huella. Nuestras Propuestas Se [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"home-panels.php","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/19","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=19"}],"version-history":[{"count":450,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":1283,"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/1283"}],"wp:attachment":[{"href":"https:\/\/contarte.es\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}