{"id":59,"date":"2026-01-21T05:16:13","date_gmt":"2026-01-21T05:16:13","guid":{"rendered":"https:\/\/mivozporlatuya.org\/demo\/?page_id=59"},"modified":"2026-08-07T20:36:12","modified_gmt":"2026-08-07T20:36:12","slug":"voluntariado-2","status":"publish","type":"page","link":"https:\/\/mivozporlatuya.org\/demo\/voluntariado-2\/","title":{"rendered":"Voluntariado"},"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=\"vol-hero\">\n  <div class=\"vol-hero-inner\">\n\n    <!-- FIGURITAS -->\n    <span class=\"vol-shape s1\"><\/span>\n    <span class=\"vol-shape s2\"><\/span>\n\n    <div class=\"vol-hero-content\">\n      <h1>Queremos conocerte<\/h1>\n      <p>\n        En <strong>Mi Voz Por La Tuya<\/strong> siempre hay espacio<br>\n        para alguien con ganas de ayudar.\n      <\/p>\n    <\/div>\n\n    <div class=\"vol-hero-image\">\n      <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/Voluntarias-removebg-preview.png\" alt=\"Voluntariado\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<section class=\"vol-section\">\n  <h2>Gracias por tu inter\u00e9s \ud83d\udc99<\/h2>\n\n  <p>\n    Mi Voz Por La Tuya espera con mucha ilusi\u00f3n poder contar contigo.\n    Cada persona que se suma representa una nueva oportunidad para\n    cambiar una historia, brindar cuidado y dar esperanza a quienes\n    no pueden pedir ayuda por s\u00ed mismos.\n  <\/p>\n\n  <p>\n    No importa si tienes mucho o poco tiempo, lo valioso es la intenci\u00f3n.\n    Nos encantar\u00eda saber m\u00e1s de ti y por qu\u00e9 deseas formar parte de nuestro equipo.\n  <\/p>\n<\/section>\n\n<section class=\"vol-section vol-form-section\">\n  <h2>Formulario de voluntariado<\/h2>\n\n  <form class=\"vol-form\">\n    <div class=\"vol-field\">\n      <label>Nombre completo<\/label>\n      <input type=\"text\" placeholder=\"Tu nombre\" required>\n    <\/div>\n\n    <div class=\"vol-field\">\n      <label>Tel\u00e9fono \/ WhatsApp<\/label>\n      <input type=\"tel\" placeholder=\"Tu n\u00famero de contacto\" required>\n    <\/div>\n\n    <div class=\"vol-field\">\n      <label>\u00bfPor qu\u00e9 te gustar\u00eda ser voluntario(a)?<\/label>\n      <textarea rows=\"4\" placeholder=\"Cu\u00e9ntanos un poco sobre ti\" required><\/textarea>\n    <\/div>\n\n    <button type=\"submit\" class=\"vol-submit\">\n      Enviar informaci\u00f3n\n    <\/button>\n  <\/form>\n\n  <div class=\"vol-alt\">\n    <p>\u00bfPrefieres escribirnos directamente?<\/p>\n    <a href=\"https:\/\/wa.me\/50254812962\" target=\"_blank\" class=\"vol-whatsapp\">\n      Cont\u00e1ctanos por WhatsApp\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n\/* ===== HERO PEQUE\u00d1O ===== *\/\n.vol-hero {\n  background: linear-gradient(135deg,#eef6d8,#dff1c1);\n  position: relative;\n  overflow: hidden;\n}\n\n.vol-hero-inner {\n  min-height: 45vh;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 3rem 6vw;\n  gap: 2rem;\n  position: relative;\n}\n\n\/* ===== FIGURITAS ===== *\/\n.vol-shape {\n  position: absolute;\n  border-radius: 50%;\n  opacity: .25;\n  pointer-events: none;\n}\n\n.vol-shape.s1 {\n  width: 160px;\n  height: 160px;\n  background: #ffffff;\n  top: 30px;\n  left: 50px;\n}\n\n.vol-shape.s2 {\n  width: 120px;\n  height: 120px;\n  background: #ff7a18;\n  bottom: 40px;\n  right: 35%;\n}\n\n\/* ===== HERO TEXT ===== *\/\n.vol-hero-content {\n  max-width: 520px;\n  z-index: 2;\n}\n\n.vol-hero-content h1 {\n  font-size: clamp(2rem, 4vw, 2.8rem);\n  font-weight: 900;\n  color: #0f2f4f;\n}\n\n.vol-hero-content p {\n  font-size: 1.05rem;\n  color: #3b556d;\n  margin-top: 1rem;\n}\n\n\/* ===== HERO IMAGE ===== *\/\n.vol-hero-image {\n  width: 28%;\n  z-index: 2;\n}\n\n.vol-hero-image img {\n  width: 100%;\n  max-width: 360px;\n}\n\n\/* ===== SECTIONS ===== *\/\n.vol-section {\n  padding: 3.5rem 6vw;\n}\n\n.vol-section h2 {\n  color: #0f2f4f;\n  font-size: 1.9rem;\n  margin-bottom: 1.2rem;\n}\n\n.vol-section p {\n  color: #3b556d;\n  line-height: 1.7;\n  max-width: 780px;\n}\n\n\/* ===== FORM ===== *\/\n.vol-form-section {\n  background: #f7fafc;\n}\n\n.vol-form {\n  max-width: 520px;\n  margin-top: 2rem;\n}\n\n.vol-field {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 1.5rem;\n}\n\n.vol-field label {\n  font-weight: 600;\n  margin-bottom: .4rem;\n  color: #0f2f4f;\n}\n\n.vol-field input,\n.vol-field textarea {\n  padding: .7rem .9rem;\n  border-radius: 8px;\n  border: 1px solid rgba(15,47,79,.2);\n  font-size: .95rem;\n}\n\n.vol-submit {\n  background: #0f2f4f;\n  color: #fff;\n  border: none;\n  padding: .8rem 1.6rem;\n  border-radius: 999px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n\/* ===== WHATSAPP ===== *\/\n.vol-alt {\n  margin-top: 2rem;\n}\n\n.vol-alt p {\n  margin-bottom: .6rem;\n}\n\n.vol-whatsapp {\n  display: inline-block;\n  background: #25d366;\n  color: #fff;\n  padding: .7rem 1.5rem;\n  border-radius: 999px;\n  font-weight: 600;\n  text-decoration: none;\n}\n\n\/* ===== MOBILE ===== *\/\n@media (max-width: 900px) {\n  .vol-hero-inner {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .vol-hero-image {\n    width: 65%;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Inicio \u00bfQui\u00e9nes somos? Adopciones Voluntariado Donaciones Queremos conocerte En Mi Voz Por La Tuya siempre hay espacio para alguien con ganas de ayudar. Gracias por tu inter\u00e9s \ud83d\udc99 Mi Voz Por La Tuya espera con mucha ilusi\u00f3n poder contar contigo. Cada persona que se suma representa una nueva oportunidad para cambiar una historia, brindar cuidado&#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-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/59","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=59"}],"version-history":[{"count":4,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/59\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}