{"id":123,"date":"2026-07-06T04:14:52","date_gmt":"2026-07-06T04:14:52","guid":{"rendered":"https:\/\/courageousheartnonprofit.org\/?page_id=123"},"modified":"2026-07-18T01:20:56","modified_gmt":"2026-07-18T01:20:56","slug":"donate","status":"publish","type":"page","link":"https:\/\/courageousheartnonprofit.org\/es\/donate\/","title":{"rendered":"Donar"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"123\" class=\"elementor elementor-123\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c43c79f e-con-full e-flex e-con e-parent\" data-id=\"c43c79f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ea59ed elementor-widget elementor-widget-html\" data-id=\"7ea59ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Donate | Courageous Heart<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root{\r\n    --ink:#000000;\r\n    --paper:#ffffff;\r\n    --white:#ffffff;\r\n    --line: rgba(255,255,255,.18);\r\n    --line-dark: rgba(0,0,0,.18);\r\n    --max: 1180px;\r\n  }\r\n  *{margin:0;padding:0;box-sizing:border-box;}\r\n  html{scroll-behavior:smooth;}\r\n  body{\r\n    font-family:'Inter', sans-serif;\r\n    background:var(--paper);\r\n    color:var(--ink);\r\n    overflow-x:hidden;\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  img{display:block;max-width:100%;}\r\n  a{text-decoration:none;color:inherit;}\r\n  .wrap{max-width:var(--max); margin:0 auto; padding:0 40px;}\r\n\r\n  h1,h2,h3,.display{\r\n    font-family:'DM Serif Display', serif;\r\n    font-weight:400;\r\n    letter-spacing:-0.012em;\r\n    font-feature-settings:\"onum\" 1, \"liga\" 1, \"dlig\" 1, \"kern\" 1;\r\n    font-variant-numeric:oldstyle-nums;\r\n    text-rendering:optimizeLegibility;\r\n    -webkit-font-smoothing:antialiased;\r\n    font-weight:700;\r\n    line-height:1.15;\r\n  }\r\n\r\n  .eyebrow{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    font-family:'Inter Tight', sans-serif; font-size:13px; letter-spacing:1px; text-transform:uppercase; font-weight:700;\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .reveal{opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s ease;}\r\n  .reveal.in{opacity:1; transform:translateY(0);}\r\n  @media (prefers-reduced-motion: reduce){ .reveal{opacity:1; transform:none; transition:none;} }\r\n\r\n  .btn-dark{\r\n    font-family:'Inter Tight', sans-serif; font-size:14px; letter-spacing:1px; text-transform:uppercase; font-weight:700;\r\n    color:var(--white); background:var(--ink); padding:17px 0; width:100%; text-align:center;\r\n    display:block; border:none; cursor:pointer;\r\n  }\r\n  .btn-dark:hover{ opacity:.85; }\r\n\r\n  \/* ---------- page header ---------- *\/\r\n  .page-header{\r\n    position:relative;\r\n    padding:190px 0 90px;\r\n    background:\r\n      linear-gradient(180deg, rgba(0,0,0,.6), rgba(0,0,0,.92)),\r\n      url('https:\/\/images.unsplash.com\/photo-1593113598332-cd288d649433?q=80&w=1800&auto=format&fit=crop') center\/cover no-repeat;\r\n    color:var(--white);\r\n    overflow:hidden;\r\n  }\r\n  .page-header .eyebrow{ color:var(--white); position:relative; z-index:2; }\r\n  .page-header h1{ font-size:clamp(40px, 6vw, 72px); max-width:720px; position:relative; z-index:2; }\r\n  .page-header p{ margin-top:22px; max-width:580px; color:var(--white); font-size:17px; line-height:1.75; position:relative; z-index:2; }\r\n\r\n  section{padding:120px 0;}\r\n  .dark{background:var(--ink); color:var(--white);}\r\n  .light{background:var(--paper); color:var(--ink);}\r\n\r\n  \/* ---------- donate layout ---------- *\/\r\n  .donate-grid{ display:grid; grid-template-columns:1fr .85fr; gap:80px; align-items:start; }\r\n  .donate-copy h2{ font-size:clamp(28px, 3.4vw, 42px); margin-bottom:22px; }\r\n  .donate-copy p{ font-size:16px; line-height:1.85; margin-bottom:18px; }\r\n\r\n  .impact-list{ margin-top:36px; display:flex; flex-direction:column; gap:16px; }\r\n  .impact-item{ padding-left:18px; border-left:2px solid var(--ink); }\r\n  .impact-item p{ font-size:15px; margin:0; }\r\n\r\n  \/* ---------- donation card ---------- *\/\r\n  .donate-card{\r\n    background:var(--white);\r\n    border:1px solid var(--line-dark);\r\n    padding:44px 38px;\r\n  }\r\n  .donate-card .toggle{\r\n    display:flex; background:var(--paper);\r\n    border:1px solid var(--line-dark);\r\n    margin-bottom:30px;\r\n  }\r\n  .donate-card .toggle button{\r\n    flex:1; padding:13px 0; border:none; background:none; cursor:pointer;\r\n    font-family:'Inter Tight', sans-serif; font-size:12.5px; letter-spacing:1px; text-transform:uppercase; font-weight:700;\r\n    color:var(--ink); transition:all .25s ease;\r\n  }\r\n  .donate-card .toggle button.active{ background:var(--ink); color:var(--white); }\r\n\r\n  .amount-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; margin-bottom:16px; }\r\n  .amount-grid button{\r\n    padding:16px 0; border:1px solid var(--line-dark); background:var(--paper);\r\n    font-family:'Inter Tight', sans-serif; font-size:16px; font-weight:700; color:var(--ink);\r\n    cursor:pointer; transition:all .25s ease;\r\n  }\r\n  .amount-grid button.active, .amount-grid button:hover{ background:var(--ink); color:var(--white); border-color:var(--ink); }\r\n\r\n  .custom-amount{ margin-bottom:26px; }\r\n  .custom-amount label{\r\n    font-family:'Inter Tight', sans-serif; font-size:11.5px; letter-spacing:1px; text-transform:uppercase; font-weight:700;\r\n    display:block; margin-bottom:10px;\r\n  }\r\n  .custom-amount input{\r\n    width:100%; border:1px solid var(--line-dark); background:var(--paper);\r\n    padding:14px 16px; font-size:15px; font-family:'Inter', sans-serif;\r\n  }\r\n  .custom-amount input:focus{ outline:none; border-color:var(--ink); background:var(--white); }\r\n\r\n  .donate-note{ font-size:12.5px; text-align:center; margin-top:16px; line-height:1.6; }\r\n\r\n  \/* ---------- trust badges ---------- *\/\r\n  .trust-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:2px; background:var(--line); }\r\n  .trust-card{ background:var(--ink); padding:44px 32px; text-align:center; border-top:3px solid var(--white); }\r\n  .trust-card h3{ font-size:17px; margin-bottom:12px; }\r\n  .trust-card p{ font-size:14px; line-height:1.7; }\r\n\r\n  \/* ---------- responsive ---------- *\/\r\n  @media (max-width:1024px){\r\n    .wrap{padding:0 28px;}\r\n    .donate-grid{grid-template-columns:1fr; gap:60px;}\r\n    .trust-grid{grid-template-columns:1fr;}\r\n  }\r\n  @media (max-width:768px){\r\n    .page-header{padding:170px 0 70px; text-align:center;}\r\n    .page-header p{margin-left:auto; margin-right:auto;}\r\n    section{padding:80px 0;}\r\n    .eyebrow{justify-content:center;}\r\n    .donate-copy{text-align:center;}\r\n    .impact-item{border-left:none; border-top:2px solid var(--ink); padding-left:0; padding-top:12px;}\r\n  }\r\n  @media (max-width:480px){\r\n    .wrap{padding:0 20px;}\r\n    .amount-grid{grid-template-columns:1fr 1fr;}\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"page-header\">\r\n  <div class=\"wrap\">\r\n    <div class=\"eyebrow reveal\">Apoya nuestra misi\u00f3n<\/div>\r\n    <h1 class=\"reveal\">Cada donaci\u00f3n es como una piedrecita que se lanza al agua.<\/h1>\r\n    <p class=\"reveal\">\u00danete a nosotros para marcar la diferencia. Cada onda llega a una vida: cada acci\u00f3n es importante.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"light\">\r\n  <div class=\"wrap\">\r\n    <div class=\"donate-grid\">\r\n\r\n      <div class=\"donate-copy reveal\">\r\n        <div class=\"eyebrow\">\u00bfPor qu\u00e9 donar?<\/div>\r\n        <h2>Tu generosidad alimenta el valor<\/h2>\r\n        <p>Courageous Heart es una organizaci\u00f3n sin \u00e1nimo de lucro 501(c)(3), y cada d\u00f3lar que donas se destina directamente a ayudar a los ni\u00f1os, j\u00f3venes, adultos j\u00f3venes y familias en acogida a liberarse del miedo: al pasado, al fracaso, a dar un paso adelante y a so\u00f1ar a lo grande.<\/p>\r\n        <p>Tu donaci\u00f3n es deducible de impuestos, y cada aportaci\u00f3n \u2014por peque\u00f1a que sea\u2014 genera un efecto domin\u00f3 que llega m\u00e1s lejos de lo que puedas imaginar.<\/p>\r\n\r\n        <div class=\"impact-list\">\r\n          <div class=\"impact-item\">\r\n            <p>Financia encuentros para ni\u00f1os y programas de mentor\u00eda para j\u00f3venes en acogida.<\/p>\r\n          <\/div>\r\n          <div class=\"impact-item\">\r\n            <p>Colabora en los viajes para llevar suministros a los orfanatos de Baja California, M\u00e9xico.<\/p>\r\n          <\/div>\r\n          <div class=\"impact-item\">\r\n            <p>Hace posible que los ni\u00f1os puedan realizar viajes a distintos destinos y participar en eventos comunitarios.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"donate-card reveal\">\r\n        <div class=\"toggle\">\r\n          <button type=\"button\" class=\"active\" id=\"btn-once\">\u00danico<\/button>\r\n          <button type=\"button\" id=\"btn-monthly\">Mensual<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"amount-grid\">\r\n          <button type=\"button\">$25<\/button>\r\n          <button type=\"button\" class=\"active\">$50<\/button>\r\n          <button type=\"button\">$100<\/button>\r\n          <button type=\"button\">$250<\/button>\r\n          <button type=\"button\">$500<\/button>\r\n          <button type=\"button\">$1,000<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"custom-amount\">\r\n          <label for=\"custom-amt\">O bien, introduce un importe personalizado<\/label>\r\n          <input type=\"text\" id=\"custom-amt\" placeholder=\"$0.00\">\r\n        <\/div>\r\n\r\n        <!--\r\n          ============================================================\r\n          INTEGRACI\u00d3N DE PAGO (WordPress):\r\n          Este bot\u00f3n es un PLACEHOLDER. Para procesar donaciones reales,\r\n          reemplaza el <button class=\"btn-dark\"> de abajo por:\r\n            - Un bot\u00f3n de PayPal Donate (Hosted Button ID desde PayPal),\r\n              o el plugin \"GiveWP\" \/ \"PayPal Donations\" en WordPress.\r\n          El monto seleccionado arriba (one-time\/monthly + amount-grid)\r\n          es solo visual por ahora \u2014 no est\u00e1 conectado a ning\u00fan procesador\r\n          de pago todav\u00eda.\r\n          ============================================================\r\n        -->\r\n        <button type=\"button\" class=\"btn-dark\"><span>Haz una donaci\u00f3n con PayPal<\/span><\/button>\r\n\r\n        <div class=\"donate-note\">Courageous Heart es una organizaci\u00f3n sin \u00e1nimo de lucro registrada bajo el art\u00edculo 501(c)(3). Tu donaci\u00f3n es deducible de impuestos en la medida en que lo permita la ley.<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"dark\">\r\n  <div class=\"wrap\">\r\n    <div class=\"trust-grid reveal\">\r\n      <div class=\"trust-card\">\r\n        <h3>Certificada seg\u00fan el art\u00edculo 501(c)(3)<\/h3>\r\n        <p>Courageous Heart es una organizaci\u00f3n sin \u00e1nimo de lucro registrada, autorizada en 2022.<\/p>\r\n      <\/div>\r\n      <div class=\"trust-card\">\r\n        <h3>Deducible de impuestos<\/h3>\r\n        <p>Todas las donaciones son deducibles en la medida en que lo permita la ley. Guarda el recibo para tus registros.<\/p>\r\n      <\/div>\r\n      <div class=\"trust-card\">\r\n        <h3>El 100 % se destina a la misi\u00f3n<\/h3>\r\n        <p>Dirigida por su fundador, su hijo, su familia y un grupo de voluntarios comprometidos, cada donaci\u00f3n se destina a una buena causa.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const revealEls = document.querySelectorAll('.reveal');\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('in');\r\n        io.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  revealEls.forEach(el => io.observe(el));\r\n\r\n  const btnOnce = document.getElementById('btn-once');\r\n  const btnMonthly = document.getElementById('btn-monthly');\r\n  btnOnce.addEventListener('click', () => {\r\n    btnOnce.classList.add('active');\r\n    btnMonthly.classList.remove('active');\r\n  });\r\n  btnMonthly.addEventListener('click', () => {\r\n    btnMonthly.classList.add('active');\r\n    btnOnce.classList.remove('active');\r\n  });\r\n\r\n  document.querySelectorAll('.amount-grid button').forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      document.querySelectorAll('.amount-grid button').forEach(b => b.classList.remove('active'));\r\n      btn.classList.add('active');\r\n      document.getElementById('custom-amt').value = '';\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Donate | Courageous Heart Support Our Mission Every donation is a pebble tossed into water. Come join us in creating an impact. Each ripple touches a life \u2014 every action is significant. Why Give Your generosity fuels courage Courageous Heart is a 501(c)(3) nonprofit organization, and every dollar you give goes directly toward helping foster [&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-123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":13,"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":685,"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages\/123\/revisions\/685"}],"wp:attachment":[{"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}