{"id":198,"date":"2026-08-07T14:59:47","date_gmt":"2026-08-07T14:59:47","guid":{"rendered":"https:\/\/mivozporlatuya.org\/demo\/?page_id=198"},"modified":"2026-08-07T15:03:43","modified_gmt":"2026-08-07T15:03:43","slug":"adopcion-igor","status":"publish","type":"page","link":"https:\/\/mivozporlatuya.org\/demo\/adopcion-igor\/","title":{"rendered":"adopcion-igor"},"content":{"rendered":"\n<!-- =====================================================================\n     PLANTILLA: p\u00e1gina de detalle de un perro en adopci\u00f3n.\n\n     C\u00d3MO USARLA:\n     1) En WordPress, crea una p\u00e1gina nueva (ej: \"Adopci\u00f3n - Nombre\").\n        La URL\/slug debe coincidir con el href que pusiste en la tarjeta\n        del listado (ej: \/adopcion-igor\/).\n     2) Pega este bloque completo en un bloque \"HTML personalizado\".\n     3) Cambia: nombre, foto principal, fotos de galer\u00eda, descripci\u00f3n,\n        y los datos r\u00e1pidos (edad, tama\u00f1o, sexo, etc).\n     4) Para el pr\u00f3ximo perro: duplica esta misma p\u00e1gina desde WordPress\n        (o vuelve a pegar este bloque en una p\u00e1gina nueva) y repite.\n===================================================================== -->\n\n<section class=\"perfil-hero\">\n  <div class=\"perfil-hero-inner\">\n    <div class=\"perfil-foto-principal\">\n      <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/Igor-scaled.jpg\" alt=\"Igor\">\n    <\/div>\n    <div class=\"perfil-hero-info\">\n      <a href=\"\/adopcion\/\" class=\"perfil-volver\">\u2190 Volver a adopciones<\/a>\n      <h1>Igor<\/h1>\n      <div class=\"perfil-datos\">\n        <span>\ud83d\udc3e Edad: 2 a\u00f1os<\/span>\n        <span>\u2696\ufe0f Tama\u00f1o: Mediano<\/span>\n        <span>\u2642 Sexo: Macho<\/span>\n        <span>\ud83d\udc89 Vacunado<\/span>\n        <span>\u2702\ufe0f Esterilizado<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"perfil-section\">\n  <div class=\"perfil-box\">\n    <h2>Sobre Igor<\/h2>\n    <p>\n      Igor fue encontrado solo en las calles del casco urbano. Hoy es un\n      perrito noble, protector e inteligente, listo para formar parte de\n      una familia. Le encanta jugar al aire libre, es muy obediente y se\n      lleva bien con otros perros.\n    <\/p>\n    <p>\n      Ha sido desparasitado, vacunado y est\u00e1 en \u00f3ptimas condiciones de\n      salud, listo para su nuevo hogar.\n    <\/p>\n  <\/div>\n<\/section>\n\n<section class=\"perfil-section perfil-soft\">\n  <div class=\"perfil-box\">\n    <h2>Galer\u00eda<\/h2>\n    <div class=\"perfil-galeria\">\n      <!-- Agrega o quita <img> seg\u00fan las fotos que tengas de este perro -->\n      <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/Igor-scaled.jpg\" alt=\"Igor foto 1\">\n      <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/Igor-scaled.jpg\" alt=\"Igor foto 2\">\n      <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/Igor-scaled.jpg\" alt=\"Igor foto 3\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FORMULARIO DE ADOPCI\u00d3N -->\n<section class=\"perfil-section perfil-form-section\">\n  <div class=\"perfil-form-box\">\n    <h2>Solicitar adopci\u00f3n de Igor<\/h2>\n    <p>\n      Completa el siguiente formulario y nos pondremos en contacto\n      contigo lo antes posible.\n    <\/p>\n\n    <form class=\"perfil-form\">\n      <!-- Campo oculto para identificar de qu\u00e9 perro es la solicitud -->\n      <input type=\"hidden\" name=\"perro\" value=\"Igor\">\n\n      <div class=\"perfil-field\">\n        <label>Nombre completo<\/label>\n        <input type=\"text\" placeholder=\"Tu nombre\" required>\n      <\/div>\n\n      <div class=\"perfil-field\">\n        <label>Tel\u00e9fono<\/label>\n        <input type=\"tel\" placeholder=\"Tu n\u00famero de tel\u00e9fono\" required>\n      <\/div>\n\n      <div class=\"perfil-field\">\n        <label>Correo electr\u00f3nico<\/label>\n        <input type=\"email\" placeholder=\"Tu correo\" required>\n      <\/div>\n\n      <div class=\"perfil-field\">\n        <label>\u00bfPor qu\u00e9 deseas adoptar a Igor?<\/label>\n        <textarea rows=\"4\" placeholder=\"Cu\u00e9ntanos tus motivos\" required><\/textarea>\n      <\/div>\n\n      <button type=\"submit\" class=\"perfil-submit\">\n        Enviar solicitud\n      <\/button>\n    <\/form>\n  <\/div>\n<\/section>\n\n<style>\n\/* ===== HERO DE PERFIL ===== *\/\n.perfil-hero {\n  background: linear-gradient(90deg,#ede0c5 0%,#ffbc82 55%,#f5d5b4 90%);\n  padding: 3rem 6vw;\n}\n\n.perfil-hero-inner {\n  max-width: 1100px;\n  margin: auto;\n  display: flex;\n  gap: 2.5rem;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.perfil-foto-principal {\n  flex: 1 1 320px;\n  max-width: 420px;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 18px 34px rgba(0,0,0,.15);\n}\n\n.perfil-foto-principal img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.perfil-hero-info {\n  flex: 1 1 320px;\n}\n\n.perfil-volver {\n  display: inline-block;\n  color: #0f2f4f;\n  text-decoration: none;\n  font-weight: 600;\n  margin-bottom: 1rem;\n  opacity: .8;\n}\n.perfil-volver:hover { opacity: 1; }\n\n.perfil-hero-info h1 {\n  color: #0f2f4f;\n  font-size: clamp(2rem,4vw,2.8rem);\n  font-weight: 900;\n  margin-bottom: 1rem;\n}\n\n.perfil-datos {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .6rem;\n}\n\n.perfil-datos span {\n  background: #fff;\n  color: #0f2f4f;\n  font-weight: 600;\n  font-size: .9rem;\n  padding: .5rem .9rem;\n  border-radius: 999px;\n  box-shadow: 0 6px 14px rgba(0,0,0,.06);\n}\n\n\/* ===== SECTIONS ===== *\/\n.perfil-section {\n  padding: 3rem 6vw;\n}\n\n.perfil-soft {\n  background: #f7fafc;\n}\n\n.perfil-box {\n  max-width: 820px;\n  margin: auto;\n  background: #fff;\n  padding: 2.4rem;\n  border-radius: 18px;\n  box-shadow: 0 14px 30px rgba(0,0,0,.06);\n}\n\n.perfil-box h2 {\n  color: #0f2f4f;\n  margin-bottom: 1rem;\n}\n\n.perfil-box p {\n  color: #3b556d;\n  line-height: 1.7;\n  margin-bottom: 1rem;\n}\n\n\/* ===== GALER\u00cdA ===== *\/\n.perfil-galeria {\n  display: grid;\n  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));\n  gap: 14px;\n  margin-top: 1rem;\n}\n\n.perfil-galeria img {\n  width: 100%;\n  height: 180px;\n  object-fit: cover;\n  border-radius: 14px;\n  box-shadow: 0 10px 20px rgba(0,0,0,.1);\n}\n\n\/* ===== FORMULARIO ===== *\/\n.perfil-form-section {\n  background: #fff;\n}\n\n.perfil-form-box {\n  max-width: 720px;\n  margin: auto;\n  background: #f9fbfd;\n  padding: 2.6rem;\n  border-radius: 20px;\n  box-shadow: 0 18px 40px rgba(0,0,0,.08);\n}\n\n.perfil-form-box h2 {\n  color: #0f2f4f;\n  margin-bottom: .8rem;\n}\n\n.perfil-form-box p {\n  color: #3b556d;\n  margin-bottom: 1.8rem;\n  line-height: 1.6;\n}\n\n.perfil-form {\n  display: grid;\n  gap: 1.4rem;\n}\n\n.perfil-field {\n  display: flex;\n  flex-direction: column;\n}\n\n.perfil-field label {\n  font-weight: 600;\n  margin-bottom: .4rem;\n  color: #0f2f4f;\n}\n\n.perfil-field input,\n.perfil-field textarea {\n  padding: .8rem 1rem;\n  border-radius: 10px;\n  border: 1px solid rgba(15,47,79,.25);\n  font-size: .95rem;\n  resize: none;\n}\n\n.perfil-field input:focus,\n.perfil-field textarea:focus {\n  outline: none;\n  border-color: #ff7a18;\n}\n\n.perfil-submit {\n  margin-top: .8rem;\n  align-self: flex-start;\n  background: #0f2f4f;\n  color: #fff;\n  border: none;\n  padding: .8rem 1.8rem;\n  border-radius: 999px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n\n.perfil-submit:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(0,0,0,.15);\n}\n\n\/* ===== MOBILE ===== *\/\n@media(max-width:700px){\n  .perfil-hero-inner {\n    flex-direction: column;\n    text-align: center;\n  }\n  .perfil-datos {\n    justify-content: center;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 Volver a adopciones Igor \ud83d\udc3e Edad: 2 a\u00f1os \u2696\ufe0f Tama\u00f1o: Mediano \u2642 Sexo: Macho \ud83d\udc89 Vacunado \u2702\ufe0f Esterilizado Sobre Igor Igor fue encontrado solo en las calles del casco urbano. Hoy es un perrito noble, protector e inteligente, listo para formar parte de una familia. Le encanta jugar al aire libre, es muy obediente&#8230;<\/p>\n","protected":false},"author":1,"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-198","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/198","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/comments?post=198"}],"version-history":[{"count":3,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/198\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/198\/revisions\/202"}],"wp:attachment":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/media?parent=198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}