{"id":110,"date":"2025-10-23T13:54:05","date_gmt":"2025-10-23T13:54:05","guid":{"rendered":"https:\/\/zerocarbono.org\/?page_id=110"},"modified":"2025-12-01T01:13:11","modified_gmt":"2025-12-01T01:13:11","slug":"contacto","status":"publish","type":"page","link":"https:\/\/zerocarbono.org\/en\/contacto\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"110\" class=\"elementor elementor-110\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd9164e e-con-full e-flex e-con e-parent\" data-id=\"bd9164e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ae860a elementor-widget elementor-widget-shortcode\" data-id=\"4ae860a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"zc-contacto-natural\">\n  <!-- Elementos decorativos animados -->\n  <div class=\"zc-natural-bg\">\n    <div class=\"zc-leaf zc-leaf-1\"><\/div>\n    <div class=\"zc-leaf zc-leaf-2\"><\/div>\n    <div class=\"zc-leaf zc-leaf-3\"><\/div>\n    <div class=\"zc-bubble zc-bubble-1\"><\/div>\n    <div class=\"zc-bubble zc-bubble-2\"><\/div>\n    <div class=\"zc-bubble zc-bubble-3\"><\/div>\n    <div class=\"zc-particle zc-particle-1\"><\/div>\n    <div class=\"zc-particle zc-particle-2\"><\/div>\n    <div class=\"zc-particle zc-particle-3\"><\/div>\n  <\/div>\n\n  <div class=\"zc-contacto-container\">\n    <!-- Encabezado con estilo natural -->\n    <div class=\"zc-contacto-header\">\n      <div class=\"zc-header-icon\">\n        <h2>\ud83c\udf0d<\/h2>\n      <\/div>\n      <h2>Let's connect with the planet<\/h2>\n      <p>Let's talk about how to offset your environmental footprint. Together we create a more sustainable future.<\/p>\n    <\/div>\n\n    <div class=\"zc-contacto-content\">\n      <!-- Columna izquierda: Formulario e Informaci\u00f3n -->\n      <div class=\"zc-left-column\">\n        <!-- Formulario con estilo org\u00e1nico -->\n        <div class=\"zc-form-card\">\n          <div class=\"zc-form-header\">\n            <h3>\ud83c\udf31 Start your sustainable project<\/h3>\n            <p>We will contact you to discuss your compensation needs.<\/p>\n          <\/div>\n<form class=\"zc-contact-form\" action=\"\">\n\n    <!-- FILA 1 -->\n    <div class=\"zc-form-row\">\n        <div class=\"zc-input-field\">\n            <div class=\"zc-input-icon\">\ud83d\udc64<\/div>\n            <input type=\"text\" name=\"nombre\"\n                data-es=\"Tu nombre completo\"\n                data-en=\"Your full name\"\n                placeholder=\"Your full name\"\n                required>\n        <\/div>\n\n        <div class=\"zc-input-field\">\n            <div class=\"zc-input-icon\">\ud83d\udce7<\/div>\n            <input type=\"email\" name=\"correo\"\n                data-es=\"correo@ejemplo.com\"\n                data-en=\"your@email.com\"\n                placeholder=\"mail@example.com\"\n                required>\n        <\/div>\n    <\/div>\n\n    <!-- FILA 2 -->\n    <div class=\"zc-form-row\">\n        <div class=\"zc-input-field\">\n            <div class=\"zc-input-icon\">\ud83d\udcf1<\/div>\n            <input type=\"text\" name=\"wsp\"\n                data-es=\"Tu WhatsApp\"\n                data-en=\"WhatsApp number\"\n                placeholder=\"Your WhatsApp\"\n                required>\n        <\/div>\n\n        <div class=\"zc-input-field\">\n            <div class=\"zc-input-icon\">\ud83c\udfaf<\/div>\n            <input type=\"text\" name=\"cargo\"\n                data-es=\"Cargo\"\n                data-en=\"Role \/ Position\"\n                placeholder=\"Post\"\n                required>\n        <\/div>\n    <\/div>\n\n    <!-- FILA 3 -->\n    <div class=\"zc-form-row\">\n        <div class=\"zc-input-field\">\n            <div class=\"zc-input-icon\">\ud83c\udf0e<\/div>\n            <input type=\"text\" name=\"pais\"\n                data-es=\"Pa\u00eds\"\n                data-en=\"Country\"\n                placeholder=\"Country\"\n                required>\n        <\/div>\n\n        <div class=\"zc-input-field\">\n            <div class=\"zc-input-icon\">\ud83c\udfe2<\/div>\n            <input type=\"text\" name=\"empresa\"\n                data-es=\"Empresa\"\n                data-en=\"Company\"\n                placeholder=\"Company\"\n                required>\n        <\/div>\n    <\/div>\n\n    <!-- FILA 4 (OCUPA TODO EL ANCHO) -->\n    <div class=\"zc-input-field\" style=\"grid-column: 1 \/ -1;\">\n        <div class=\"zc-input-icon\">\ud83c\udf31<\/div>\n        <select name=\"tipo\" required>\n            <option value=\"\">\n                <!-- No se traduce aqu\u00ed porque detecta despu\u00e9s -->\n                Type of Credits\n            <\/option>\n            <option data-es=\"Cr\u00e9ditos de energ\u00eda\" data-en=\"Energy Credits\">energy credits<\/option>\n            <option data-es=\"Cr\u00e9ditos de agua\" data-en=\"Water Credits\">Water credits<\/option>\n            <option data-es=\"Cr\u00e9ditos de Biochar\" data-en=\"Biochar Credits\">Biochar Credits<\/option>\n            <option data-es=\"Cr\u00e9ditos de Pl\u00e1stico\" data-en=\"Plastic Credits\">Plastic credits<\/option>\n            <option data-es=\"Cr\u00e9ditos de Biodiversidad\" data-en=\"Biodiversity Credits\">Biodiversity Credits<\/option>\n            <option data-es=\"Cr\u00e9ditos de Carbono Azul\" data-en=\"Blue Carbon Credits\">Blue Carbon Credits<\/option>\n            <option data-es=\"Cr\u00e9ditos de Carbono Forestal\" data-en=\"Forest Carbon Credits\">Forest Carbon Credits<\/option>\n        <\/select>\n    <\/div>\n\n    <!-- FILA 5 -->\n    <div class=\"zc-input-field\">\n        <div class=\"zc-input-icon\">\ud83d\udcac<\/div>\n        <textarea name=\"mensaje\"\n            data-es=\"Cu\u00e9ntanos en qu\u00e9 te podemos ayudar sobre tu proyecto\"\n            data-en=\"Tell us how we can help your project\"\n            placeholder=\"Tell us how we can help you with your project\"\n            required><\/textarea>\n    <\/div>\n\n    <!-- BOT\u00d3N -->\n    <button type=\"submit\" class=\"zc-submit-btn\"\n        data-es=\"Plantar esta conversaci\u00f3n\"\n        data-en=\"Start this conversation\">\n        <span>Start this conversation<\/span>\n\n        <div class=\"zc-btn-icon\">\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M22 2L11 13M22 2L15 22L11 13M22 2L2 9L11 13\"\n                stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <\/svg>\n        <\/div>\n    <\/button>\n\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n\n\n        <\/div>\n\n        <!-- Informaci\u00f3n de contacto -->\n        <div class=\"zc-info-card\">\n          <h3>\ud83c\udf0d Our ecosystem<\/h3>\n          \n          <div class=\"zc-contact-item\">\n            <div class=\"zc-contact-icon natural\">\n              <span>\ud83d\udce7<\/span>\n            <\/div>\n            <div>\n              <h4>Contact Email<\/h4>\n              <p>contacto@zerocarbono.org<\/p>\n            <\/div>\n          <\/div>\n<div class=\"zc-contact-item\">\n  <div class=\"zc-contact-icon natural\">\n    <span>\ud83d\udcde<\/span>\n  <\/div>\n  <div>\n    <h4>Wsp BS<\/h4>\n    <p>\n      <a href=\"https:\/\/wa.me\/56942025625\" target=\"_blank\" style=\"color:#666; text-decoration:none; font-weight:600;\" rel=\"nofollow noopener\">\n         +56 9 4202 5625\n      <\/a>\n    <\/p>\n  <\/div>\n<\/div>\n\n\n          <div class=\"zc-contact-item\">\n            <div class=\"zc-contact-icon natural\">\n              <span>\ud83d\udccd<\/span>\n            <\/div>\n            <div>\n              <h4>Roots<\/h4>\n              <p>Sta. Magdalena 75, Oficina 304<br>Providencia<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Proyectos destacados -->\n          <div class=\"zc-projects-preview\">\n           \n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Columna derecha: Mapa que ocupa todo el alto -->\n      <div class=\"zc-right-column\">\n        <div class=\"zc-mapa-card natural\">\n          <div class=\"zc-mapa-header\">\n            <span>\ud83d\uddfa\ufe0f<\/span>\n            <span>Our Space<\/span>\n          <\/div>\n          <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3330.625659464716!2d-70.62307582431126!3d-33.42438287340647!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9662cf60eac61d81%3A0x9b0c4df43a1454db!2sSta.%20Magdalena%2075%2C%20Oficina%20304%2C%20Providencia%2C%20Regi%C3%B3n%20Metropolitana!5e0!3m2!1ses!2scl!4v1700000000000\"\n            width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const form = document.querySelector(\".zc-contact-form\");\n\n  form.addEventListener(\"submit\", async function(e){\n      e.preventDefault();\n\n      const data = new FormData(form);\n      data.append(\"action\", \"zc_contacto_send\");\n\n      \/\/ SIEMPRE espa\u00f1ol\n      data.append(\"lang\", \"es\");\n\n      \/\/ Nonce desde footer\n      data.append(\"nonce\", window.zc_nonce);\n\n      const btn = form.querySelector(\"button\");\n      const originalHTML = btn.innerHTML;\n\n      \/\/ Estado \u201cEnviando\u2026\u201d\n      btn.disabled = true;\n      btn.innerHTML = \"Enviando\u2026 \ud83c\udf3f\";\n\n      try{\n\n          const res  = await fetch(\"\/wp-admin\/admin-ajax.php\", {\n             method: \"POST\",\n             body: data\n          });\n\n          const json = await res.json();\n\n          if(json.success){\n              \/\/ Mostrar \u201cEnviado\u201d\n              btn.innerHTML = \"Enviado \ud83c\udf31\";\n              form.reset();\n\n              \/\/ Volver al estado normal despu\u00e9s de 3s\n              setTimeout(()=>{\n                  btn.disabled = false;\n                  btn.innerHTML = originalHTML;\n              }, 3000);\n\n          } else {\n              \/\/ Error, mostrar en bot\u00f3n un instante\n              btn.innerHTML = \"Error \u274c\";\n              setTimeout(()=>{\n                  btn.disabled = false;\n                  btn.innerHTML = originalHTML;\n              }, 2500);\n          }\n\n      } catch(err){\n          \/\/ Error inesperado\n          btn.innerHTML = \"Error \u274c\";\n          setTimeout(()=>{\n              btn.disabled = false;\n              btn.innerHTML = originalHTML;\n          }, 2500);\n      }\n  });\n\n});\n<\/script>\n\n\n\n\n\n<style>\n.zc-contacto-natural {\n  width: 100%;\n  padding: 100px 0;\n  position: relative;\n  background: linear-gradient(rgba(8, 30, 53, 0.85), rgba(50, 88, 37, 0.8)), \n              url('https:\/\/zerocarbono.org\/wp-content\/uploads\/2025\/10\/Creditos-de-carbono.webp');\n  background-size: cover;\n  background-position: center;\n  background-attachment: fixed;\n  overflow: hidden;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n}\n\n\/* Fondo animado natural *\/\n.zc-natural-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n\/* Hojas animadas *\/\n.zc-leaf {\n  position: absolute;\n  background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"%23325825\" opacity=\"0.4\"><path d=\"M17 8C8 10 5.9 16.17 3.82 21.34L5.71 22l1.39-2.73C9.82 15.14 13 12 17 12c-2-1-3-4-3-4z\"\/><\/svg>');\n  background-size: contain;\n  background-repeat: no-repeat;\n  animation: floatLeaf 20s infinite linear;\n}\n\n.zc-leaf-1 { width: 40px; height: 40px; top: 10%; left: 5%; animation-delay: 0s; }\n.zc-leaf-2 { width: 30px; height: 30px; top: 70%; left: 90%; animation-delay: 5s; }\n.zc-leaf-3 { width: 25px; height: 25px; top: 40%; left: 85%; animation-delay: 10s; }\n\n\/* Burbujas de aire *\/\n.zc-bubble {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.2);\n  border-radius: 50%;\n  animation: floatBubble 15s infinite ease-in-out;\n}\n\n.zc-bubble-1 { width: 20px; height: 20px; top: 20%; left: 15%; animation-delay: 0s; }\n.zc-bubble-2 { width: 15px; height: 15px; top: 60%; left: 10%; animation-delay: 3s; }\n.zc-bubble-3 { width: 25px; height: 25px; top: 80%; left: 80%; animation-delay: 7s; }\n\n\/* Part\u00edculas *\/\n.zc-particle {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n  animation: pulseParticle 8s infinite ease-in-out;\n}\n\n.zc-particle-1 { width: 8px; height: 8px; top: 30%; left: 90%; animation-delay: 0s; }\n.zc-particle-2 { width: 6px; height: 6px; top: 50%; left: 5%; animation-delay: 2s; }\n.zc-particle-3 { width: 10px; height: 10px; top: 10%; left: 70%; animation-delay: 4s; }\n\n\/* Animaciones *\/\n@keyframes floatLeaf {\n  0% { transform: translateY(0px) rotate(0deg); }\n  50% { transform: translateY(-20px) rotate(180deg); }\n  100% { transform: translateY(0px) rotate(360deg); }\n}\n\n@keyframes floatBubble {\n  0%, 100% { transform: translateY(0px) scale(1); opacity: 0.3; }\n  50% { transform: translateY(-30px) scale(1.2); opacity: 0.6; }\n}\n\n@keyframes pulseParticle {\n  0%, 100% { transform: scale(1); opacity: 0.2; }\n  50% { transform: scale(1.5); opacity: 0.4; }\n}\n\n\/* Contenedor principal *\/\n.zc-contacto-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n  position: relative;\n  z-index: 2;\n  width: 100%;\n}\n\n\/* Encabezado *\/\n.zc-contacto-header {\n  text-align: center;\n  margin-bottom: 60px;\n  animation: fadeInUp 1s ease-out;\n}\n\n.zc-header-icon {\n  margin-bottom: 20px;\n  animation: bounce 2s infinite;\n}\n\n.zc-contacto-header h2 {\n  font-size: 3rem;\n  color: white;\n  margin-bottom: 15px;\n  font-weight: 700;\n  text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n}\n\n.zc-contacto-header p {\n  font-size: 1.2rem;\n  color: rgba(255, 255, 255, 0.9);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.6;\n  text-shadow: 0 1px 5px rgba(0,0,0,0.3);\n}\n\n\/* Nuevo Layout del contenido *\/\n.zc-contacto-content {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: stretch;\n  min-height: 600px;\n}\n\n\/* Columna izquierda *\/\n.zc-left-column {\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n}\n\n\/* Columna derecha - Mapa *\/\n.zc-right-column {\n  display: flex;\n  flex-direction: column;\n}\n\n\/* Tarjeta del formulario *\/\n.zc-form-card {\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(15px);\n  padding: 20px;\n  border-radius: 20px;\n  border: 1px solid rgba(255, 255, 255, 0.4);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);\n  animation: slideInLeft 0.8s ease-out;\n  flex: 1;\n}\n\n.zc-form-header {\n  text-align: center;\n  margin-bottom: 30px;\n}\n\n.zc-form-header h3 {\n  color: #081E35;\n  font-size: 1.5rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n}\n\n.zc-form-header p {\n  color: #666;\n  font-size: 0.95rem;\n}\n\n\/* Campos del formulario *\/\n.zc-form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  margin-bottom: 20px;\n}\n\n.zc-input-field {\n  position: relative;\n  margin-bottom: 20px;\n}\n\n.zc-input-icon {\n  position: absolute;\n  left: 15px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 2;\n  font-size: 1.1rem;\n}\n\n.zc-input-field input,\n.zc-input-field select,\n.zc-input-field textarea {\n  width: 100%;\n  padding: 14px 16px 14px 45px;\n  border: 2px solid #e8f5e8;\n  border-radius: 12px;\n  font-size: 1rem;\n  transition: all 0.3s ease;\n  background: rgba(255, 255, 255, 0.9);\n  color: #081E35;\n}\n\n.zc-input-field input:focus,\n.zc-input-field select:focus,\n.zc-input-field textarea:focus {\n  border-color: #325825;\n  background: white;\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(50, 88, 37, 0.1);\n  transform: translateY(-2px);\n}\n\n.zc-input-field textarea {\n  height: 120px;\n  resize: vertical;\n}\n\n\/* Bot\u00f3n de enviar - Nuevos colores *\/\n.zc-submit-btn {\n  background: linear-gradient(135deg, #081E35, #325825);\n  color: white;\n  border: none;\n  padding: 16px 32px;\n  border-radius: 12px;\n  font-size: 1rem;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  transition: all 0.3s ease;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.zc-submit-btn::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n  transition: left 0.5s;\n}\n\n.zc-submit-btn:hover::before {\n  left: 100%;\n}\n\n.zc-submit-btn:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 25px rgba(8, 30, 53, 0.4);\n  background: linear-gradient(135deg, #325825, #081E35);\n}\n\n\/* Informaci\u00f3n de contacto *\/\n.zc-info-card {\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(15px);\n  padding: 40px;\n  border-radius: 20px;\n  border: 1px solid rgba(255, 255, 255, 0.4);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);\n  animation: slideInLeft 0.8s ease-out 0.2s both;\n}\n\n.zc-info-card h3 {\n  color: #081E35;\n  font-size: 1.5rem;\n  margin-bottom: 30px;\n  font-weight: 600;\n}\n\n\/* Items de contacto *\/\n.zc-contact-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 15px;\n  margin-bottom: 25px;\n  transition: transform 0.3s ease;\n}\n\n.zc-contact-item:hover {\n  transform: translateX(5px);\n}\n\n.zc-contact-icon.natural {\n  flex-shrink: 0;\n  margin-top: 4px;\n  font-size: 1.2rem;\n  animation: wiggle 3s infinite;\n}\n\n.zc-contact-item h4 {\n  color: #081E35;\n  margin-bottom: 5px;\n  font-size: 1rem;\n}\n\n.zc-contact-item p {\n  color: #666;\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* Proyectos *\/\n.zc-projects-preview {\n  margin-top: 30px;\n  padding-top: 25px;\n  border-top: 1px solid rgba(8, 30, 53, 0.1);\n}\n\n.zc-projects-preview h4 {\n  color: #081E35;\n  margin-bottom: 15px;\n  font-size: 1.1rem;\n}\n\n.zc-projects-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.zc-project-tag {\n  background: rgba(8, 30, 53, 0.1);\n  color: #081E35;\n  padding: 8px 16px;\n  border-radius: 20px;\n  font-size: 0.85rem;\n  font-weight: 500;\n  border: 1px solid rgba(8, 30, 53, 0.2);\n  transition: all 0.3s ease;\n}\n\n.zc-project-tag:hover {\n  background: rgba(8, 30, 53, 0.2);\n  transform: translateY(-2px);\n}\n\n\/* Mapa natural - Ahora ocupa todo el alto *\/\n.zc-mapa-card.natural {\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(15px);\n  border-radius: 20px;\n  border: 1px solid rgba(255, 255, 255, 0.4);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);\n  overflow: hidden;\n  animation: slideInRight 0.8s ease-out;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.zc-mapa-header {\n  background: linear-gradient(135deg, #081E35, #325825);\n  color: white;\n  padding: 15px 20px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.zc-mapa-card.natural iframe {\n  flex: 1;\n  min-height: 400px;\n  border-radius: 0 0 20px 20px;\n}\n\n\/* Animaciones adicionales *\/\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInRight {\n  from {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes bounce {\n  0%, 20%, 50%, 80%, 100% {\n    transform: translateY(0);\n  }\n  40% {\n    transform: translateY(-10px);\n  }\n  60% {\n    transform: translateY(-5px);\n  }\n}\n\n@keyframes wiggle {\n  0%, 7%, 14%, 21%, 100% {\n    transform: rotate(0deg);\n  }\n  3.5% {\n    transform: rotate(-5deg);\n  }\n  10.5% {\n    transform: rotate(5deg);\n  }\n  17.5% {\n    transform: rotate(-3deg);\n  }\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n  .zc-contacto-content {\n    grid-template-columns: 1fr;\n    gap: 30px;\n    min-height: auto;\n  }\n  \n  .zc-form-row {\n    grid-template-columns: 1fr;\n  }\n  \n  .zc-contacto-header h2 {\n    font-size: 2.5rem;\n  }\n  \n  .zc-left-column {\n    gap: 20px;\n  }\n  \n  .zc-mapa-card.natural {\n    height: 400px;\n  }\n}\n\n@media (max-width: 768px) {\n  .zc-contacto-natural {\n    padding: 60px 0;\n    background-attachment: scroll;\n  }\n  \n  .zc-form-card,\n  .zc-info-card {\n    padding: 30px 25px;\n  }\n  \n  .zc-contacto-header h2 {\n    font-size: 2rem;\n  }\n  \n  .zc-leaf, .zc-bubble, .zc-particle {\n    display: none;\n  }\n  \n  .zc-contacto-content {\n    min-height: auto;\n  }\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf0d Conectemos con el planeta Hablemos sobre c\u00f3mo compensar tu huella ambiental. Juntos creamos un futuro m\u00e1s sostenible. \ud83c\udf31 Inicia tu proyecto sostenible Te contactaremos para analizar tus necesidades de compensaci\u00f3n \ud83d\udc64 \ud83d\udce7 \ud83d\udcf1 \ud83c\udfaf \ud83c\udf0e \ud83c\udfe2 \ud83c\udf31 Tipo de Cr\u00e9ditos Cr\u00e9ditos de energ\u00edaCr\u00e9ditos de aguaCr\u00e9ditos de BiocharCr\u00e9ditos de Pl\u00e1sticoCr\u00e9ditos de BiodiversidadCr\u00e9ditos de Carbono AzulCr\u00e9ditos [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zerocarbono.org\/en\/wp-json\/wp\/v2\/pages\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zerocarbono.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zerocarbono.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zerocarbono.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zerocarbono.org\/en\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":52,"href":"https:\/\/zerocarbono.org\/en\/wp-json\/wp\/v2\/pages\/110\/revisions"}],"predecessor-version":[{"id":1393,"href":"https:\/\/zerocarbono.org\/en\/wp-json\/wp\/v2\/pages\/110\/revisions\/1393"}],"wp:attachment":[{"href":"https:\/\/zerocarbono.org\/en\/wp-json\/wp\/v2\/media?parent=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}