{"id":61,"date":"2026-01-21T05:16:36","date_gmt":"2026-01-21T05:16:36","guid":{"rendered":"https:\/\/mivozporlatuya.org\/demo\/?page_id=61"},"modified":"2026-08-10T16:37:14","modified_gmt":"2026-08-10T16:37:14","slug":"adopciones","status":"publish","type":"page","link":"https:\/\/mivozporlatuya.org\/demo\/adopciones\/","title":{"rendered":"Adopciones"},"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=\"adop-hero\">\n  <div class=\"adop-hero-inner\">\n\n    <!-- FIGURITAS -->\n    <span class=\"adop-shape s1\"><\/span>\n    <span class=\"adop-shape s2\"><\/span>\n    <span class=\"adop-shape s3\"><\/span>\n\n    <div class=\"adop-hero-content\">\n      <h1>Adopciones<\/h1>\n      <p>\n        Adoptar no cambia solo una vida,<br>\n        cambia dos.\n      <\/p>\n    <\/div>\n\n    <div class=\"adop-hero-image\">\n      <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/Multimedia-removebg-preview.png\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<section class=\"adop-section\">\n  <div class=\"adop-box\">\n    <h2>\u00bfPor qu\u00e9 adoptar?<\/h2>\n    <p>\n      Al adoptar un perro o gato en situaci\u00f3n de calle,\n      contribuyes directamente a reducir la sobrepoblaci\u00f3n,\n      fomentas la educaci\u00f3n responsable y brindas una segunda\n      oportunidad a quienes nunca la tuvieron.\n    <\/p>\n    <p>\n      Adoptar es un acto de amor, conciencia y compromiso\n      que genera un impacto real en nuestra comunidad.\n    <\/p>\n  <\/div>\n<\/section>\n\n<section class=\"adop-section adop-soft\">\n  <div class=\"adop-grid\">\n\n    <!-- ============================================\n         TARJETA DE PERRO - copia este bloque completo\n         (desde <a class=\"adop-card\"> hasta <\/a>)\n         para agregar un perro nuevo. Solo cambia:\n         1) el href (link a su p\u00e1gina de detalle)\n         2) la imagen\n         3) el nombre y la descripci\u00f3n corta\n    ============================================= -->\n    <a class=\"adop-card\" href=\"\/demo\/adopcion-igor\/\">\n      <div class=\"adop-photo\">\n        <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/Igor-scaled.jpg\" alt=\"Igor\">\n      <\/div>\n      <div class=\"adop-info\">\n        <h3>IGOR<\/h3>\n        <p>\n          Igor fue encontrado solo en las calles del casco urbano.\n          Hoy es un perrito noble, protector e inteligente,\n          listo para formar parte de una familia.\n        <\/p>\n        <span class=\"adop-ver-mas\">Ver m\u00e1s \u2192<\/span>\n      <\/div>\n    <\/a>\n\n    <a class=\"adop-card\" href=\"\/demo\/adopcion-hann\/\">\n      <div class=\"adop-photo\">\n        <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/Hann.jpg\" alt=\"Hann\">\n      <\/div>\n      <div class=\"adop-info\">\n        <h3>HANN<\/h3>\n        <p>\n          Hann es amigable, amoroso y muy agradecido.\n          Ideal para un hogar donde el cari\u00f1o, paciencia y alegria\n          sean parte del d\u00eda a d\u00eda.\n        <\/p>\n        <span class=\"adop-ver-mas\">Ver m\u00e1s \u2192<\/span>\n      <\/div>\n    <\/a>\n\n    <a class=\"adop-card\" href=\"\/adopcion-mariita\/\">\n      <div class=\"adop-photo\">\n        <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-23-at-11.23.25-AM.jpeg\" alt=\"Mariita\">\n      <\/div>\n      <div class=\"adop-info\">\n        <h3>MARIITA<\/h3>\n        <p>\n          Mariita fue rescatada despues de haber sido atropellada, ahora es una cachorrita recuperada llena de amor a la cual le encanta la compa\u00f1\u00eda.\n        <\/p>\n        <span class=\"adop-ver-mas\">Ver m\u00e1s \u2192<\/span>\n      <\/div>\n    <\/a>\n\n<a class=\"adop-card\" href=\"\/demo\/adopcion-apu\/\">\n      <div class=\"adop-photo\">\n        <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/perros\/apu\/apu_port.jpeg\" alt=\"Apu\">\n      <\/div>\n      <div class=\"adop-info\">\n        <h3>APU<\/h3>\n        <p>\n          Apu es un bebe muy amigable rescatado de la carretera.\n        <\/p>\n        <span class=\"adop-ver-mas\">Ver m\u00e1s \u2192<\/span>\n      <\/div>\n    <\/a>\n    <!-- FIN TARJETA -->\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ===== HERO ===== *\/\n.adop-hero {\n  background: linear-gradient(90deg,#ede0c5 0%,#ffbc82 55%,#f5d5b4 90%);\n  overflow: hidden;\n  position: relative;\n}\n\n.adop-hero-inner {\n  height: 35%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 3rem 6vw;\n  gap: 2rem;\n}\n\n.adop-hero-content h1 {\n  font-size: clamp(2rem,4vw,2.8rem);\n  font-weight: 900;\n  color: #0f2f4f;\n}\n\n.adop-hero-content p {\n  color: #3b556d;\n  margin-top: .8rem;\n}\n\n.adop-hero-image {\n  width: 45%;\n}\n\n.adop-hero-image img {\n  width: 100%;\n  max-width: 420px;\n}\n\n\/* ===== FIGURITAS ===== *\/\n.adop-shape {\n  position: absolute;\n  border-radius: 50%;\n  opacity: .25;\n  animation: float 6s ease-in-out infinite;\n}\n\n.adop-shape.s1 {\n  width: 140px;\n  height: 140px;\n  background: #fff;\n  top: 30px;\n  left: 40px;\n}\n\n.adop-shape.s2 {\n  width: 110px;\n  height: 110px;\n  background: #ff7a18;\n  bottom: 30px;\n  right: 35%;\n}\n\n.adop-shape.s3 {\n  width: 90px;\n  height: 90px;\n  background: #c27e7e;\n  bottom: 60px;\n  right: 15%;\n}\n\n\/* ===== SECTIONS ===== *\/\n.adop-section {\n  padding: 3.5rem 6vw;\n}\n\n.adop-soft {\n  background: none;\n}\n\n\/* ===== BOX ===== *\/\n.adop-box {\n  max-width: 820px;\n  background: #fff;\n  padding: 2.4rem;\n  border-radius: 18px;\n  box-shadow: 0 14px 30px rgba(0,0,0,.06);\n  margin: 0 auto;\n}\n\n.adop-box h2 {\n  color: #0f2f4f;\n  margin-bottom: 1rem;\n}\n\n.adop-box p {\n  color: #3b556d;\n  line-height: 1.7;\n}\n\n\/* ===== GRID ===== *\/\n.adop-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit,minmax(260px,1fr));\n  gap: 30px;\n  max-width: 1100px;\n  margin: auto;\n}\n\n\/* ===== CARD (ahora es un <a>) ===== *\/\n.adop-card {\n  display: block;\n  background: #fff;\n  border-radius: 18px;\n  overflow: hidden;\n  box-shadow: 0 12px 25px rgba(0,0,0,.08);\n  text-decoration: none;\n  color: inherit;\n  transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.adop-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 18px 34px rgba(0,0,0,.14);\n}\n\n\/* FOTO *\/\n.adop-photo {\n  height: 240px;\n  overflow: hidden;\n}\n\n.adop-photo img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .4s ease;\n}\n\n.adop-card:hover .adop-photo img {\n  transform: scale(1.06);\n}\n\n\/* TEXTO *\/\n.adop-info {\n  padding: 20px;\n}\n\n.adop-info h3 {\n  color: #0f2f4f;\n  margin-bottom: .6rem;\n}\n\n.adop-info p {\n  color: #3b556d;\n  line-height: 1.6;\n  font-size: .95rem;\n  margin-bottom: .8rem;\n}\n\n.adop-ver-mas {\n  display: inline-block;\n  color: #ff7a18;\n  font-weight: 700;\n  font-size: .9rem;\n}\n\n\/* ===== ANIMACIONES ===== *\/\n@keyframes float {\n  0% { transform: translateY(0); }\n  50% { transform: translateY(-16px); }\n  100% { transform: translateY(0); }\n}\n\n\/* ===== MOBILE ===== *\/\n@media(max-width:900px){\n  .adop-hero-inner {\n    flex-direction: column;\n    text-align: center;\n  }\n  .adop-hero-image {\n    width: 65%;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Inicio \u00bfQui\u00e9nes somos? Adopciones Voluntariado Donaciones Adopciones Adoptar no cambia solo una vida, cambia dos. \u00bfPor qu\u00e9 adoptar? Al adoptar un perro o gato en situaci\u00f3n de calle, contribuyes directamente a reducir la sobrepoblaci\u00f3n, fomentas la educaci\u00f3n responsable y brindas una segunda oportunidad a quienes nunca la tuvieron. Adoptar es un acto de amor, conciencia&#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-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/61","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=61"}],"version-history":[{"count":15,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":256,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/61\/revisions\/256"}],"wp:attachment":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}