{"id":103,"date":"2026-07-06T04:06:10","date_gmt":"2026-07-06T04:06:10","guid":{"rendered":"https:\/\/courageousheartnonprofit.org\/?page_id=103"},"modified":"2026-09-08T14:47:09","modified_gmt":"2026-09-08T14:47:09","slug":"about-us","status":"publish","type":"page","link":"https:\/\/courageousheartnonprofit.org\/es\/about-us\/","title":{"rendered":"Qui\u00e9nes somos"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"103\" class=\"elementor elementor-103\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9462f05 e-con-full e-flex e-con e-parent\" data-id=\"9462f05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4197b0e elementor-widget elementor-widget-html\" data-id=\"4197b0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n==================================================================\r\nSECCI\u00d3N 1 \u2014 Banner\r\nArchivo 100% independiente: propio CSS, sin scripts. Contenido\r\nsiempre visible.\r\n==================================================================\r\n-->\r\n\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  .ch-about-hero *{margin:0;padding:0;box-sizing:border-box;}\r\n  .ch-about-hero{\r\n    font-family:'Inter', sans-serif;\r\n    color:var(--ink);\r\n    overflow-x:hidden;\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  .ch-about-hero img{display:block;max-width:100%;}\r\n  .ch-about-hero a{text-decoration:none;color:inherit;}\r\n  .ch-about-hero .wrap{max-width:var(--max); margin:0 auto; padding:0 40px;}\r\n\r\n  .ch-about-hero h1, .ch-about-hero h2, .ch-about-hero h3, .ch-about-hero .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  .ch-about-hero .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  .ch-about-hero .reveal{opacity:1; transform:none;}\r\n  .ch-about-hero .reveal.in{opacity:1; transform:translateY(0);}\r\n  @media (prefers-reduced-motion: reduce){ .ch-about-hero .reveal{opacity:1; transform:none; transition:none;} }\r\n\r\n  .ch-about-hero .btn-outline{\r\n    font-family:'Inter Tight', sans-serif; font-size:14px; letter-spacing:.5px; text-transform:uppercase; font-weight:700;\r\n    color:var(--white); border:1px solid rgba(255,255,255,.6); padding:15px 32px;\r\n    display:inline-block; transition:all .3s ease;\r\n  }\r\n  .ch-about-hero .btn-outline:hover{background:var(--white); color:var(--ink); border-color:var(--white);}\r\n  .ch-about-hero .btn-outline.ink{color:var(--ink); border-color:var(--ink);}\r\n  .ch-about-hero .btn-outline.ink:hover{background:var(--ink); color:var(--white);}\r\n\r\n  \/* ---------- page header banner ---------- *\/\r\n  .ch-about-hero .page-header{\r\n    position:relative;\r\n    padding:190px 0 90px;\r\n    background:\r\n      linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,0,0,.85)),\r\n      url('https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/08\/hade-about-scaled.jpg') center 20% \/ cover no-repeat;\r\n    color:var(--white);\r\n    overflow:hidden;\r\n  }\r\n  .ch-about-hero .page-header .eyebrow{ color:var(--white); position:relative; z-index:2; }\r\n  .ch-about-hero .page-header h1{ font-size:clamp(40px, 6vw, 72px); max-width:720px; position:relative; z-index:2; }\r\n  .ch-about-hero .page-header p{ margin-top:22px; max-width:560px; color:var(--white); font-size:17px; line-height:1.75; position:relative; z-index:2; }\r\n\r\n  .ch-about-hero section{padding:130px 0;}\r\n  .ch-about-hero .dark{background:var(--ink); color:var(--white);}\r\n  .ch-about-hero .light{background:var(--paper); color:var(--ink);}\r\n\r\n  \/* ---------- timeline ---------- *\/\r\n  .ch-about-hero .timeline-head{ max-width:640px; margin:0 auto 70px; text-align:center; }\r\n  .ch-about-hero .timeline-head h2{ font-size:clamp(28px,3.4vw,42px); }\r\n  .ch-about-hero .timeline{\r\n    display:grid;\r\n    grid-template-columns:repeat(4, 1fr);\r\n    gap:2px;\r\n    background:var(--line-dark);\r\n    position:relative;\r\n  }\r\n  .ch-about-hero .t-item{\r\n    background:var(--paper);\r\n    padding:40px 28px;\r\n    position:relative;\r\n    border-top:3px solid var(--ink);\r\n  }\r\n  .ch-about-hero .t-year{\r\n    font-family:'Inter Tight', sans-serif; font-size:13px; letter-spacing:1px; color:var(--ink);\r\n    margin-bottom:18px; display:block; font-weight:600;\r\n  }\r\n  .ch-about-hero .t-item h3{ font-size:18px; margin-bottom:12px; }\r\n  .ch-about-hero .t-item p{ font-size:14px; line-height:1.7; }\r\n\r\n  \/* ---------- split ---------- *\/\r\n  .ch-about-hero .split{ display:grid; grid-template-columns:1.05fr .95fr; gap:80px; align-items:center; }\r\n  .ch-about-hero .split.reverse .col-img{ order:2; }\r\n  .ch-about-hero .col-text p{ font-size:16.5px; line-height:1.85; margin-bottom:18px; }\r\n  .ch-about-hero .col-text h2{ font-size:clamp(30px, 3.6vw, 46px); margin-bottom:26px; }\r\n  .ch-about-hero .frame{ position:relative; outline:2px solid var(--ink); outline-offset:10px; }\r\n  .ch-about-hero .dark .frame{ outline-color:var(--white); }\r\n  .ch-about-hero .frame img{ width:100%; height:100%; object-fit:cover; display:block; }\r\n\r\n  \/* ---------- testimonials ---------- *\/\r\n  .ch-about-hero .testi-head{ max-width:640px; margin:0 auto 60px; text-align:center; }\r\n  .ch-about-hero .testi-head h2{ font-size:clamp(28px,3.4vw,42px); }\r\n  .ch-about-hero .testi-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:2px; background:var(--line-dark); }\r\n  .ch-about-hero .testi-card{ background:var(--white); padding:40px 34px; }\r\n  .ch-about-hero .testi-card p{ font-size:15px; line-height:1.8; margin-bottom:20px; }\r\n  .ch-about-hero .testi-name{ font-family:'Inter Tight', sans-serif; font-size:13px; letter-spacing:.5px; text-transform:uppercase; font-weight:700; }\r\n\r\n  \/* ---------- team ---------- *\/\r\n  .ch-about-hero .team-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:60px; }\r\n  .ch-about-hero .team-card{ text-align:center; }\r\n  .ch-about-hero .team-card .frame{ max-width:220px; margin:0 auto 28px; }\r\n  .ch-about-hero .team-card .frame img{ aspect-ratio:1\/1; }\r\n  .ch-about-hero .team-card h3{ font-size:22px; margin-bottom:6px; color:var(--white); }\r\n  .ch-about-hero .team-role{ font-family:'Inter Tight', sans-serif; font-size:12px; letter-spacing:1px; text-transform:uppercase; font-weight:700; opacity:.7; margin-bottom:16px; }\r\n  .ch-about-hero .team-card p{ font-size:14.5px; line-height:1.75; opacity:.8; }\r\n\r\n  \/* ---------- donate banner ---------- *\/\r\n  .ch-about-hero .donate-banner{\r\n    background:var(--ink); color:var(--white); text-align:center; padding:110px 0; position:relative;\r\n  }\r\n  .ch-about-hero .donate-banner .eyebrow{ color:var(--white); }\r\n  .ch-about-hero .donate-banner h2{ font-size:clamp(30px, 4vw, 50px); margin-bottom:20px; }\r\n  .ch-about-hero .donate-banner p{ max-width:600px; margin:0 auto 36px; font-size:17px; line-height:1.7; }\r\n  .ch-about-hero .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(--ink); background:var(--white); padding:16px 40px; display:inline-block;\r\n  }\r\n\r\n  \/* ---------- responsive ---------- *\/\r\n  @media (min-width:1600px){\r\n  .ch-about-hero .page-header{padding:320px 0 200px;}\r\n  }\r\n  @media (max-width:1024px){\r\n  .ch-about-hero .wrap{padding:0 28px;}\r\n  .ch-about-hero .split{gap:50px;}\r\n  .ch-about-hero .timeline{grid-template-columns:repeat(2, 1fr);}\r\n  .ch-about-hero .testi-grid{grid-template-columns:1fr 1fr;}\r\n  .ch-about-hero .team-grid{grid-template-columns:1fr;}\r\n  }\r\n  @media (max-width:768px){\r\n  .ch-about-hero .page-header{padding:170px 0 70px; text-align:center; background-position:center 20%;}\r\n  .ch-about-hero .page-header h1{font-size:clamp(28px, 8vw, 40px);}\r\n  .ch-about-hero .page-header p{margin-left:auto; margin-right:auto;}\r\n  .ch-about-hero section{padding:90px 0;}\r\n  .ch-about-hero .split{grid-template-columns:1fr; text-align:center;}\r\n  .ch-about-hero .split .col-img{order:-1;}\r\n  .ch-about-hero .eyebrow{justify-content:center;}\r\n  .ch-about-hero .col-text p{text-align:center;}\r\n  .ch-about-hero .timeline{grid-template-columns:1fr;}\r\n  .ch-about-hero .testi-grid{grid-template-columns:1fr;}\r\n  .ch-about-hero .testi-card{text-align:center;}\r\n  }\r\n  @media (max-width:480px){\r\n  .ch-about-hero .wrap{padding:0 20px;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ch-about-hero\">\r\n<section class=\"page-header\">\r\n  <div class=\"wrap\">\r\n    <div class=\"eyebrow reveal\">Qui\u00e9nes somos<\/div>\r\n    <h1 class=\"reveal\">Una historia de miedo que se convirti\u00f3 en un prop\u00f3sito valiente.<\/h1>\r\n    <p class=\"reveal\">Desde su paso por el sistema de acogida en Chicago hasta la creaci\u00f3n de una organizaci\u00f3n sin \u00e1nimo de lucro que ayuda a familias de dos pa\u00edses: esta es la historia que hay detr\u00e1s de Courageous Heart.<\/p>\r\n  <\/div>\r\n<\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8945e3e e-con-full e-flex e-con e-parent\" data-id=\"8945e3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c5742d elementor-widget elementor-widget-html\" data-id=\"0c5742d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n==================================================================\r\nSECCI\u00d3N 2 \u2014 L\u00ednea de tiempo (The Journey)\r\nArchivo 100% independiente: propio CSS, sin scripts. Contenido\r\nsiempre visible. Limpio, sin CSS de otras secciones.\r\n==================================================================\r\n-->\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-dark: rgba(0,0,0,.18);\r\n    --max: 1180px;\r\n  }\r\n  .ch-timeline *{margin:0;padding:0;box-sizing:border-box;}\r\n  .ch-timeline{\r\n    font-family:'Inter', sans-serif;\r\n    background:var(--paper);\r\n    color:var(--ink);\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  .ch-timeline a{text-decoration:none;color:inherit;}\r\n  .ch-timeline .wrap{max-width:var(--max); margin:0 auto; padding:0 40px;}\r\n  .ch-timeline h2{\r\n    font-family:'DM Serif Display', serif;\r\n    font-weight:700;\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    line-height:1.15;\r\n  }\r\n  .ch-timeline .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  .ch-timeline section{padding:70px 0;}\r\n  .ch-timeline .light{background:var(--paper); color:var(--ink);}\r\n  .ch-timeline .timeline-head{ max-width:640px; margin:0 auto; text-align:center; }\r\n  .ch-timeline .timeline-head h2{ font-size:clamp(28px,3.4vw,42px); }\r\n  .ch-timeline .timeline{\r\n    display:grid;\r\n    grid-template-columns:repeat(4, 1fr);\r\n    gap:2px;\r\n    background:var(--line-dark);\r\n    position:relative;\r\n  }\r\n  .ch-timeline .t-item{\r\n    background:var(--paper);\r\n    padding:40px 28px;\r\n    position:relative;\r\n    border-top:3px solid var(--ink);\r\n  }\r\n  .ch-timeline .t-year{\r\n    font-family:'Inter Tight', sans-serif; font-size:13px; letter-spacing:1px; color:var(--ink);\r\n    margin-bottom:18px; display:block; font-weight:600;\r\n  }\r\n  .ch-timeline .t-item h3{\r\n    font-family:'DM Serif Display', serif; font-weight:700; font-size:18px; margin-bottom:12px; line-height:1.15;\r\n  }\r\n  .ch-timeline .t-item p{ font-size:14px; line-height:1.7; }\r\n\r\n  @media (max-width:1024px){\r\n    .ch-timeline .wrap{padding:0 28px;}\r\n    .ch-timeline .timeline{grid-template-columns:repeat(2, 1fr);}\r\n  }\r\n  @media (max-width:768px){\r\n    .ch-timeline section{padding:50px 0;}\r\n    .ch-timeline .eyebrow{justify-content:center;}\r\n    .ch-timeline .timeline{grid-template-columns:1fr;}\r\n  }\r\n  @media (max-width:480px){\r\n    .ch-timeline .wrap{padding:0 20px;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ch-timeline\">\r\n<section class=\"light\">\r\n  <div class=\"wrap\">\r\n    <div class=\"timeline-head reveal\">\r\n      <div class=\"eyebrow\" style=\"justify-content:center;\">El viaje<\/div>\r\n      <h2>C\u00f3mo surgi\u00f3 \u00abCourageous Heart\u00bb<\/h2>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21480c1 e-con-full e-flex e-con e-parent\" data-id=\"21480c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-786ceb4 elementor-widget elementor-widget-html\" data-id=\"786ceb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n==================================================================\r\nSECCI\u00d3N 3 \u2014 Who We Are (Gabriel's Story) + Our History\r\nArchivo 100% independiente: propio CSS, sin scripts. Contenido\r\nsiempre visible. Limpio, sin CSS de otras secciones.\r\n==================================================================\r\n-->\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    --max: 1180px;\r\n  }\r\n  .ch-story *{margin:0;padding:0;box-sizing:border-box;}\r\n  .ch-story{\r\n    font-family:'Inter', sans-serif;\r\n    background:var(--paper);\r\n    color:var(--ink);\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  .ch-story a{text-decoration:none;color:inherit;}\r\n  .ch-story .wrap{max-width:var(--max); margin:0 auto; padding:0 40px;}\r\n  .ch-story h2{\r\n    font-family:'DM Serif Display', serif;\r\n    font-weight:700;\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    line-height:1.15;\r\n    font-size:clamp(30px, 3.6vw, 46px);\r\n    margin-bottom:26px;\r\n  }\r\n  .ch-story .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  .ch-story section{padding:130px 0;}\r\n  .ch-story .dark{background:var(--ink); color:var(--white);}\r\n  .ch-story .light{background:var(--paper); color:var(--ink);}\r\n  .ch-story .story-text{ max-width:820px; margin:0 auto; }\r\n  .ch-story .story-text p{ font-size:16.5px; line-height:1.85; margin-bottom:18px; }\r\n\r\n  @media (max-width:1024px){\r\n    .ch-story .wrap{padding:0 28px;}\r\n  }\r\n  @media (max-width:768px){\r\n    .ch-story section{padding:90px 0;}\r\n    .ch-story .eyebrow{justify-content:center;}\r\n  }\r\n  @media (max-width:480px){\r\n    .ch-story .wrap{padding:0 20px;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ch-story\">\r\n<section class=\"dark\" id=\"who-we-are\">\r\n  <div class=\"wrap story-text reveal\">\r\n    <h2>La historia de Gabriel<\/h2>\r\n    <p>Gabriel is all too familiar with the injustice and hardship that exists in this world. At the tender age of five, he was separated from his birth mother and placed in a foster home in Chicago, Illinois. Despite this tumultuous start in life, Gabriel has cultivated a compassionate heart that radiates kindness to all he meets. navigating through the complexities of the foster care system in a bustling city like Chicago proved to be a challenging journey for Gabriel. Despite feeling overwhelmed and isolated at times, his steadfast faith in God's plan provided him with the strength to persevere. He held onto the belief that change would eventually come, and it did when, after two years in foster care, he was reunited with his biological grandparents in Uvalde, Texas.<\/p>\r\n    <p>Vivir con sus abuelos le dio a Gabriel la oportunidad de experimentar la vida en un entorno familiar acogedor. Su abuelo, Mauricio, le ense\u00f1\u00f3 habilidades muy valiosas, como la reparaci\u00f3n de motores de coche, la fontaner\u00eda, la jardiner\u00eda, la construcci\u00f3n de vallas e incluso la fabricaci\u00f3n de encimeras de cocina. Por su parte, su abuela, Luc\u00eda, le colm\u00f3 de amor incondicional y respeto. De ellos, Gabriel aprendi\u00f3 la importancia del respeto mutuo, de resolver los conflictos de forma pac\u00edfica y de honrar a aquellas personas que han tenido un impacto positivo en su vida.<\/p>\r\n    <p>Gabriel reconoce el papel que cada persona ha desempe\u00f1ado a la hora de convertirlo en la persona cari\u00f1osa, emp\u00e1tica, compasiva, atenta y generosa que es hoy, y es consciente de que todas las personas que Dios ha puesto en su vida han contribuido a su transformaci\u00f3n.<\/p>\r\n  <\/div>\r\n<\/section>\r\n<section class=\"light\" id=\"history\">\r\n  <div class=\"wrap story-text reveal\" style=\"text-align:center;\">\r\n    <div class=\"eyebrow\" style=\"justify-content:center;\">Nuestra historia<\/div>\r\n    <h2>De un Sue\u00f1o a una sin fines de Lucro<\/h2>\r\n    <p>Cuando Gabriel ten\u00eda solo 11 a\u00f1os, se reuni\u00f3 con su madre, Olga, en Whittier, California. A pesar de haber sido criado por sus abuelos, se sent\u00eda agradecido por poder por fin estrechar lazos con su madre y recibir su amor y su cari\u00f1o, sin guardar ning\u00fan resentimiento por el pasado. Olga regentaba un puesto ambulante en el que vend\u00eda zumos de frutas y vasos, y sol\u00eda desplazarse al centro de Los \u00c1ngeles para reponer existencias. Gabriel la acompa\u00f1aba con entusiasmo cada vez, siendo testigo de la situaci\u00f3n de las personas sin hogar en la zona y sinti\u00e9ndose impulsado a ayudar d\u00e1ndoles el cambio que le sobraba o unos pocos d\u00f3lares.<\/p>\r\n    <p>Sol\u00eda mirar al cielo y prometerse a s\u00ed mismo que alg\u00fan d\u00eda tendr\u00eda un negocio pr\u00f3spero capaz de marcar la diferencia en la vida de las personas. Hoy, ese sue\u00f1o se ha hecho realidad. Como empresario al frente de negocios que generan ingresos para ayudar a los m\u00e1s necesitados, la influencia de Gabriel se extiende por California, Baja California, M\u00e9xico y diversas ciudades de Estados Unidos.<\/p>\r\n    <p>A principios de 2022, Gabriel, animado por sus seguidores, solicit\u00f3 la condici\u00f3n de organizaci\u00f3n sin \u00e1nimo de lucro y obtuvo la aprobaci\u00f3n como organizaci\u00f3n 501(c)(3). Con la ayuda de su fiel hijo, su familia, sus amigos y un grupo de voluntarios comprometidos, Courageous Heart sigue avanzando con valent\u00eda, prestando ayuda sin miedo a personas de todo tipo de or\u00edgenes.<\/p>\r\n  <\/div>\r\n<\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f375819 e-con-full e-flex e-con e-parent\" data-id=\"f375819\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a81ecbd elementor-widget elementor-widget-html\" data-id=\"a81ecbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n==================================================================\r\nSECCI\u00d3N 3 \u2014 Meet the Team\r\nArchivo 100% independiente: propio CSS, sin scripts (para evitar\r\nconflictos si pegas varios juntos). Contenido siempre visible.\r\n==================================================================\r\n-->\r\n\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:1; transform:none;}\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-outline{\r\n    font-family:'Inter Tight', sans-serif; font-size:14px; letter-spacing:.5px; text-transform:uppercase; font-weight:700;\r\n    color:var(--white); border:1px solid rgba(255,255,255,.6); padding:15px 32px;\r\n    display:inline-block; transition:all .3s ease;\r\n  }\r\n  .btn-outline:hover{background:var(--white); color:var(--ink); border-color:var(--white);}\r\n  .btn-outline.ink{color:var(--ink); border-color:var(--ink);}\r\n  .btn-outline.ink:hover{background:var(--ink); color:var(--white);}\r\n\r\n  \/* ---------- page header banner ---------- *\/\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,.5), rgba(0,0,0,.85)),\r\n      url('https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/08\/foto-para-about-banner-scaled.jpeg') center 15% \/ 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:560px; color:var(--white); font-size:17px; line-height:1.75; position:relative; z-index:2; }\r\n\r\n  section{padding:130px 0;}\r\n  .dark{background:var(--ink); color:var(--white);}\r\n  .light{background:var(--paper); color:var(--ink);}\r\n\r\n  \/* ---------- timeline ---------- *\/\r\n  .timeline-head{ max-width:640px; margin:0 auto 70px; text-align:center; }\r\n  .timeline-head h2{ font-size:clamp(28px,3.4vw,42px); }\r\n  .timeline{\r\n    display:grid;\r\n    grid-template-columns:repeat(4, 1fr);\r\n    gap:2px;\r\n    background:var(--line-dark);\r\n    position:relative;\r\n  }\r\n  .t-item{\r\n    background:var(--paper);\r\n    padding:40px 28px;\r\n    position:relative;\r\n    border-top:3px solid var(--ink);\r\n  }\r\n  .t-year{\r\n    font-family:'Inter Tight', sans-serif; font-size:13px; letter-spacing:1px; color:var(--ink);\r\n    margin-bottom:18px; display:block; font-weight:600;\r\n  }\r\n  .t-item h3{ font-size:18px; margin-bottom:12px; }\r\n  .t-item p{ font-size:14px; line-height:1.7; }\r\n\r\n  \/* ---------- split ---------- *\/\r\n  .split{ display:grid; grid-template-columns:1.05fr .95fr; gap:80px; align-items:center; }\r\n  .split.reverse .col-img{ order:2; }\r\n  .col-text p{ font-size:16.5px; line-height:1.85; margin-bottom:18px; }\r\n  .col-text h2{ font-size:clamp(30px, 3.6vw, 46px); margin-bottom:26px; }\r\n  .frame{ position:relative; outline:2px solid var(--ink); outline-offset:10px; }\r\n  .dark .frame{ outline-color:var(--white); }\r\n  .frame img{ width:100%; height:100%; object-fit:cover; display:block; }\r\n\r\n  \/* ---------- testimonials ---------- *\/\r\n  .testi-head{ max-width:640px; margin:0 auto 60px; text-align:center; }\r\n  .testi-head h2{ font-size:clamp(28px,3.4vw,42px); }\r\n  .testi-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:2px; background:var(--line-dark); }\r\n  .testi-card{ background:var(--white); padding:40px 34px; }\r\n  .testi-card p{ font-size:15px; line-height:1.8; margin-bottom:20px; }\r\n  .testi-name{ font-family:'Inter Tight', sans-serif; font-size:13px; letter-spacing:.5px; text-transform:uppercase; font-weight:700; }\r\n\r\n  \/* ---------- team ---------- *\/\r\n  .team-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:60px; }\r\n  .team-card{ text-align:center; }\r\n  .team-card .frame{ max-width:220px; margin:0 auto 28px; }\r\n  .team-card .frame img{ aspect-ratio:1\/1; }\r\n  .team-card h3{ font-size:22px; margin-bottom:6px; color:var(--white); }\r\n  .team-role{ font-family:'Inter Tight', sans-serif; font-size:12px; letter-spacing:1px; text-transform:uppercase; font-weight:700; opacity:.7; margin-bottom:16px; }\r\n  .team-card p{ font-size:14.5px; line-height:1.75; opacity:.8; }\r\n\r\n  .volunteers-photo{ max-width:700px; margin:90px auto 0; text-align:center; }\r\n  .volunteers-photo .frame{ margin-bottom:34px; }\r\n  .volunteers-photo .frame img{ aspect-ratio:16\/10; object-fit:cover; }\r\n  .volunteers-photo p{ font-size:16px; line-height:1.8; opacity:.85; }\r\n\r\n  \/* ---------- donate banner ---------- *\/\r\n  .donate-banner{\r\n    background:var(--ink); color:var(--white); text-align:center; padding:110px 0; position:relative;\r\n  }\r\n  .donate-banner .eyebrow{ color:var(--white); }\r\n  .donate-banner h2{ font-size:clamp(30px, 4vw, 50px); margin-bottom:20px; }\r\n  .donate-banner p{ max-width:600px; margin:0 auto 36px; font-size:17px; line-height:1.7; }\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(--ink); background:var(--white); padding:16px 40px; display:inline-block;\r\n  }\r\n\r\n  \/* ---------- responsive ---------- *\/\r\n  @media (max-width:1024px){\r\n    .wrap{padding:0 28px;}\r\n    .split{gap:50px;}\r\n    .timeline{grid-template-columns:repeat(2, 1fr);}\r\n    .testi-grid{grid-template-columns:1fr 1fr;}\r\n    .team-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 h1{font-size:clamp(28px, 8vw, 40px);}\r\n    .page-header p{margin-left:auto; margin-right:auto;}\r\n    section{padding:90px 0;}\r\n    .split{grid-template-columns:1fr; text-align:center;}\r\n    .split .col-img{order:-1;}\r\n    .eyebrow{justify-content:center;}\r\n    .col-text p{text-align:center;}\r\n    .timeline{grid-template-columns:1fr;}\r\n    .testi-grid{grid-template-columns:1fr;}\r\n    .testi-card{text-align:center;}\r\n  }\r\n  @media (max-width:480px){\r\n    .wrap{padding:0 20px;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"dark\" id=\"team\">\r\n  <div class=\"wrap\">\r\n    <div class=\"timeline-head reveal\">\r\n      <div class=\"eyebrow\" style=\"justify-content:center; color:var(--white);\">Qui\u00e9nes somos<\/div>\r\n      <h2>Conoce al equipo<\/h2>\r\n    <\/div>\r\n    <div class=\"team-grid reveal\">\r\n      <div class=\"team-card\">\r\n        <div class=\"frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/1.jpeg\" alt=\"Gabriel Vasquez\">\r\n        <\/div>\r\n        <h3>Gabriel Vasquez<\/h3>\r\n        <div class=\"team-role\">Fundador Y Presidente<\/div>\r\n        <p>Rebosante de amor, valor, valent\u00eda, lealtad, hospitalidad y carisma.<\/p>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/2.jpeg\" alt=\"Griselda O. Legris\">\r\n        <\/div>\r\n        <h3>Griselda O. Legris<\/h3>\r\n        <div class=\"team-role\">Finanzas<\/div>\r\n        <p>Gestiona nuestras finanzas con elegancia y precisi\u00f3n. Destaca por su car\u00e1cter cari\u00f1oso, su actitud atenta, su personalidad encantadora, su inteligencia y su \u00e9tica de trabajo esmerada.<\/p>\r\n      <\/div>\r\n      <div class=\"team-card\">\r\n        <div class=\"frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/3.jpeg\" alt=\"Mark Legris\">\r\n        <\/div>\r\n        <h3>Marca Legris<\/h3>\r\n        <div class=\"team-role\">Eventos y operaciones<\/div>\r\n        <p>Coordina nuestros eventos y supervisa las operaciones con una energ\u00eda desbordante. Se le describe como una persona alegre, cari\u00f1osa, sensata y que siempre est\u00e1 dispuesta a echar una mano.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"volunteers-photo reveal\">\r\n      <h2 style=\"margin-bottom:34px; font-size:clamp(28px,3.4vw,42px);\">Volunteers<\/h2>\r\n      <div class=\"frame\">\r\n        <img decoding=\"async\" src=\"https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-14-at-5.38.46-PM.jpeg\" alt=\"Courageous Heart volunteers\">\r\n      <\/div>\r\n      <p>Introducing our incredible volunteers, who embody love, compassion, and unwavering support, creating unforgettable and cherished moments every time.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52129e7 e-con-full e-flex e-con e-parent\" data-id=\"52129e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d13271d elementor-widget elementor-widget-html\" data-id=\"d13271d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n==================================================================\r\nSECCI\u00d3N 6 \u2014 Donate banner\r\nArchivo 100% independiente: propio CSS, sin scripts (para evitar\r\nconflictos si pegas varios juntos). Contenido siempre visible.\r\n==================================================================\r\n-->\r\n\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    --paper-dim:#ffffff;\r\n    --steel-1:#ffffff;\r\n    --steel-2:#ffffff;\r\n    --steel-3:#000000;\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    font-weight:400;\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  svg{display:block;}\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    text-transform:none;\r\n    letter-spacing:0;\r\n    line-height:1.15;\r\n  }\r\n\r\n  .eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-family:'Inter Tight', sans-serif;\r\n    font-size:13px;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n    font-weight:600;\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .reveal{opacity:1; transform:none;}\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  \/* ---------- hero ---------- *\/\r\n  .hero{\r\n    position:relative;\r\n    display:flex; align-items:center;\r\n    padding-top:150px;\r\n    padding-bottom:90px;\r\n    background:\r\n      linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.9)),\r\n      url('https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/IMG_3216-1536x1152-1.jpg') center\/cover no-repeat;\r\n    overflow:hidden;\r\n  }\r\n  .hero::before{\r\n    content:'';\r\n    position:absolute; inset:0;\r\n    background-image:repeating-linear-gradient(-8deg, transparent 0 120px, rgba(255,255,255,.035) 120px 122px);\r\n    pointer-events:none;\r\n  }\r\n  .hero-inner{position:relative; z-index:2;}\r\n  .hero-tag{color:var(--steel-2);}\r\n  .hero h1{\r\n    color:var(--white);\r\n    font-size:clamp(44px, 7vw, 92px);\r\n    max-width:900px;\r\n    margin-bottom:26px;\r\n  }\r\n  .hero h1 em{\r\n    font-style:normal;\r\n    color:var(--ink);\r\n    background:linear-gradient(135deg, var(--steel-1), var(--steel-2) 55%, var(--steel-3));\r\n    padding:2px 14px;\r\n    display:inline-block;\r\n    transform:skewX(-8deg);\r\n  }\r\n  .hero h1 em span{display:inline-block; transform:skewX(8deg);}\r\n  .hero p{ color:#d8d8d8; font-size:18px; max-width:560px; line-height:1.7; margin-bottom:40px; }\r\n  .hero-ctas{display:flex; gap:18px; flex-wrap:wrap;}\r\n  .btn-outline{\r\n    font-family:'Inter Tight', sans-serif; font-size:14px; letter-spacing:2px; text-transform:uppercase; font-weight:600;\r\n    color:var(--white); border:1px solid rgba(255,255,255,.5); padding:15px 32px;\r\n    transform:skewX(-8deg); display:inline-block; transition:all .3s ease;\r\n  }\r\n  .btn-outline span{display:inline-block; transform:skewX(8deg);}\r\n  .btn-outline:hover{background:var(--white); color:var(--ink); border-color:var(--white);}\r\n  .btn-outline.ink{color:var(--ink); border-color:var(--ink);}\r\n  .btn-outline.ink:hover{background:var(--ink); color:var(--white);}\r\n\r\n  \/* ---------- floating stat strip (overlaps hero\/next section) ---------- *\/\r\n  .stat-section{\r\n    background:var(--ink);\r\n    padding-top:0;\r\n    padding-bottom:0;\r\n  }\r\n  .stat-strip{\r\n    position:relative;\r\n    z-index:5;\r\n    margin-top:-86px;\r\n  }\r\n  .stat-card{\r\n    background:var(--ink);\r\n    display:grid;\r\n    grid-template-columns:repeat(4, 1fr);\r\n    box-shadow:0 24px 50px rgba(0,0,0,.35);\r\n  }\r\n  .stat-item{\r\n    padding:34px 20px;\r\n    text-align:center;\r\n    border-right:1px solid var(--line);\r\n  }\r\n  .stat-item:last-child{border-right:none;}\r\n  .stat-item .num{\r\n    font-family:'Inter Tight', sans-serif;\r\n    font-size:clamp(26px,3vw,38px);\r\n    color:var(--white);\r\n    display:block;\r\n    margin-bottom:6px;\r\n  }\r\n  .stat-item .label{\r\n    font-family:'Inter Tight', sans-serif;\r\n    font-size:11.5px;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n    color:var(--steel-2);\r\n  }\r\n\r\n  \/* ---------- marquee ---------- *\/\r\n  .marquee{ background:var(--ink); border-bottom:1px solid var(--line); overflow:hidden; padding:18px 0; }\r\n  .marquee-track{ display:flex; gap:60px; white-space:nowrap; animation:marquee 26s linear infinite; width:max-content; }\r\n  .marquee-track span{\r\n    font-family:'Inter Tight', sans-serif; font-size:15px; letter-spacing:4px; text-transform:uppercase;\r\n    color:var(--steel-2); display:flex; align-items:center; gap:60px;\r\n  }\r\n  .marquee-track span::after{content:''; margin-left:30px;}\r\n  @keyframes marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\r\n\r\n  \/* ---------- diagonal seam divider ---------- *\/\r\n  .seam{ position:relative; height:70px; z-index:3; }\r\n  .seam.to-dark{ background:var(--ink); }\r\n  .seam.to-light{ background:var(--paper); }\r\n  .seam.to-dim{ background:var(--paper-dim); }\r\n  .seam-shape{\r\n    position:absolute; inset:0;\r\n    background:inherit;\r\n    clip-path:polygon(0 100%, 100% 0, 100% 100%);\r\n  }\r\n\r\n  section{padding:130px 0;}\r\n  .dark{background:var(--ink); color:var(--white);}\r\n  .dark .eyebrow{color:var(--steel-2);}\r\n  .light{background:var(--paper); color:var(--ink);}\r\n  .dim{background:var(--paper-dim); color:var(--ink);}\r\n\r\n  \/* ---------- mission split ---------- *\/\r\n  .split{ display:grid; grid-template-columns:1.05fr .95fr; gap:80px; align-items:center; }\r\n  .col-text p{ font-size:16.5px; line-height:1.85; opacity:.8; margin-bottom:18px; }\r\n  .col-text h2{ font-size:clamp(30px, 3.6vw, 46px); margin-bottom:26px; }\r\n  .frame{ position:relative; outline:2px solid var(--white); outline-offset:10px; }\r\n  .frame img{ width:100%; height:100%; object-fit:cover; display:block; }\r\n\r\n  \/* ---------- vision \/ goal pillar cards ---------- *\/\r\n  .pillars-head{ max-width:640px; margin:0 auto 30px; text-align:center; }\r\n  .pillars-head h2{ font-size:clamp(28px,3.4vw,42px); }\r\n  .pillar-grid{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--line-dark); }\r\n  .pillar-card{ background:var(--white); padding:36px 46px; position:relative; }\r\n  .pillar-icon{\r\n    width:56px; height:56px;\r\n    display:flex; align-items:center; justify-content:center;\r\n    background:var(--ink); color:var(--steel-2);\r\n    margin-bottom:28px;\r\n    transform:skewX(-8deg);\r\n  }\r\n  .pillar-icon svg{ transform:skewX(8deg); width:26px; height:26px; }\r\n  .pillar-card h3{ font-size:22px; margin-bottom:16px; }\r\n  .pillar-card p{ font-size:15.5px; line-height:1.8; opacity:.75; }\r\n\r\n  \/* ---------- quote ---------- *\/\r\n  .quote-block{ text-align:center; max-width:820px; margin:0 auto; }\r\n  .quote-block p{\r\n    font-family:'Inter Tight', sans-serif; font-size:clamp(22px, 2.6vw, 32px); font-weight:400;\r\n    text-transform:none; letter-spacing:0; line-height:1.5; color:var(--white); margin-bottom:28px;\r\n  }\r\n  .quote-block .cite{ font-size:13px; letter-spacing:2px; text-transform:uppercase; color:var(--steel-2); font-family:'Inter Tight', sans-serif; }\r\n  .founder-cta{ margin-top:40px; text-align:center; }\r\n\r\n  \/* ---------- programs ---------- *\/\r\n  .programs-head{ max-width:640px; margin:0 auto 70px; text-align:center; }\r\n  .programs-head h2{ font-size:clamp(30px,3.6vw,46px); }\r\n  .programs-head p{ margin-top:18px; opacity:.7; line-height:1.7; font-size:16px; }\r\n  .program-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:2px; background:var(--line-dark); }\r\n  .program-card{ background:var(--paper); padding:44px 34px; position:relative; overflow:hidden; transition:background .3s ease, transform .3s ease; }\r\n  .program-card::before{\r\n    content:''; position:absolute; top:0; left:0; right:0; height:3px;\r\n    background:linear-gradient(90deg, var(--steel-1), var(--steel-3));\r\n    transform:scaleX(0); transform-origin:left; transition:transform .4s ease;\r\n  }\r\n  .program-card:hover::before{ transform:scaleX(1); }\r\n  .program-card:hover{ background:var(--white); transform:translateY(-4px); }\r\n  .program-icon{ width:44px; height:44px; margin-bottom:22px; color:var(--steel-3); }\r\n  .program-card h3{ font-size:19px; margin-bottom:12px; }\r\n  .program-card p{ font-size:14.5px; line-height:1.7; opacity:.7; }\r\n\r\n  \/* ---------- gallery teaser ---------- *\/\r\n  .gallery-head{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:44px; flex-wrap:wrap; gap:20px; }\r\n  .gallery-head h2{ font-size:clamp(28px,3.4vw,42px); color:var(--white); }\r\n  .photo-frame{\r\n    position:relative;\r\n    max-width:900px;\r\n    margin:0 auto 60px;\r\n    padding:26px;\r\n  }\r\n  .photo-frame::before,\r\n  .photo-frame::after{\r\n    content:'';\r\n    position:absolute;\r\n    width:70px;\r\n    height:70px;\r\n    border-color:var(--white);\r\n  }\r\n  .light .photo-frame::before,\r\n  .light .photo-frame::after{\r\n    border-color:var(--ink);\r\n  }\r\n  .photo-frame::before{\r\n    top:0; left:0;\r\n    border-top:3px solid;\r\n    border-left:3px solid;\r\n  }\r\n  .photo-frame::after{\r\n    bottom:0; right:0;\r\n    border-bottom:3px solid;\r\n    border-right:3px solid;\r\n  }\r\n  .photo-frame img{\r\n    width:100%;\r\n    display:block;\r\n    aspect-ratio:16\/11;\r\n    object-fit:cover;\r\n  }\r\n\r\n  \/* ---------- carrusel de 8 fotos, transici\u00f3n autom\u00e1tica con CSS puro ---------- *\/\r\n  .photo-frame.carousel{\r\n    aspect-ratio:16\/11;\r\n    overflow:hidden;\r\n  }\r\n  .photo-frame.carousel img{\r\n    position:absolute;\r\n    inset:26px;\r\n    width:calc(100% - 52px);\r\n    height:calc(100% - 52px);\r\n    object-fit:cover;\r\n    opacity:0;\r\n    animation:carouselFade 40s infinite;\r\n  }\r\n  .photo-frame.carousel img:nth-child(1){animation-delay:0s;}\r\n  .photo-frame.carousel img:nth-child(2){animation-delay:5s;}\r\n  .photo-frame.carousel img:nth-child(3){animation-delay:10s;}\r\n  .photo-frame.carousel img:nth-child(4){animation-delay:15s;}\r\n  .photo-frame.carousel img:nth-child(5){animation-delay:20s;}\r\n  .photo-frame.carousel img:nth-child(6){animation-delay:25s;}\r\n  .photo-frame.carousel img:nth-child(7){animation-delay:30s;}\r\n  .photo-frame.carousel img:nth-child(8){animation-delay:35s;}\r\n  @keyframes carouselFade{\r\n    0%{opacity:0;}\r\n    2%{opacity:1;}\r\n    11%{opacity:1;}\r\n    13%{opacity:0;}\r\n    100%{opacity:0;}\r\n  }\r\n  @media (prefers-reduced-motion: reduce){\r\n    .photo-frame.carousel img{ animation:none; opacity:0; }\r\n    .photo-frame.carousel img:first-child{ opacity:1; }\r\n  }\r\n  .g-item{ position:relative; overflow:hidden; aspect-ratio:1\/1; background:var(--ink); display:flex; align-items:center; justify-content:center; }\r\n  .g-item img{ width:100%; height:100%; object-fit:contain; transition:transform .5s ease; }\r\n  .g-item:hover img{ transform:scale(1.07); }\r\n  .g-item::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 60%, rgba(0,0,0,.55)); }\r\n\r\n  \/* ---------- testimonials ---------- *\/\r\n  .testi-grid{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--line-dark); }\r\n  .testi-card{ background:var(--white); padding:44px; color:var(--ink); }\r\n  .testi-card .stars{ display:flex; gap:5px; color:var(--steel-3); margin-bottom:20px; }\r\n  .testi-card .stars svg{ width:16px; height:16px; }\r\n  .testi-card p{ font-size:16px; line-height:1.8; opacity:.85; margin-bottom:22px; color:var(--ink); }\r\n  .testi-name{ font-family:'Inter Tight', sans-serif; font-size:13px; letter-spacing:1.5px; text-transform:uppercase; color:var(--ink); }\r\n\r\n  \/* ---------- donate banner ---------- *\/\r\n  .donate-banner{\r\n    background:var(--ink);\r\n    color:var(--white); text-align:center; padding:110px 0; position:relative;\r\n  }\r\n  .donate-banner h2{ font-size:clamp(30px, 4vw, 50px); margin-bottom:20px; }\r\n  .donate-banner p{ max-width:600px; margin:0 auto 36px; font-size:17px; line-height:1.7; opacity:.8; }\r\n  .btn-dark{\r\n    font-family:'Inter Tight', sans-serif; font-size:14px; letter-spacing:2px; text-transform:uppercase; font-weight:600;\r\n    color:var(--white); background:var(--ink); padding:16px 40px; transform:skewX(-8deg); display:inline-block;\r\n  }\r\n  .btn-dark span{display:inline-block; transform:skewX(8deg);}\r\n\r\n  .btn-pill{\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:transparent; border:2px solid var(--white); padding:16px 40px; border-radius:999px; display:inline-block;\r\n    text-decoration:none !important;\r\n    transition:all .25s ease;\r\n  }\r\n  .btn-pill span{ text-decoration:none !important; }\r\n  .btn-pill:hover{ background:var(--white); color:var(--ink); }\r\n  .btn-pill.dark-border{ color:var(--ink); border-color:var(--ink); }\r\n  .btn-pill.dark-border:hover{ background:var(--ink); color:var(--white); }\r\n\r\n  \/* ---------- responsive ---------- *\/\r\n  @media (max-width:1024px){\r\n    .wrap{padding:0 28px;}\r\n    .split{gap:50px;}\r\n    .program-grid{grid-template-columns:repeat(2, 1fr);}\r\n    .stat-card{grid-template-columns:repeat(2,1fr);}\r\n    .stat-item:nth-child(2){border-right:none;}\r\n    .photo-frame{padding:16px;}\r\n    .photo-frame::before, .photo-frame::after{width:44px; height:44px;}\r\n  }\r\n  @media (max-width:768px){\r\n    section{padding:90px 0;}\r\n    .split{grid-template-columns:1fr; text-align:center;}\r\n    .split .col-img{order:-1;}\r\n    .eyebrow{justify-content:center;}\r\n    .program-grid{grid-template-columns:1fr;}\r\n    .pillar-grid{grid-template-columns:1fr;}\r\n    .testi-grid{grid-template-columns:1fr;}\r\n    .hero h1{font-size:clamp(30px, 9vw, 44px);}\r\n    .hero p, .hero-ctas{margin-left:auto; margin-right:auto;}\r\n    .hero-ctas{justify-content:center;}\r\n    .hero-inner{text-align:center;}\r\n    .stat-strip{margin-top:-50px;}\r\n    .gallery-head{flex-direction:column; align-items:center; text-align:center;}\r\n\r\n    \/* centrado general en m\u00f3vil *\/\r\n    .col-text p{text-align:center;}\r\n    .pillar-card{text-align:center;}\r\n    .pillar-icon{margin-left:auto; margin-right:auto;}\r\n    .program-card{text-align:center;}\r\n    .program-icon{margin-left:auto; margin-right:auto;}\r\n    .programs-head, .pillars-head{text-align:center;}\r\n    .testi-card{text-align:center;}\r\n    .testi-card .stars{justify-content:center;}\r\n    .founder-cta{display:flex; justify-content:center;}\r\n  }\r\n  @media (max-width:480px){\r\n    .wrap{padding:0 20px;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"donate-banner\" id=\"donate\">\r\n  <div class=\"wrap\">\r\n    <div class=\"eyebrow\" style=\"justify-content:center; color:rgba(10,10,10,.55);\">Apoya nuestra misi\u00f3n<\/div>\r\n    <h2 class=\"reveal\">Cada donaci\u00f3n hace la diferencia<\/h2>\r\n    <a href=\"https:\/\/courageousheartnonprofit.org\/es\/donate\/\" class=\"btn-pill reveal\"><span>Haz una donaci\u00f3n ahora<\/span><\/a>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>About Us A story of fear turned into fearless purpose. From foster care in Chicago to founding a nonprofit reaching families across two countries \u2014 this is the journey behind Courageous Heart. The Journey How Courageous Heart Began Gabriel&#8217;s Story Gabriel is all too familiar with the injustice and hardship that exists in this world. [&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-103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages\/103","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=103"}],"version-history":[{"count":97,"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":1415,"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages\/103\/revisions\/1415"}],"wp:attachment":[{"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/media?parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}