{"id":45,"date":"2026-01-21T05:14:11","date_gmt":"2026-01-21T05:14:11","guid":{"rendered":"https:\/\/mivozporlatuya.org\/demo\/?page_id=45"},"modified":"2026-08-07T21:02:02","modified_gmt":"2026-08-07T21:02:02","slug":"inicio-2","status":"publish","type":"page","link":"https:\/\/mivozporlatuya.org\/demo\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<div class=\"mv-header\" id=\"mv-header\">\n  <div class=\"mv-header-inner\">\n\n    <a href=\"https:\/\/mivozporlatuya.org\/demo\" class=\"mv-logo\">\n      <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/logito.png\" alt=\"Mi Voz Por La Tuya\">\n    <\/a>\n\n    <ul class=\"mv-nav\" id=\"mv-nav\">\n      <li><a href=\"https:\/\/mivozporlatuya.org\/demo\">Inicio<\/a><\/li>\n      <li><a href=\"https:\/\/mivozporlatuya.org\/demo\/quienes-somos-2\">\u00bfQui\u00e9nes somos?<\/a><\/li>\n      <li><a href=\"https:\/\/mivozporlatuya.org\/demo\/Adopciones\">Adopciones<\/a><\/li>\n      <li><a href=\"https:\/\/mivozporlatuya.org\/demo\/voluntariado-2\">Voluntariado<\/a><\/li>\n      <li><a href=\"https:\/\/mivozporlatuya.org\/demo\/donaciones-2\">Donaciones<\/a><\/li>\n    <\/ul>\n\n    <button class=\"mv-menu-toggle\" id=\"mv-menu-toggle\" type=\"button\" aria-label=\"Abrir men\u00fa\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n\n  <\/div>\n<\/div>\n\n<style>\n\/* Reset absoluto de herencia *\/\n#mv-header, #mv-header * {\n  box-sizing: border-box !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n  border: none !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  outline: none !important;\n  float: none !important;\n  clear: both !important;\n}\n\n#mv-header {\n  position: sticky !important;\n  top: 0 !important;\n  left: 0 !important;\n  z-index: 9999999 !important;\n  width: 100% !important;\n  background-color: #ff7a18 !important;\n  box-shadow: 0 4px 14px rgba(0,0,0,.12) !important;\n  display: block !important;\n}\n\n#mv-header .mv-header-inner {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  padding: .8rem 5vw !important;\n  width: 100% !important;\n  position: relative !important;\n  background-color: #ff7a18 !important;\n}\n\n\/* LOGO *\/\n#mv-header a.mv-logo {\n  display: inline-flex !important;\n  align-items: center !important;\n  background-color: #ffffff !important;\n  border-radius: 10px !important;\n  padding: .45rem .9rem !important;\n  text-decoration: none !important;\n  flex-shrink: 0 !important;\n}\n\n#mv-header a.mv-logo img {\n  height: 42px !important;\n  width: auto !important;\n  display: block !important;\n}\n\n\/* DESKTOP NAV *\/\n#mv-header ul.mv-nav {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  gap: .6rem !important;\n  margin-left: 15rem !important;\n  background: transparent !important;\n}\n\n#mv-header ul.mv-nav > li {\n  display: inline-block !important;\n  height: auto !important;\n  width: auto !important;\n}\n\n#mv-header ul.mv-nav > li > a {\n  display: inline-block !important;\n  color: #ffffff !important;\n  font-weight: 600 !important;\n  font-size: .95rem !important;\n  padding: .6rem 1.1rem !important;\n  border-radius: 8px !important;\n  text-decoration: none !important;\n  white-space: nowrap !important;\n  background: transparent !important;\n}\n\n#mv-header ul.mv-nav > li > a:hover {\n  background-color: #0f2f4f !important;\n  color: #ffffff !important;\n}\n\n\/* BOT\u00d3N HAMBURGUESA *\/\n#mv-header button.mv-menu-toggle {\n  display: none !important;\n  flex-direction: column !important;\n  justify-content: center !important;\n  align-items: center !important;\n  gap: 5px !important;\n  width: 40px !important;\n  height: 40px !important;\n  background: transparent !important;\n  cursor: pointer !important;\n  z-index: 10000001 !important;\n}\n\n#mv-header button.mv-menu-toggle > span {\n  display: block !important;\n  width: 26px !important;\n  height: 3px !important;\n  background-color: #ffffff !important;\n  border-radius: 2px !important;\n}\n\n\/* M\u00d3VILES (< 900px) *\/\n@media screen and (max-width: 900px) {\n  #mv-header button.mv-menu-toggle {\n    display: flex !important;\n  }\n\n  #mv-header ul.mv-nav {\n    display: none !important; \/* Oculto por defecto *\/\n    flex-direction: column !important;\n    position: absolute !important;\n    top: 100% !important;\n    left: 0 !important;\n    width: 100% !important;\n    \n    \/* FORZAR FONDO AZUL S\u00d3LIDO Y SOBREPOSICI\u00d3N *\/\n    background-color: #0f2f4f !important; \n    background: #0f2f4f !important;\n    z-index: 10000000 !important;\n    \n    box-shadow: 0 12px 24px rgba(0,0,0,0.4) !important;\n    padding: 0 !important;\n  }\n\n  \/* Cuando se abre el men\u00fa *\/\n  #mv-header ul.mv-nav.mv-open {\n    display: flex !important;\n  }\n\n  #mv-header ul.mv-nav > li {\n    display: block !important;\n    width: 100% !important;\n    background-color: #0f2f4f !important; \/* Fondo en los <li> *\/\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n  }\n\n  #mv-header ul.mv-nav > li > a {\n    display: block !important;\n    width: 100% !important;\n    padding: 1.1rem 6vw !important;\n    border-radius: 0 !important;\n    color: #ffffff !important;\n    text-align: left !important;\n    background-color: #0f2f4f !important; \/* Fondo en los enlaces *\/\n  }\n\n  \/* Color Naranja al presionar\/pasar el dedo *\/\n  #mv-header ul.mv-nav > li > a:hover,\n  #mv-header ul.mv-nav > li > a:active {\n    background-color: #ff7a18 !important;\n    color: #ffffff !important;\n  }\n}\n<\/style>\n\n<script>\n(function() {\n  function initHeaderMenu() {\n    var toggle = document.getElementById(\"mv-menu-toggle\");\n    var nav = document.getElementById(\"mv-nav\");\n\n    if (toggle && nav) {\n      toggle.onclick = function(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        if (nav.classList.contains(\"mv-open\")) {\n          nav.classList.remove(\"mv-open\");\n        } else {\n          nav.classList.add(\"mv-open\");\n        }\n      };\n\n      var links = nav.getElementsByTagName(\"a\");\n      for (var i = 0; i < links.length; i++) {\n        links[i].onclick = function() {\n          nav.classList.remove(\"mv-open\");\n        };\n      }\n    }\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initHeaderMenu);\n  } else {\n    initHeaderMenu();\n  }\n})();\n<\/script>\n\n\n\n<section class=\"mv-slider\">\n\n  <!-- SLIDE 1 -->\n  <div class=\"mv-slide active\" data-bg=\"linear-gradient(135deg,#eef6d8,#dff1c1)\">\n    <div class=\"mv-inner\">\n\n      <span class=\"mv-shape s1\"><\/span>\n      <span class=\"mv-shape s2\"><\/span>\n      <span class=\"mv-shape s3\"><\/span>\n\n      <div class=\"mv-content\">\n        <h1>La esperanza tambi\u00e9n tiene cuatro patas<\/h1>\n        <p>\n          Algunos llegaron con miedo, otros heridos.<br>\n          Todos con la misma esperanza: ser amados.\n        <\/p>\n        <a href=\"\/demo\/adopciones\" class=\"mv-btn\">S\u00e9 su h\u00e9roe<\/a>\n      <\/div>\n\n      <div class=\"mv-image\">\n        <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/perritos-removebg-preview.png\" alt=\"Rescate animal\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- SLIDE 2 -->\n  <div class=\"mv-slide\" data-bg=\"linear-gradient(135deg,#fff1e6,#ffd6b8)\">\n    <div class=\"mv-inner\">\n\n      <span class=\"mv-shape s1\"><\/span>\n      <span class=\"mv-shape s2\"><\/span>\n      <span class=\"mv-shape s3\"><\/span>\n\n      <div class=\"mv-content\">\n        <h1>Una segunda oportunidad<\/h1>\n        <p>\n          Cada rescate es una historia de amor,<br>\n          paciencia y compromiso.\n        <\/p>\n        <a href=\"\/demo\/voluntariado-2\" class=\"mv-btn\">\u00danete<\/a>\n      <\/div>\n\n      <div class=\"mv-image\">\n        <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/igor_2-removebg-preview.png\" alt=\"Adopci\u00f3n\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- SLIDE 3 -->\n  <div class=\"mv-slide\" data-bg=\"linear-gradient(135deg,#e8f4ff,#d6ebff)\">\n    <div class=\"mv-inner\">\n\n      <span class=\"mv-shape s1\"><\/span>\n      <span class=\"mv-shape s2\"><\/span>\n      <span class=\"mv-shape s3\"><\/span>\n\n      <div class=\"mv-content\">\n        <h1>Tu apoyo cambia vidas<\/h1>\n        <p>\n          Donar es transformar abandono<br>\n          en esperanza real.\n        <\/p>\n        <a href=\"demo\/donaciones-2\/\" class=\"mv-btn\">Donar<\/a>\n      <\/div>\n\n      <div class=\"mv-image\">\n        <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/Voluntarias-removebg-preview.png\" alt=\"Donaciones\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <button class=\"mv-nav prev\">\u2039<\/button>\n  <button class=\"mv-nav next\">\u203a<\/button>\n\n<\/section>\n\n<style>\n.entry-content > .mv-slider,\n.wp-block-html > .mv-slider {\n  margin-left: calc(-50vw + 50%);\n  margin-right: calc(-50vw + 50%);\n  width: 100vw;\n}\n\n.mv-slider {\n  position: relative;\n  min-height: 80vh;\n  overflow: hidden;\n  clip-path: polygon(\n    0 0,\n    100% 0,\n    100% 88%,\n    75% 94%,\n    50% 98%,\n    25% 94%,\n    0 88%\n  );\n}\n\n.mv-slide {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  transition: opacity .8s ease;\n}\n\n.mv-slide.active {\n  opacity: 1;\n  position: relative;\n  z-index: 2;\n}\n\n.mv-inner {\n  min-height: 80vh;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4rem 6vw;\n  gap: 2rem;\n  position: relative;\n}\n\n.mv-shape {\n  position: absolute;\n  border-radius: 50%;\n  opacity: .25;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.mv-shape.s1 { width:160px;height:160px;background:#fff;top:60px;left:40px; }\n.mv-shape.s2 { width:240px;height:240px;background:#ffb703;bottom:140px;left:22%; }\n.mv-shape.s3 { width:120px;height:120px;background:#ff7a18;top:80px;right:18%; }\n\n.mv-content {\n  width: 60%;\n  max-width: 560px;\n  position: relative;\n  z-index: 2;\n}\n.mv-content p {\n   font-size: 1.15rem;\n   line-height: 1.7;  \n   color: #244a6b; \n   margin: 1.5rem 0 2.2rem; \n}\n\n.mv-content h1 { \nfont-size: clamp(2.6rem, 4.5vw, 3.8rem);\n font-weight: 900; \ncolor: #0f2f4f;\n }\n\n.mv-image {\n  width: 40%;\n  z-index: 2;\n  opacity: 0;\n  transform: translateX(60px);\n  transition: all 1s ease;\n}\n\n.mv-slide.active .mv-image {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.mv-image img {\n  width: 100%;\n  max-width: 520px;\n}\n\n.mv-btn {\n  display: inline-block;\n  background: #ff7a18;\n  color: #fff;\n  padding: .8rem 1.8rem;\n  border-radius: 999px;\n  font-weight: 600;\n  text-decoration: none;\n}\n\n.mv-nav {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 20;\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  border: none;\n  background: #fff;\n  font-size: 1.8rem;\n  cursor: pointer;\n}\n\n.mv-nav.prev { left: 1rem; }\n.mv-nav.next { right: 1rem; }\n\n\/* ===== MOBILE ===== *\/\n@media (max-width: 900px) {\n  .mv-inner {\n    flex-direction: column;\n    text-align: center;\n    gap: 2rem;\n  }\n\n  .mv-content,\n  .mv-image {\n    width: 100%;\n  }\n\n  .mv-image img {\n    max-width: 300px;\n    margin: 0 auto;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const slider = document.querySelector('.mv-slider');\n  const slides = slider.querySelectorAll('.mv-slide');\n  const next = slider.querySelector('.mv-nav.next');\n  const prev = slider.querySelector('.mv-nav.prev');\n\n  let index = 0;\n\n  function show(i) {\n    slides.forEach(s => s.classList.remove('active'));\n    slides[i].classList.add('active');\n    slider.style.background = slides[i].dataset.bg;\n  }\n\n  next.addEventListener('click', () => {\n    index = (index + 1) % slides.length;\n    show(index);\n  });\n\n  prev.addEventListener('click', () => {\n    index = (index - 1 + slides.length) % slides.length;\n    show(index);\n  });\n\n  setInterval(() => {\n    index = (index + 1) % slides.length;\n    show(index);\n  }, 7000);\n\n  show(index);\n})();\n<\/script>\n\n\n\n<section class=\"mv-rescues\">\n  <div class=\"mv-rescues-header\">\n    <h2 class=\"mv-section-title\">Rescates<\/h2>\n    <p class=\"mv-section-subtitle\">\n      Cada historia es una vida que logramos cambiar. Conoce algunos de nuestros rescates.\n    <\/p>\n  <\/div>\n\n  <div class=\"mv-rescues-grid\">\n\n    <!-- ===== TARJETA 1 \u2014 copia este bloque completo para agregar otro caso ===== -->\n    <div class=\"mv-rescue-card\">\n      <div class=\"mv-rescue-img\">\n        <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/rescates\/viejita.png\" alt=\"anita\">\n        <span class=\"mv-rescue-badge\">En recuperacion<\/span>\n      <\/div>\n      <div class=\"mv-rescue-body\">\n        <h3>Anita<\/h3>\n        <p>\n          Tirada en la noche, esta anciana peluda fue reporta por vecinos que comentaban hab\u00eda sido atropellada y no pod\u00eda moverse \ud83d\ude13 al llegar a la cl\u00ednica nos comentaron que en realidad su debilidad y tambaleo de deb\u00eda a la desnutrici\u00f3n y edad tan avanzada que ten\u00eda en ambas \ud83d\ude2d.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== TARJETA 2 ===== -->\n    <div class=\"mv-rescue-card\">\n      <div class=\"mv-rescue-img\">\n        <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/rescates\/rs3.png\" alt=\"Rob\">\n        <span class=\"mv-rescue-badge\">En recuperacion<\/span>\n      <\/div>\n      <div class=\"mv-rescue-body\">\n        <h3>Rob<\/h3>\n        <p>\n          A este peque\u00f1o lo atropellaron en la madrugada dej\u00e1ndolo inm\u00f3vil, adolorido y sin esperanza. Lastimosamente muchas personas pasan al rededor de los animalitos atropellados y solo deciden ser indiferentes, pero cuando recibimos el llamado no pudimos dejar de pensar en lo duro que es no poder hablar ni decir el dolor que se siente.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ===== TARJETA 3 ===== -->\n    <div class=\"mv-rescue-card\">\n      <div class=\"mv-rescue-img\">\n        <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/rescates\/rs2.png\" alt=\"Frodo\">\n        <span class=\"mv-rescue-badge\">En recuperacion<\/span>\n      <\/div>\n      <div class=\"mv-rescue-body\">\n        <h3>Frodo<\/h3>\n        <p>\n         Muchos de los perros rescatados llegan en condiciones deplorables por haber sido atropellados o macheteados, este es uno y estas son las placas que se deben hacer para conocer los resultados.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Para agregar un caso nuevo, copia uno de estos bloques <div class=\"mv-rescue-card\">...<\/div>\n         completo, p\u00e9galo aqu\u00ed abajo, y cambia: imagen, nombre y descripci\u00f3n. No necesitas tocar el CSS. -->\n\n  <\/div>\n<\/section>\n\n<style>\n.mv-rescues {\n  padding: 6rem 6vw;\n  background: #ffffff;\n}\n\n.mv-rescues-header {\n  text-align: center;\n  margin-bottom: 3.5rem;\n}\n\n.mv-rescues .mv-section-title {\n  font-size: clamp(2rem, 3vw, 2.6rem);\n  font-weight: 800;\n  color: #0f2f4f;\n}\n\n.mv-rescues .mv-section-subtitle {\n  max-width: 640px;\n  margin: 1rem auto 0;\n  font-size: 1.1rem;\n  color: #4b6b88;\n}\n\n\/* Filas fijas de 3 columnas en escritorio.\n   Si agregas un cuarto, quinto... caso, simplemente pasan a la siguiente fila. *\/\n.mv-rescues-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 2.2rem;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.mv-rescue-card {\n  background: #f8fafc;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 16px 34px rgba(15,47,79,.1);\n  transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.mv-rescue-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 22px 40px rgba(15,47,79,.16);\n}\n\n.mv-rescue-img {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4 \/ 3;\n  overflow: hidden;\n  background: #e2ebf2;\n}\n\n.mv-rescue-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.mv-rescue-badge {\n  position: absolute;\n  top: .9rem;\n  left: .9rem;\n  background: #ff7a18;\n  color: #ffffff;\n  font-size: .78rem;\n  font-weight: 700;\n  padding: .35rem .8rem;\n  border-radius: 999px;\n  letter-spacing: .02em;\n}\n\n.mv-rescue-body {\n  padding: 1.6rem 1.5rem 1.8rem;\n}\n\n.mv-rescue-body h3 {\n  font-size: 1.25rem;\n  font-weight: 700;\n  color: #0f2f4f;\n  margin-bottom: .6rem;\n}\n\n.mv-rescue-body p {\n  font-size: .98rem;\n  line-height: 1.6;\n  color: #4b6b88;\n  margin: 0;\n}\n\n\/* Tablet: 2 columnas *\/\n@media (max-width: 900px) {\n  .mv-rescues {\n    padding: 4rem 6vw;\n  }\n  .mv-rescues-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* Mobile: 1 columna *\/\n@media (max-width: 560px) {\n  .mv-rescues {\n    padding: 3.5rem 6vw;\n  }\n  .mv-rescues-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n\n\n<section class=\"mv-goals\">\n  <div class=\"mv-goals-header\">\n    <h2 class=\"mv-section-title\">Nuestros Objetivos<\/h2>\n    <p class=\"mv-section-subtitle\">\n      El camino que seguimos para construir un futuro mejor para perros y gatos.\n    <\/p>\n  <\/div>\n  <div class=\"mv-goals-path\">\n    <div class=\"mv-goal-step\">\n      <div class=\"mv-goal-marker\">\n        <span class=\"mv-goal-icon\">\ud83c\udfe0<\/span>\n      <\/div>\n      <div class=\"mv-goal-text\">\n        <h3>Adopci\u00f3n responsable<\/h3>\n        <p>Fomentar la adopci\u00f3n responsable de perros y gatos.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"mv-goal-step\">\n      <div class=\"mv-goal-marker\">\n        <span class=\"mv-goal-icon\">\u2702\ufe0f<\/span>\n      <\/div>\n      <div class=\"mv-goal-text\">\n        <h3>Esterilizaci\u00f3n<\/h3>\n        <p>Promover jornadas de esterilizaci\u00f3n que contribuyan a minimizar la sobrepoblaci\u00f3n canina y felina.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"mv-goal-step\">\n      <div class=\"mv-goal-marker\">\n        <span class=\"mv-goal-icon\">\ud83d\udce2<\/span>\n      <\/div>\n      <div class=\"mv-goal-text\">\n        <h3>Concientizaci\u00f3n<\/h3>\n        <p>Coordinar acciones que permitan concientizar a la poblaci\u00f3n sobre maltrato y ley de bienestar animal.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.mv-goals {\n  padding: 6rem 6vw;\n  background: linear-gradient(135deg,#f0f7ff,#e6f1ff);\n}\n.mv-goals-header {\n  text-align: center;\n  margin-bottom: 4rem;\n}\n.mv-goals .mv-section-title {\n  font-size: clamp(2rem, 3vw, 2.6rem);\n  font-weight: 800;\n  color: #0f2f4f;\n}\n.mv-goals .mv-section-subtitle {\n  max-width: 640px;\n  margin: 1rem auto 0;\n  font-size: 1.1rem;\n  color: #4b6b88;\n}\n.mv-goals-path {\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  max-width: 1100px;\n  margin: 0 auto;\n  position: relative;\n}\n.mv-goal-step {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 0 1.5rem;\n  position: relative;\n}\n\/* L\u00ednea conectora *\/\n.mv-goal-step:not(:last-child)::after {\n  content: \"\";\n  position: absolute;\n  top: 34px;\n  left: calc(50% + 55px);\n  right: calc(-50% + 55px);\n  height: 2px;\n  background: repeating-linear-gradient(\n    to right,\n    #ff7a18 0,\n    #ff7a18 8px,\n    transparent 8px,\n    transparent 16px\n  );\n}\n.mv-goal-marker {\n  width: 68px;\n  height: 68px;\n  border-radius: 50%;\n  background: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 12px 28px rgba(15,47,79,.12);\n  border: 2px solid #ff7a18;\n  margin-bottom: 1.5rem;\n  z-index: 1;\n}\n.mv-goal-icon {\n  font-size: 1.8rem;\n}\n.mv-goal-text h3 {\n  font-size: 1.2rem;\n  font-weight: 700;\n  color: #0f2f4f;\n  margin-bottom: .6rem;\n}\n.mv-goal-text p {\n  font-size: .98rem;\n  line-height: 1.6;\n  color: #4b6b88;\n  max-width: 280px;\n}\n\n\/* Tablet *\/\n@media (max-width: 900px) {\n  .mv-goals {\n    padding: 4rem 6vw;\n  }\n  .mv-goals-path {\n    flex-direction: column;\n    align-items: center;\n    gap: 2.8rem;\n  }\n  .mv-goal-step {\n    padding: 0;\n  }\n  .mv-goal-step:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 68px;\n    left: 50%;\n    right: auto;\n    width: 2px;\n    height: 2.8rem;\n    background: repeating-linear-gradient(\n      to bottom,\n      #ff7a18 0,\n      #ff7a18 8px,\n      transparent 8px,\n      transparent 16px\n    );\n    transform: translateX(-50%);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 480px) {\n  .mv-goals {\n    padding: 3rem 5vw;\n  }\n  .mv-goal-marker {\n    width: 56px;\n    height: 56px;\n  }\n  .mv-goal-icon {\n    font-size: 1.5rem;\n  }\n  .mv-goal-text p {\n    max-width: 100%;\n  }\n}\n<\/style>\n\n\n\n<section class=\"donation-cta\">\n  <div class=\"donation-cta-content\">\n    <h2>Hoy puedes ser parte de algo m\u00e1s grande<\/h2>\n\n    <p>\n      Cada d\u00eda existen nuevas oportunidades para ayudar, cuidar y transformar vidas.\n      Algunas pasan desapercibidas\u2026 otras llegan justo en el momento indicado.\n    <\/p>\n\n    <p class=\"donation-highlight\">\n      Tal vez esta sea una de ellas.\n    <\/p>\n\n    <a href=\"demo\/donaciones-2\/\" class=\"donation-button\">\n      Quiero Apoyar\n    <\/a>\n  <\/div>\n\n  <!-- figuritas decorativas -->\n  <span class=\"donation-shape shape-1\"><\/span>\n  <span class=\"donation-shape shape-2\"><\/span>\n<\/section>\n\n<style>\n.donation-cta {\n  position: relative;\n  background: linear-gradient(135deg, #f8f4f1, #fffaf6);\n  padding: 90px 20px;\n  overflow: hidden;\n}\n\n.donation-cta-content {\n  max-width: 760px;\n  margin: 0 auto;\n  text-align: center;\n  position: relative;\n  z-index: 2;\n}\n\n.donation-cta h2 {\n  font-size: 38px;\n  font-weight: 800;\n    color: #0f2f4f;\n  margin-bottom: 22px;\n}\n\n.donation-cta p {\n  font-size: 17px;\n    color: #0f2f4f;\n  line-height: 1.75;\n  margin-bottom: 16px;\n}\n\n.donation-highlight {\n  font-weight: 600;\n  color: #4a4a4a;\n  font-size: 18px;\n}\n\n\/* CTA *\/\n.donation-button {\n  display: inline-block;\n  margin-top: 28px;\n  padding: 14px 40px;\n  background-color: #e07a5f;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 700;\n  text-decoration: none;\n  border-radius: 40px;\n  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n}\n\n.donation-button:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 14px 28px rgba(224, 122, 95, 0.35);\n  background-color: #d46a50;\n}\n\n\/* figuritas *\/\n.donation-shape {\n  position: absolute;\n  border-radius: 50%;\n  opacity: 0.14;\n}\n\n.shape-1 {\n  width: 220px;\n  height: 220px;\n  background: #e07a5f;\n  top: -80px;\n  left: -80px;\n}\n\n.shape-2 {\n  width: 160px;\n  height: 160px;\n  background: #81b29a;\n  bottom: -60px;\n  right: -60px;\n}\n\n\/* responsive *\/\n@media (max-width: 768px) {\n  .donation-cta h2 {\n    font-size: 30px;\n  }\n}\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Inicio \u00bfQui\u00e9nes somos? Adopciones Voluntariado Donaciones La esperanza tambi\u00e9n tiene cuatro patas Algunos llegaron con miedo, otros heridos. Todos con la misma esperanza: ser amados. S\u00e9 su h\u00e9roe Una segunda oportunidad Cada rescate es una historia de amor, paciencia y compromiso. \u00danete Tu apoyo cambia vidas Donar es transformar abandono en esperanza real. Donar \u2039&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":59,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/45\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}