{"id":63,"date":"2026-01-21T05:16:51","date_gmt":"2026-01-21T05:16:51","guid":{"rendered":"https:\/\/mivozporlatuya.org\/demo\/?page_id=63"},"modified":"2026-01-23T16:18:18","modified_gmt":"2026-01-23T16:18:18","slug":"contacto","status":"publish","type":"page","link":"https:\/\/mivozporlatuya.org\/demo\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"\n<section class=\"contact-hero\">\n  <div class=\"contact-hero-inner\">\n\n    <!-- FIGURITAS -->\n    <span class=\"contact-shape s1\"><\/span>\n    <span class=\"contact-shape s2\"><\/span>\n\n    <div class=\"contact-hero-content\">\n      <h1>Hablemos<\/h1>\n      <p>\n        Si tienes dudas, ideas o simplemente<br>\n        quieres escribirnos, estamos aqu\u00ed.\n      <\/p>\n    <\/div>\n\n    <div class=\"contact-hero-image\">\n      <img decoding=\"async\" src=\"http:\/\/mivozporlatuya.org\/demo\/wp-content\/uploads\/2026\/01\/perritos-removebg-preview.png\" alt=\"Contacto\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<section class=\"contact-section\">\n  <div class=\"contact-box\">\n    <h2>Estamos para escucharte<\/h2>\n\n    <p>\n      En <strong>Mi Voz Por La Tuya<\/strong> creemos que cada mensaje cuenta.\n      Ya sea para apoyar, preguntar, proponer o simplemente conocer m\u00e1s\n      sobre nuestro trabajo, nos encantar\u00e1 saber de ti.\n    <\/p>\n  <\/div>\n<\/section>\n\n<section class=\"contact-section contact-form-section\">\n  <div class=\"contact-form-box\">\n    <h2>Escr\u00edbenos<\/h2>\n\n    <form class=\"contact-form\">\n      <div class=\"contact-field\">\n        <label>Nombre<\/label>\n        <input type=\"text\" placeholder=\"Tu nombre\" required>\n      <\/div>\n\n      <div class=\"contact-field\">\n        <label>Correo electr\u00f3nico<\/label>\n        <input type=\"email\" placeholder=\"Tu correo\" required>\n      <\/div>\n\n      <div class=\"contact-field\">\n        <label>Mensaje<\/label>\n        <textarea rows=\"4\" placeholder=\"Cu\u00e9ntanos en qu\u00e9 podemos ayudarte\" required><\/textarea>\n      <\/div>\n\n      <button type=\"submit\" class=\"contact-submit\">\n        Enviar mensaje\n      <\/button>\n    <\/form>\n\n    <div class=\"contact-alt\">\n      <p>\u00bfPrefieres algo m\u00e1s directo?<\/p>\n      <a href=\"https:\/\/wa.me\/50254812962\" target=\"_blank\" class=\"contact-whatsapp\">\n        Escr\u00edbenos por WhatsApp\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"contact-section contact-note\">\n  <div class=\"contact-box soft\">\n    <p>\n      Gracias por tomarte el tiempo de escribirnos.\n      Tu inter\u00e9s y apoyo significan mucho para quienes\n      no tienen voz, pero s\u00ed muchas ganas de vivir.\n    <\/p>\n  <\/div>\n<\/section>\n\n<style>\n\/* ===== HERO ===== *\/\n.contact-hero {\n  background: linear-gradient(135deg,#e8f4ff,#d6ebff);\n  position: relative;\n  overflow: hidden;\n}\n\n.contact-hero-inner {\n  min-height: 30;\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.contact-shape {\n  position: absolute;\n  border-radius: 50%;\n  opacity: .25;\n  pointer-events: none;\n}\n\n.contact-shape.s1 {\n  width: 150px;\n  height: 150px;\n  background: #ffffff;\n  top: 40px;\n  left: 50px;\n}\n\n.contact-shape.s2 {\n  width: 110px;\n  height: 110px;\n  background: #ff7a18;\n  bottom: 40px;\n  right: 35%;\n}\n\n\/* ===== HERO CONTENT ===== *\/\n.contact-hero-content {\n  max-width: 520px;\n  z-index: 2;\n}\n\n.contact-hero-content h1 {\n  font-size: clamp(2rem, 4vw, 2.8rem);\n  font-weight: 900;\n  color: #0f2f4f;\n}\n\n.contact-hero-content p {\n  font-size: 1.05rem;\n  color: #3b556d;\n  margin-top: 1rem;\n}\n\n\/* ===== HERO IMAGE ===== *\/\n.contact-hero-image {\n  width: 28%;\n  z-index: 2;\n}\n\n.contact-hero-image img {\n  width: 100%;\n  max-width: 360px;\n}\n\n\/* ===== SECTIONS ===== *\/\n.contact-section {\n  padding: 3.5rem 6vw;\n}\n\n\/* ===== TEXTURA \/ VOLUMEN ===== *\/\n.contact-box {\n  max-width: 780px;\n  background: #fff;\n  padding: 2.2rem;\n  border-radius: 18px;\n  box-shadow: 0 14px 30px rgba(0,0,0,.06);\n}\n\n.contact-box.soft {\n  background: #f9fbfd;\n}\n\n.contact-section h2 {\n  color: #0f2f4f;\n  font-size: 1.9rem;\n  margin-bottom: 1.2rem;\n}\n\n.contact-section p {\n  color: #3b556d;\n  line-height: 1.7;\n}\n\n\/* ===== FORM ===== *\/\n.contact-form-section {\n  background: #f7fafc;\n}\n\n.contact-form-box {\n  max-width: 560px;\n  background: #fff;\n  padding: 2.5rem;\n  border-radius: 20px;\n  box-shadow: 0 18px 40px rgba(0,0,0,.08);\n}\n\n.contact-form {\n  margin-top: 1.8rem;\n}\n\n.contact-field {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 1.5rem;\n}\n\n.contact-field label {\n  font-weight: 600;\n  margin-bottom: .4rem;\n  color: #0f2f4f;\n}\n\n.contact-field input,\n.contact-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.contact-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.contact-alt {\n  margin-top: 2rem;\n}\n\n.contact-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  .contact-hero-inner {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .contact-hero-image {\n    width: 65%;\n  }\n}\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>Hablemos Si tienes dudas, ideas o simplemente quieres escribirnos, estamos aqu\u00ed. Estamos para escucharte En Mi Voz Por La Tuya creemos que cada mensaje cuenta. Ya sea para apoyar, preguntar, proponer o simplemente conocer m\u00e1s sobre nuestro trabajo, nos encantar\u00e1 saber de ti. Escr\u00edbenos Nombre Correo electr\u00f3nico Mensaje Enviar mensaje \u00bfPrefieres algo m\u00e1s directo? Escr\u00edbenos&#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-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/63","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=63"}],"version-history":[{"count":3,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/pages\/63\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/mivozporlatuya.org\/demo\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}