{"id":543,"date":"2026-06-03T03:01:25","date_gmt":"2026-06-03T01:01:25","guid":{"rendered":"https:\/\/fundacioncfsq.org\/?page_id=543"},"modified":"2026-06-03T03:02:13","modified_gmt":"2026-06-03T01:02:13","slug":"contactenos","status":"publish","type":"page","link":"https:\/\/fundacioncfsq.org\/index.php\/contactenos\/","title":{"rendered":"Cont\u00e1ctenos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"543\" class=\"elementor elementor-543\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-9f37551 e-flex e-con-boxed e-con e-parent\" data-id=\"9f37551\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42d651b elementor-widget elementor-widget-html\" data-id=\"42d651b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     SECCI\u00d3N \"CONT\u00c1CTENOS\" - Fundaci\u00f3n BCHR\r\n     Para incrustar en WordPress: bloque \"HTML Personalizado\"\r\n     ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@300;400;600;700;800&family=Playfair+Display:wght@400;700&display=swap');\r\n\r\n:root {\r\n  --ct-magenta:  #cc00cc;\r\n  --ct-violet:   #8b00cc;\r\n  --ct-grad:     linear-gradient(135deg, #cc00cc, #8b00cc);\r\n  --ct-dark:     #1a1a1a;\r\n  --ct-text:     #444444;\r\n  --ct-muted:    #777777;\r\n  --ct-light:    #f7f4fb;\r\n  --ct-border:   #e5e5e5;\r\n  --ct-white:    #ffffff;\r\n}\r\n\r\n.ct-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.ct-wrap {\r\n  font-family: 'Raleway', sans-serif;\r\n  color: var(--ct-text);\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 20px 20px 70px;\r\n}\r\n\r\n\/* \u2500\u2500 Encabezado \u2500\u2500 *\/\r\n.ct-header {\r\n  text-align: center;\r\n  margin-bottom: 52px;\r\n}\r\n.ct-label {\r\n  display: inline-block;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 3.5px;\r\n  text-transform: uppercase;\r\n  background: var(--ct-grad);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  margin-bottom: 12px;\r\n}\r\n.ct-header h2 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(2rem, 4vw, 2.7rem);\r\n  font-weight: 700;\r\n  color: var(--ct-dark);\r\n  margin-bottom: 14px;\r\n  line-height: 1.2;\r\n}\r\n.ct-header h2 span {\r\n  background: var(--ct-grad);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n.ct-header p {\r\n  font-size: 0.97rem;\r\n  color: var(--ct-muted);\r\n  max-width: 520px;\r\n  margin: 0 auto 18px;\r\n  line-height: 1.8;\r\n  font-weight: 300;\r\n}\r\n.ct-rule {\r\n  width: 56px;\r\n  height: 3px;\r\n  background: var(--ct-grad);\r\n  border-radius: 2px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 Layout principal \u2500\u2500 *\/\r\n.ct-main {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 32px;\r\n  align-items: start;\r\n}\r\n@media (max-width: 768px) {\r\n  .ct-main { grid-template-columns: 1fr; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FORMULARIO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ct-form-box {\r\n  background: var(--ct-white);\r\n  border: 1px solid var(--ct-border);\r\n  border-radius: 8px;\r\n  padding: 40px 36px;\r\n  box-shadow: 0 4px 24px rgba(0,0,0,0.05);\r\n}\r\n@media (max-width: 500px) { .ct-form-box { padding: 28px 20px; } }\r\n\r\n.ct-form-box h3 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.35rem;\r\n  color: var(--ct-dark);\r\n  margin-bottom: 6px;\r\n}\r\n.ct-form-box .ct-form-sub {\r\n  font-size: 0.85rem;\r\n  color: var(--ct-muted);\r\n  font-weight: 300;\r\n  margin-bottom: 28px;\r\n  padding-bottom: 24px;\r\n  border-bottom: 1px solid var(--ct-border);\r\n}\r\n\r\n\/* Campos *\/\r\n.ct-field {\r\n  margin-bottom: 20px;\r\n}\r\n.ct-field label {\r\n  display: block;\r\n  font-size: 0.78rem;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  color: var(--ct-dark);\r\n  margin-bottom: 7px;\r\n}\r\n.ct-field input,\r\n.ct-field textarea {\r\n  width: 100%;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.92rem;\r\n  font-weight: 400;\r\n  color: var(--ct-dark);\r\n  background: var(--ct-light);\r\n  border: 1.5px solid transparent;\r\n  border-radius: 6px;\r\n  padding: 13px 16px;\r\n  outline: none;\r\n  transition: border-color .25s, background .25s, box-shadow .25s;\r\n  resize: none;\r\n}\r\n.ct-field input::placeholder,\r\n.ct-field textarea::placeholder {\r\n  color: #bbb;\r\n  font-weight: 300;\r\n}\r\n.ct-field input:focus,\r\n.ct-field textarea:focus {\r\n  border-color: var(--ct-magenta);\r\n  background: var(--ct-white);\r\n  box-shadow: 0 0 0 3px rgba(204,0,204,0.08);\r\n}\r\n.ct-field textarea { height: 130px; }\r\n\r\n\/* Fila de 2 columnas *\/\r\n.ct-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n}\r\n@media (max-width: 480px) { .ct-row { grid-template-columns: 1fr; } }\r\n\r\n\/* Bot\u00f3n enviar *\/\r\n.ct-submit {\r\n  width: 100%;\r\n  padding: 15px;\r\n  background: var(--ct-grad);\r\n  color: #fff;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  margin-top: 6px;\r\n  transition: opacity .25s, transform .25s, box-shadow .25s;\r\n}\r\n.ct-submit:hover {\r\n  opacity: 0.88;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(139,0,204,0.25);\r\n}\r\n.ct-submit:active { transform: translateY(0); }\r\n\r\n\/* Mensaje de \u00e9xito *\/\r\n.ct-success {\r\n  display: none;\r\n  text-align: center;\r\n  padding: 30px 20px;\r\n}\r\n.ct-success .ct-check {\r\n  width: 60px;\r\n  height: 60px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, rgba(204,0,204,0.1), rgba(139,0,204,0.1));\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 28px;\r\n  margin: 0 auto 16px;\r\n}\r\n.ct-success h4 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.2rem;\r\n  color: var(--ct-dark);\r\n  margin-bottom: 8px;\r\n}\r\n.ct-success p {\r\n  font-size: 0.88rem;\r\n  color: var(--ct-muted);\r\n  font-weight: 300;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LADO DERECHO: Mapa + Info\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ct-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n\/* Tarjetas de info *\/\r\n.ct-info-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 14px;\r\n}\r\n@media (max-width: 500px) { .ct-info-grid { grid-template-columns: 1fr; } }\r\n\r\n.ct-info-card {\r\n  background: var(--ct-white);\r\n  border: 1px solid var(--ct-border);\r\n  border-radius: 8px;\r\n  padding: 18px 20px;\r\n  display: flex;\r\n  gap: 14px;\r\n  align-items: flex-start;\r\n  transition: border-color .25s, box-shadow .25s;\r\n}\r\n.ct-info-card:hover {\r\n  border-color: rgba(204,0,204,0.25);\r\n  box-shadow: 0 4px 16px rgba(139,0,204,0.08);\r\n}\r\n.ct-info-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 10px;\r\n  background: var(--ct-light);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 17px;\r\n  flex-shrink: 0;\r\n}\r\n.ct-info-body .ct-info-title {\r\n  font-size: 0.72rem;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  background: var(--ct-grad);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  margin-bottom: 3px;\r\n}\r\n.ct-info-body p {\r\n  font-size: 0.82rem;\r\n  color: var(--ct-text);\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* Mapa *\/\r\n.ct-map-box {\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  border: 1px solid var(--ct-border);\r\n  box-shadow: 0 4px 24px rgba(0,0,0,0.06);\r\n  position: relative;\r\n}\r\n.ct-map-box iframe {\r\n  width: 100%;\r\n  height: 340px;\r\n  display: block;\r\n  border: none;\r\n}\r\n\r\n\/* Etiqueta sobre el mapa *\/\r\n.ct-map-label {\r\n  position: absolute;\r\n  top: 14px;\r\n  left: 14px;\r\n  background: var(--ct-white);\r\n  border-radius: 6px;\r\n  padding: 8px 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  box-shadow: 0 2px 12px rgba(0,0,0,0.12);\r\n  z-index: 10;\r\n  pointer-events: none;\r\n}\r\n.ct-map-label .dot {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: var(--ct-grad);\r\n  flex-shrink: 0;\r\n  animation: pulse 2s infinite;\r\n}\r\n@keyframes pulse {\r\n  0%, 100% { box-shadow: 0 0 0 0 rgba(204,0,204,0.4); }\r\n  50%       { box-shadow: 0 0 0 6px rgba(204,0,204,0); }\r\n}\r\n.ct-map-label span {\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  color: var(--ct-dark);\r\n  letter-spacing: 0.3px;\r\n}\r\n<\/style>\r\n\r\n<div class=\"ct-wrap\">\r\n\r\n  <!-- \u2500\u2500 ENCABEZADO \u2500\u2500 -->\r\n  <div class=\"ct-header\">\r\n    <span class=\"ct-label\">Estamos para ti<\/span>\r\n    <h2>Ponte en <span>Contacto<\/span><\/h2>\r\n    <p>Escr\u00edbenos o vis\u00edtanos. Con gusto te orientamos para comenzar tu proceso de transformaci\u00f3n.<\/p>\r\n    <div class=\"ct-rule\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 LAYOUT PRINCIPAL \u2500\u2500 -->\r\n  <div class=\"ct-main\">\r\n\r\n    <!-- \u2550\u2550\u2550 FORMULARIO \u2550\u2550\u2550 -->\r\n    <div class=\"ct-form-box\">\r\n      <h3>Env\u00edanos un mensaje<\/h3>\r\n      <p class=\"ct-form-sub\">Responderemos a la brevedad posible.<\/p>\r\n\r\n      <div id=\"ct-form\">\r\n        <div class=\"ct-row\">\r\n          <div class=\"ct-field\">\r\n            <label for=\"ct-nombre\">Nombre<\/label>\r\n            <input type=\"text\" id=\"ct-nombre\" placeholder=\"Tu nombre completo\">\r\n          <\/div>\r\n          <div class=\"ct-field\">\r\n            <label for=\"ct-telefono\">Tel\u00e9fono<\/label>\r\n            <input type=\"tel\" id=\"ct-telefono\" placeholder=\"+502 0000-0000\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ct-field\">\r\n          <label for=\"ct-email\">Correo electr\u00f3nico<\/label>\r\n          <input type=\"email\" id=\"ct-email\" placeholder=\"tucorreo@ejemplo.com\">\r\n        <\/div>\r\n\r\n        <div class=\"ct-field\">\r\n          <label for=\"ct-mensaje\">Mensaje<\/label>\r\n          <textarea id=\"ct-mensaje\" placeholder=\"\u00bfEn qu\u00e9 podemos ayudarte?\"><\/textarea>\r\n        <\/div>\r\n\r\n        <button class=\"ct-submit\" onclick=\"ctEnviar()\">Enviar mensaje<\/button>\r\n      <\/div>\r\n\r\n      <!-- Mensaje de \u00e9xito -->\r\n      <div class=\"ct-success\" id=\"ct-success\">\r\n        <div class=\"ct-check\">\u2705<\/div>\r\n        <h4>\u00a1Mensaje enviado!<\/h4>\r\n        <p>Gracias por contactarnos. Te responderemos muy pronto.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550 MAPA + INFO \u2550\u2550\u2550 -->\r\n    <div class=\"ct-right\">\r\n\r\n      <!-- Tarjetas de informaci\u00f3n -->\r\n      <div class=\"ct-info-grid\">\r\n        <div class=\"ct-info-card\">\r\n          <div class=\"ct-info-icon\">\ud83d\udccd<\/div>\r\n          <div class=\"ct-info-body\">\r\n            <div class=\"ct-info-title\">Direcci\u00f3n<\/div>\r\n            <p>7 Calle 7-14 zona 3<br>San Jos\u00e9 Pinula<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ct-info-card\">\r\n          <div class=\"ct-info-icon\">\ud83d\udcde<\/div>\r\n          <div class=\"ct-info-body\">\r\n            <div class=\"ct-info-title\">Tel\u00e9fono<\/div>\r\n            <p>(502) 3642-9347<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ct-info-card\">\r\n          <div class=\"ct-info-icon\">\u2709\ufe0f<\/div>\r\n          <div class=\"ct-info-body\">\r\n            <div class=\"ct-info-title\">Correo<\/div>\r\n            <p>info@fundacionbchr.org<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ct-info-card\">\r\n          <div class=\"ct-info-icon\">\ud83d\udd50<\/div>\r\n          <div class=\"ct-info-body\">\r\n            <div class=\"ct-info-title\">Horario<\/div>\r\n            <p>Lun \u2013 Vie<br>9:00 \u2013 17:00<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Mapa -->\r\n      <div class=\"ct-map-box\">\r\n        <div class=\"ct-map-label\">\r\n          <div class=\"dot\"><\/div>\r\n          <span>Fundaci\u00f3n BCHR<\/span>\r\n        <\/div>\r\n        <iframe\r\n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d500!2d-90.409724!3d14.542065!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTTCsDMyJzMxLjQiTiA5MMKwMjQnMzUuMCJX!5e0!3m2!1ses!2sgt!4v1700000000000\"\r\n          allowfullscreen=\"\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\">\r\n        <\/iframe>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction ctEnviar() {\r\n  var nombre  = document.getElementById('ct-nombre').value.trim();\r\n  var email   = document.getElementById('ct-email').value.trim();\r\n  var tel     = document.getElementById('ct-telefono').value.trim();\r\n  var mensaje = document.getElementById('ct-mensaje').value.trim();\r\n\r\n  if (!nombre || !email || !mensaje) {\r\n    alert('Por favor completa los campos obligatorios: Nombre, Correo y Mensaje.');\r\n    return;\r\n  }\r\n  var re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n  if (!re.test(email)) {\r\n    alert('Por favor ingresa un correo electr\u00f3nico v\u00e1lido.');\r\n    return;\r\n  }\r\n\r\n  \/* Aqu\u00ed puedes conectar con Contact Form 7, WPForms, o tu servicio preferido.\r\n     Por ahora muestra la pantalla de \u00e9xito visual. *\/\r\n  document.getElementById('ct-form').style.display = 'none';\r\n  document.getElementById('ct-success').style.display = 'block';\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Estamos para ti Ponte en Contacto Escr\u00edbenos o vis\u00edtanos. Con gusto te orientamos para comenzar tu proceso de transformaci\u00f3n. Env\u00edanos un mensaje Responderemos a la brevedad posible. Nombre Tel\u00e9fono Correo electr\u00f3nico Mensaje Enviar mensaje \u2705 \u00a1Mensaje enviado! Gracias por contactarnos. Te responderemos muy pronto. \ud83d\udccd Direcci\u00f3n 7 Calle 7-14 zona 3San Jos\u00e9 Pinula \ud83d\udcde Tel\u00e9fono [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-543","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fundacioncfsq.org\/index.php\/wp-json\/wp\/v2\/pages\/543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fundacioncfsq.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fundacioncfsq.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fundacioncfsq.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fundacioncfsq.org\/index.php\/wp-json\/wp\/v2\/comments?post=543"}],"version-history":[{"count":4,"href":"https:\/\/fundacioncfsq.org\/index.php\/wp-json\/wp\/v2\/pages\/543\/revisions"}],"predecessor-version":[{"id":547,"href":"https:\/\/fundacioncfsq.org\/index.php\/wp-json\/wp\/v2\/pages\/543\/revisions\/547"}],"wp:attachment":[{"href":"https:\/\/fundacioncfsq.org\/index.php\/wp-json\/wp\/v2\/media?parent=543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}