{"id":868,"date":"2026-10-14T22:01:26","date_gmt":"2026-10-14T22:01:26","guid":{"rendered":"https:\/\/demo2.allcreative.com.co\/?page_id=868"},"modified":"2026-10-14T23:25:52","modified_gmt":"2026-10-14T23:25:52","slug":"home","status":"publish","type":"page","link":"https:\/\/demo2.allcreative.com.co\/en\/","title":{"rendered":"home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"868\" class=\"elementor elementor-868\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e22d558 e-con-full e-flex e-con e-parent\" data-id=\"e22d558\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af458ee elementor-widget elementor-widget-html\" data-id=\"af458ee\" 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<style>\r\n#bam-landing {\r\n  --bam-blue: #25276f;\r\n  --bam-blue-dark: #181a4a;\r\n  --bam-yellow: #e9e444;\r\n  --bam-cream: #f7f6ef;\r\n  --bam-white: #fff;\r\n  --bam-ink: #232437;\r\n  --bam-muted: #666776;\r\n  --bam-line: #dfdfd8;\r\n  --bam-radius: 22px;\r\n  font-family: Inter, \"Segoe UI\", Arial, sans-serif;\r\n  background: var(--bam-white);\r\n  color: var(--bam-ink);\r\n  font-size: 17px;\r\n  line-height: 1.65;\r\n  width: 100%;\r\n  margin: 0;\r\n  isolation: isolate;\r\n  text-align: left;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n#bam-landing *,\r\n#bam-landing *::before,\r\n#bam-landing *::after {\r\n  box-sizing: border-box;\r\n}\r\n#bam-landing [hidden] {\r\n  display: none !important;\r\n}\r\n#bam-landing h1,\r\n#bam-landing h2,\r\n#bam-landing h3,\r\n#bam-landing p,\r\n#bam-landing figure,\r\n#bam-landing ul {\r\n  margin: 0;\r\n}\r\n#bam-landing h1,\r\n#bam-landing h2,\r\n#bam-landing h3 {\r\n  font-family: inherit;\r\n  color: inherit;\r\n  font-style: normal;\r\n  text-transform: none;\r\n}\r\n#bam-landing h1 {\r\n  font-size: clamp(44px, 5.35vw, 78px);\r\n  line-height: 1.035;\r\n  letter-spacing: -.055em;\r\n  font-weight: 750;\r\n}\r\n#bam-landing h2 {\r\n  font-size: clamp(32px, 3.65vw, 51px);\r\n  line-height: 1.13;\r\n  letter-spacing: -.04em;\r\n  font-weight: 720;\r\n}\r\n#bam-landing h3 {\r\n  font-size: 23px;\r\n  line-height: 1.25;\r\n  letter-spacing: -.025em;\r\n  font-weight: 700;\r\n}\r\n#bam-landing a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n#bam-landing button,\r\n#bam-landing input,\r\n#bam-landing select,\r\n#bam-landing textarea {\r\n  font: inherit;\r\n}\r\n#bam-landing button {\r\n  cursor: pointer;\r\n  text-transform: none;\r\n}\r\n#bam-landing input,\r\n#bam-landing textarea,\r\n#bam-landing select {\r\n  box-shadow: none;\r\n}\r\n#bam-landing img {\r\n  display: block;\r\n  max-width: 100%;\r\n}\r\n#bam-landing svg {\r\n  flex-shrink: 0;\r\n}\r\n#bam-landing :is(a, button, input, select, textarea, summary):focus-visible {\r\n  outline: 3px solid #777abb;\r\n  outline-offset: 4px;\r\n}\r\n#bam-landing section {\r\n  scroll-margin-top: 118px;\r\n}\r\n#bam-landing .bam-container {\r\n  width: min(1200px, calc(100% - 80px));\r\n  margin-inline: auto;\r\n}\r\n#bam-landing .bam-section {\r\n  padding: 100px 0;\r\n}\r\n#bam-landing .bam-eyebrow {\r\n  display: block;\r\n  font-size: 12px;\r\n  font-weight: 750;\r\n  letter-spacing: .145em;\r\n  text-transform: uppercase;\r\n  color: var(--bam-blue);\r\n  margin-bottom: 18px;\r\n}\r\n#bam-landing .bam-text {\r\n  color: var(--bam-muted);\r\n  line-height: 1.75;\r\n}\r\n#bam-landing .bam-text a {\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n}\r\n#bam-landing .bam-buttons {\r\n  display: flex;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n  margin-top: 28px;\r\n}\r\n#bam-landing .bam-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  min-height: 54px;\r\n  padding: 14px 23px;\r\n  border: 1px solid transparent;\r\n  border-radius: 9px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  color: var(--bam-blue-dark);\r\n  background: var(--bam-yellow);\r\n  transition: background .18s, transform .18s, box-shadow .18s;\r\n}\r\n#bam-landing .bam-btn:hover {\r\n  background: #e0db27;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 5px 12px #181a4a12;\r\n}\r\n#bam-landing .bam-btn svg {\r\n  width: 17px;\r\n  height: 17px;\r\n}\r\n#bam-landing .bam-btn-outline {\r\n  background: transparent;\r\n  border-color: #b7b7c3;\r\n  color: var(--bam-blue);\r\n}\r\n#bam-landing .bam-btn-outline:hover {\r\n  background: #efeff7;\r\n}\r\n#bam-landing .bam-btn-blue {\r\n  background: var(--bam-blue);\r\n  color: white;\r\n}\r\n#bam-landing .bam-btn-blue:hover {\r\n  background: var(--bam-blue-dark);\r\n}\r\n#bam-landing .bam-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: var(--bam-blue);\r\n  line-height: 1.5;\r\n}\r\n#bam-landing .bam-link svg {\r\n  width: 17px;\r\n  height: 17px;\r\n}\r\n#bam-landing .bam-link:hover {\r\n  text-decoration: underline;\r\n  text-underline-offset: 5px;\r\n}\r\n#bam-landing .bam-topbar {\r\n  background: var(--bam-blue-dark);\r\n  color: #f4f3ec;\r\n  font-size: 11px;\r\n}\r\n#bam-landing .bam-topbar-inner {\r\n  min-height: 34px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n}\r\n#bam-landing .bam-topbar a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  opacity: .88;\r\n}\r\n#bam-landing .bam-topbar a:hover {\r\n  opacity: 1;\r\n  text-decoration: underline;\r\n}\r\n#bam-landing .bam-header {\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 30;\r\n  background: #fffffff5;\r\n  border-bottom: 1px solid #e9e9e4;\r\n  backdrop-filter: blur(12px);\r\n}\r\n#bam-landing .bam-header-inner {\r\n  min-height: 91px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 28px;\r\n  justify-content: space-between;\r\n}\r\n#bam-landing .bam-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 215px;\r\n  gap: 12px;\r\n}\r\n#bam-landing .bam-logo {\r\n  width: 198px;\r\n  height: 84px;\r\n  object-fit: contain;\r\n  object-position: left center;\r\n}\r\n#bam-landing .bam-nav {\r\n  display: flex;\r\n  gap: 24px;\r\n  align-items: center;\r\n  font-size: 12px;\r\n  font-weight: 650;\r\n}\r\n#bam-landing .bam-nav a:hover {\r\n  color: var(--bam-blue);\r\n  text-decoration: underline;\r\n  text-underline-offset: 7px;\r\n}\r\n#bam-landing .bam-header .bam-btn {\r\n  min-height: 43px;\r\n  font-size: 12px;\r\n  padding: 11px 18px;\r\n}\r\n#bam-landing .bam-mobile-nav {\r\n  display: none;\r\n  position: relative;\r\n}\r\n#bam-landing .bam-mobile-nav summary {\r\n  list-style: none;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  padding: 12px 4px;\r\n  cursor: pointer;\r\n}\r\n#bam-landing .bam-mobile-nav summary::-webkit-details-marker {\r\n  display: none;\r\n}\r\n#bam-landing .bam-mobile-menu {\r\n  position: absolute;\r\n  top: calc(100% + 12px);\r\n  right: 0;\r\n  width: min(280px, calc(100vw - 40px));\r\n  background: white;\r\n  box-shadow: 0 12px 40px #181a4a22;\r\n  border: 1px solid var(--bam-line);\r\n  border-radius: 14px;\r\n  padding: 12px;\r\n}\r\n#bam-landing .bam-mobile-menu a {\r\n  display: block;\r\n  padding: 12px 14px;\r\n  font-size: 14px;\r\n  border-radius: 6px;\r\n}\r\n#bam-landing .bam-mobile-menu a:hover {\r\n  background: var(--bam-cream);\r\n}\r\n#bam-landing .bam-hero {\r\n  background: var(--bam-cream);\r\n  position: relative;\r\n  padding: 68px 0 75px;\r\n}\r\n#bam-landing .bam-hero-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  align-items: center;\r\n  gap: 64px;\r\n}\r\n#bam-landing .bam-hero h1 em {\r\n  font-style: normal;\r\n  color: var(--bam-blue);\r\n  position: relative;\r\n}\r\n#bam-landing .bam-hero h1 em::after {\r\n  content: \"\";\r\n  display: block;\r\n  width: 83%;\r\n  height: 8px;\r\n  margin-top: 10px;\r\n  background: var(--bam-yellow);\r\n  border-radius: 50%;\r\n  transform: rotate(-2deg);\r\n}\r\n#bam-landing .bam-hero-copy .bam-text {\r\n  font-size: 16px;\r\n  max-width: 480px;\r\n  margin-top: 27px;\r\n}\r\n#bam-landing .bam-hero-motto {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-top: 28px;\r\n  font-size: 12px;\r\n  color: var(--bam-muted);\r\n}\r\n#bam-landing .bam-dot {\r\n  display: inline-block;\r\n  width: 7px;\r\n  height: 7px;\r\n  background: var(--bam-yellow);\r\n  border-radius: 50%;\r\n  border: 1px solid #a9a628;\r\n  flex-shrink: 0;\r\n}\r\n#bam-landing .bam-hero-visual {\r\n  position: relative;\r\n  padding: 0 0 48px;\r\n  min-width: 0;\r\n}\r\n#bam-landing .bam-photo {\r\n  overflow: hidden;\r\n  position: relative;\r\n  background: #ecece3;\r\n  isolation: isolate;\r\n}\r\n#bam-landing .bam-photo > img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n}\r\n#bam-landing .bam-hero-photo {\r\n  aspect-ratio: 1 \/ 1.04;\r\n  border-radius: 90px 16px 16px 16px;\r\n  background: #dde3d7;\r\n}\r\n#bam-landing .bam-hero-small {\r\n  position: absolute;\r\n  width: 39%;\r\n  bottom: 0;\r\n  left: -29px;\r\n  aspect-ratio: 1 \/ 1;\r\n  border: 7px solid var(--bam-cream);\r\n  border-radius: 18px;\r\n  background: #dbe1e7;\r\n  z-index: 4;\r\n}\r\n#bam-landing .bam-caption-pill {\r\n  position: absolute;\r\n  bottom: 15px;\r\n  right: 8px;\r\n  z-index: 5;\r\n  padding: 17px 23px;\r\n  background: var(--bam-yellow);\r\n  border-radius: 14px;\r\n  color: var(--bam-blue-dark);\r\n  box-shadow: 0 8px 20px #181a4a0e;\r\n}\r\n#bam-landing .bam-caption-pill span {\r\n  display: block;\r\n  font-size: 9px;\r\n  text-transform: uppercase;\r\n  letter-spacing: .15em;\r\n  margin-bottom: 3px;\r\n}\r\n#bam-landing .bam-caption-pill strong {\r\n  font-size: 17px;\r\n  letter-spacing: -.02em;\r\n  font-weight: 700;\r\n}\r\n#bam-landing .bam-impact {\r\n  border-bottom: 1px solid var(--bam-line);\r\n  background: white;\r\n}\r\n#bam-landing .bam-impact-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr 1fr 1fr;\r\n  padding: 34px 0;\r\n  align-items: center;\r\n}\r\n#bam-landing .bam-impact-intro {\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n  color: var(--bam-muted);\r\n  padding-right: 28px;\r\n}\r\n#bam-landing .bam-impact-intro strong {\r\n  display: block;\r\n  font-size: 17px;\r\n  color: var(--bam-ink);\r\n  line-height: 1.3;\r\n  margin-bottom: 4px;\r\n}\r\n#bam-landing .bam-stat {\r\n  border-left: 1px solid var(--bam-line);\r\n  padding-left: 36px;\r\n}\r\n#bam-landing .bam-stat strong {\r\n  display: block;\r\n  font-size: 37px;\r\n  letter-spacing: -.055em;\r\n  line-height: 1.2;\r\n  color: var(--bam-blue);\r\n  font-weight: 750;\r\n}\r\n#bam-landing .bam-stat span {\r\n  display: block;\r\n  font-size: 12px;\r\n  margin-top: 5px;\r\n}\r\n#bam-landing .bam-stat small {\r\n  display: block;\r\n  font-size: 10px;\r\n  margin-top: 3px;\r\n  color: var(--bam-muted);\r\n}\r\n#bam-landing .bam-about-grid {\r\n  display: grid;\r\n  grid-template-columns: .95fr 1.05fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n#bam-landing .bam-about-photo {\r\n  aspect-ratio: 1.12 \/ 1;\r\n  border-radius: var(--bam-radius);\r\n  background: #e4e1d9;\r\n}\r\n#bam-landing .bam-about-copy .bam-text {\r\n  margin-top: 23px;\r\n  font-size: 15px;\r\n}\r\n#bam-landing .bam-tags {\r\n  display: flex;\r\n  gap: 9px;\r\n  flex-wrap: wrap;\r\n  margin-top: 22px;\r\n}\r\n#bam-landing .bam-tag {\r\n  font-size: 10px;\r\n  font-weight: 650;\r\n  border: 1px solid var(--bam-line);\r\n  border-radius: 100px;\r\n  padding: 6px 12px;\r\n  color: var(--bam-blue);\r\n}\r\n#bam-landing .bam-story {\r\n  margin-top: 23px;\r\n}\r\n#bam-landing .bam-story summary {\r\n  font-size: 13px;\r\n  color: var(--bam-blue);\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  padding: 6px 0;\r\n}\r\n#bam-landing .bam-story p {\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n  margin-top: 8px;\r\n  color: var(--bam-muted);\r\n}\r\n#bam-landing .bam-help {\r\n  background: var(--bam-cream);\r\n}\r\n#bam-landing .bam-section-heading {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n  margin-bottom: 35px;\r\n}\r\n#bam-landing .bam-section-heading .bam-text {\r\n  max-width: 340px;\r\n  font-size: 14px;\r\n  padding-bottom: 4px;\r\n}\r\n#bam-landing .bam-help-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n}\r\n#bam-landing .bam-help-card {\r\n  background: white;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  border: 1px solid #e4e4dc;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n#bam-landing .bam-help-photo {\r\n  aspect-ratio: 1.36 \/ 1;\r\n}\r\n#bam-landing .bam-help-body {\r\n  padding: 26px 23px 23px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n#bam-landing .bam-help-number {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  color: #7b7c8d;\r\n  letter-spacing: .1em;\r\n  margin-bottom: 12px;\r\n}\r\n#bam-landing .bam-help-body h3 {\r\n  font-size: 21px;\r\n}\r\n#bam-landing .bam-help-body p {\r\n  font-size: 12px;\r\n  line-height: 1.75;\r\n  color: var(--bam-muted);\r\n  margin: 13px 0 22px;\r\n}\r\n#bam-landing .bam-help-body .bam-link {\r\n  margin-top: auto;\r\n  font-size: 12px;\r\n  justify-content: space-between;\r\n  gap: 8px;\r\n}\r\n#bam-landing .bam-donate {\r\n  color: white;\r\n  background: var(--bam-blue);\r\n  position: relative;\r\n}\r\n#bam-landing .bam-donate-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr .86fr;\r\n  gap: 90px;\r\n  align-items: center;\r\n}\r\n#bam-landing .bam-donate .bam-eyebrow {\r\n  color: #dbdfed;\r\n}\r\n#bam-landing .bam-donate h2 {\r\n  font-size: clamp(37px, 4.2vw, 57px);\r\n}\r\n#bam-landing .bam-donate h2 em {\r\n  color: var(--bam-yellow);\r\n  font-style: normal;\r\n}\r\n#bam-landing .bam-donate .bam-text {\r\n  color: #dadbea;\r\n  font-size: 15px;\r\n  margin-top: 24px;\r\n  max-width: 480px;\r\n}\r\n#bam-landing .bam-donate-note {\r\n  display: flex;\r\n  gap: 11px;\r\n  align-items: flex-start;\r\n  font-size: 11px;\r\n  color: #d7d8ea;\r\n  margin-top: 24px;\r\n}\r\n#bam-landing .bam-donate-note svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n#bam-landing .bam-payment-panel {\r\n  background: white;\r\n  color: var(--bam-ink);\r\n  border-radius: 21px;\r\n  padding: 34px;\r\n}\r\n#bam-landing .bam-payment-panel h3 {\r\n  font-size: 25px;\r\n}\r\n#bam-landing .bam-payment-panel > p {\r\n  font-size: 13px;\r\n  color: var(--bam-muted);\r\n  margin-top: 11px;\r\n  line-height: 1.7;\r\n}\r\n#bam-landing .bam-payment-panel .bam-btn {\r\n  width: 100%;\r\n  margin-top: 25px;\r\n  justify-content: space-between;\r\n}\r\n#bam-landing .bam-portal-state {\r\n  font-size: 11px;\r\n  color: #7e682f;\r\n  line-height: 1.6;\r\n  margin-top: 11px;\r\n}\r\n#bam-landing .bam-process-heading {\r\n  max-width: 650px;\r\n}\r\n#bam-landing .bam-process-grid {\r\n  display: grid;\r\n  grid-template-columns: .95fr 1.05fr;\r\n  gap: 68px;\r\n  margin-top: 40px;\r\n}\r\n#bam-landing .bam-process-photos {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n  align-self: start;\r\n}\r\n#bam-landing .bam-process-photo {\r\n  aspect-ratio: .73 \/ 1;\r\n  border-radius: 15px;\r\n  background: #e3e7dd;\r\n}\r\n#bam-landing .bam-process-photo:nth-child(2) {\r\n  margin-top: 48px;\r\n  background: #e9e5d9;\r\n}\r\n#bam-landing .bam-process-steps {\r\n  padding: 0;\r\n  list-style: none;\r\n  counter-reset: bam-step;\r\n  margin: 0;\r\n}\r\n#bam-landing .bam-process-step {\r\n  counter-increment: bam-step;\r\n  position: relative;\r\n  padding: 0 0 24px 57px;\r\n}\r\n#bam-landing .bam-process-step::before {\r\n  content: \"0\" counter(bam-step);\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 35px;\r\n  height: 35px;\r\n  border: 1px solid var(--bam-line);\r\n  display: grid;\r\n  place-items: center;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: var(--bam-blue);\r\n  border-radius: 50%;\r\n  background: white;\r\n  z-index: 2;\r\n}\r\n#bam-landing .bam-process-step:not(:last-child)::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 17px;\r\n  top: 36px;\r\n  bottom: 0;\r\n  width: 1px;\r\n  background: var(--bam-line);\r\n}\r\n#bam-landing .bam-process-step h3 {\r\n  font-size: 19px;\r\n  padding-top: 5px;\r\n}\r\n#bam-landing .bam-process-step p {\r\n  color: var(--bam-muted);\r\n  font-size: 12px;\r\n  margin-top: 6px;\r\n  line-height: 1.75;\r\n}\r\n#bam-landing .bam-community {\r\n  background: var(--bam-cream);\r\n}\r\n#bam-landing .bam-volunteer {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  overflow: hidden;\r\n  border-radius: 24px;\r\n  background: white;\r\n  border: 1px solid #e7e7df;\r\n}\r\n#bam-landing .bam-volunteer-photo {\r\n  min-height: 470px;\r\n  background: #d9dfd5;\r\n}\r\n#bam-landing .bam-volunteer-copy {\r\n  padding: 50px;\r\n}\r\n#bam-landing .bam-volunteer-copy h2 {\r\n  font-size: clamp(32px, 3.2vw, 43px);\r\n}\r\n#bam-landing .bam-volunteer-copy p {\r\n  font-size: 14px;\r\n  color: var(--bam-muted);\r\n  margin-top: 20px;\r\n  line-height: 1.75;\r\n}\r\n#bam-landing .bam-volunteer-list {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 10px;\r\n  margin-top: 23px;\r\n  list-style: none;\r\n  padding: 0;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--bam-blue);\r\n}\r\n#bam-landing .bam-volunteer-list li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n#bam-landing .bam-volunteer-list li svg {\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n#bam-landing .bam-beneficiaries {\r\n  display: grid;\r\n  grid-template-columns: .95fr 1.05fr;\r\n  gap: 65px;\r\n  padding-top: 80px;\r\n  align-items: center;\r\n}\r\n#bam-landing .bam-beneficiary-photo {\r\n  aspect-ratio: 1.32 \/ 1;\r\n  border-radius: 19px;\r\n  background: #dde2e7;\r\n}\r\n#bam-landing .bam-beneficiary-copy h2 {\r\n  font-size: clamp(30px, 3vw, 41px);\r\n}\r\n#bam-landing .bam-beneficiary-copy > p {\r\n  font-size: 14px;\r\n  color: var(--bam-muted);\r\n  margin-top: 20px;\r\n}\r\n#bam-landing .bam-accordion {\r\n  margin-top: 22px;\r\n  border-top: 1px solid #d4d5cf;\r\n}\r\n#bam-landing .bam-accordion details {\r\n  border-bottom: 1px solid #d4d5cf;\r\n}\r\n#bam-landing .bam-accordion summary {\r\n  padding: 15px 24px 15px 0;\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n  font-weight: 650;\r\n  cursor: pointer;\r\n  color: var(--bam-blue);\r\n  position: relative;\r\n  list-style: none;\r\n}\r\n#bam-landing .bam-accordion summary::-webkit-details-marker {\r\n  display: none;\r\n}\r\n#bam-landing .bam-accordion summary::after {\r\n  content: \"+\";\r\n  position: absolute;\r\n  right: 2px;\r\n  top: 13px;\r\n  font-size: 21px;\r\n  font-weight: 400;\r\n}\r\n#bam-landing .bam-accordion details[open] summary::after {\r\n  content: \"\u2212\";\r\n}\r\n#bam-landing .bam-accordion details > p,\r\n#bam-landing .bam-accordion details > ul {\r\n  color: var(--bam-muted);\r\n  font-size: 12px;\r\n  line-height: 1.8;\r\n  padding: 0 0 17px;\r\n}\r\n#bam-landing .bam-accordion details > ul {\r\n  padding-left: 18px;\r\n}\r\n#bam-landing .bam-institution {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n  border-top: 1px solid #ddddda;\r\n  padding-top: 35px;\r\n  margin-top: 70px;\r\n}\r\n#bam-landing .bam-institution p {\r\n  font-size: 12px;\r\n  line-height: 1.8;\r\n  color: var(--bam-muted);\r\n  max-width: 680px;\r\n}\r\n#bam-landing .bam-institution strong {\r\n  color: var(--bam-blue);\r\n  font-size: 14px;\r\n}\r\n#bam-landing .bam-contact {\r\n  background: white;\r\n}\r\n#bam-landing .bam-contact-grid {\r\n  display: grid;\r\n  grid-template-columns: .9fr 1.1fr;\r\n  gap: 90px;\r\n}\r\n#bam-landing .bam-contact h2 {\r\n  font-size: clamp(36px, 4vw, 54px);\r\n}\r\n#bam-landing .bam-contact-copy > p {\r\n  margin-top: 22px;\r\n  font-size: 15px;\r\n  color: var(--bam-muted);\r\n  max-width: 400px;\r\n}\r\n#bam-landing .bam-contact-lines {\r\n  margin-top: 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 18px;\r\n}\r\n#bam-landing .bam-contact-line {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 13px;\r\n}\r\n#bam-landing .bam-contact-line svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  color: var(--bam-blue);\r\n  margin-top: 3px;\r\n}\r\n#bam-landing .bam-contact-line small {\r\n  display: block;\r\n  color: var(--bam-muted);\r\n  font-size: 10px;\r\n  margin-bottom: 2px;\r\n  text-transform: uppercase;\r\n  letter-spacing: .07em;\r\n}\r\n#bam-landing .bam-contact-line a {\r\n  font-size: 13px;\r\n  overflow-wrap: anywhere;\r\n}\r\n#bam-landing .bam-contact-line a:hover {\r\n  text-decoration: underline;\r\n}\r\n#bam-landing .bam-contact-motto {\r\n  font-size: 22px;\r\n  line-height: 1.45;\r\n  color: var(--bam-blue);\r\n  letter-spacing: -.025em;\r\n  margin-top: 43px;\r\n  max-width: 350px;\r\n  font-weight: 650;\r\n}\r\n#bam-landing .bam-form-card {\r\n  border: 1px solid var(--bam-line);\r\n  border-radius: 20px;\r\n  padding: 33px;\r\n  background: var(--bam-cream);\r\n}\r\n#bam-landing .bam-form-card > p {\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n  color: var(--bam-muted);\r\n  margin-top: 10px;\r\n}\r\n#bam-landing .bam-form {\r\n  margin-top: 23px;\r\n}\r\n#bam-landing .bam-fields {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n}\r\n#bam-landing .bam-field-full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n#bam-landing .bam-form label {\r\n  display: block;\r\n  font-size: 11px;\r\n  font-weight: 650;\r\n  color: var(--bam-ink);\r\n  margin-bottom: 7px;\r\n}\r\n#bam-landing .bam-form input:not([type=\"checkbox\"]),\r\n#bam-landing .bam-form select,\r\n#bam-landing .bam-form textarea {\r\n  display: block;\r\n  width: 100%;\r\n  min-width: 0;\r\n  color: var(--bam-ink);\r\n  border: 1px solid #d4d4cd;\r\n  border-radius: 7px;\r\n  background: white;\r\n  padding: 12px 13px;\r\n  min-height: 46px;\r\n  font-size: 13px;\r\n  line-height: 1.4;\r\n}\r\n#bam-landing .bam-form input::placeholder,\r\n#bam-landing .bam-form textarea::placeholder {\r\n  color: #888991;\r\n}\r\n#bam-landing .bam-form textarea {\r\n  resize: vertical;\r\n  min-height: 122px;\r\n}\r\n#bam-landing .bam-form .bam-consent {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  margin: 20px 0;\r\n  font-weight: 400;\r\n  line-height: 1.7;\r\n  font-size: 11px;\r\n}\r\n#bam-landing .bam-consent input {\r\n  width: 17px;\r\n  height: 17px;\r\n  flex-shrink: 0;\r\n  accent-color: var(--bam-blue);\r\n  margin: 2px 0 0;\r\n}\r\n#bam-landing .bam-consent a {\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n}\r\n#bam-landing .bam-form .bam-btn {\r\n  width: 100%;\r\n  justify-content: space-between;\r\n}\r\n#bam-landing .bam-form .bam-btn:disabled {\r\n  cursor: not-allowed;\r\n  opacity: .65;\r\n}\r\n#bam-landing .bam-form-small {\r\n  font-size: 10px;\r\n  line-height: 1.65;\r\n  color: var(--bam-muted);\r\n  margin-top: 10px;\r\n}\r\n#bam-landing .bam-message-status {\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n  border-radius: 7px;\r\n  background: #eff1e8;\r\n  color: var(--bam-blue);\r\n  margin-top: 15px;\r\n  padding: 13px;\r\n  overflow-wrap: anywhere;\r\n}\r\n#bam-landing .bam-message-status a {\r\n  display: block;\r\n  font-weight: 700;\r\n  margin-top: 7px;\r\n  text-decoration: underline;\r\n}\r\n#bam-landing .bam-footer {\r\n  background: var(--bam-blue-dark);\r\n  color: #f1f0f8;\r\n  padding: 34px 0 88px;\r\n}\r\n#bam-landing .bam-footer-main {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  gap: 36px;\r\n}\r\n#bam-landing .bam-footer-name {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n}\r\n#bam-landing .bam-footer-note {\r\n  font-size: 11px;\r\n  opacity: .68;\r\n  margin-top: 7px;\r\n  line-height: 1.8;\r\n}\r\n#bam-landing .bam-footer-links {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  font-size: 11px;\r\n  padding-top: 4px;\r\n}\r\n#bam-landing .bam-footer-links a:hover {\r\n  text-decoration: underline;\r\n}\r\n#bam-landing .bam-footer-bottom {\r\n  border-top: 1px solid #ffffff24;\r\n  margin-top: 25px;\r\n  padding-top: 17px;\r\n  font-size: 10px;\r\n  color: #c5c6d5;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n}\r\n#bam-landing .bam-floating {\r\n  position: fixed;\r\n  bottom: 23px;\r\n  right: 23px;\r\n  z-index: 40;\r\n  width: 53px;\r\n  height: 53px;\r\n  background: var(--bam-blue);\r\n  color: white;\r\n  border: 2px solid white;\r\n  border-radius: 50%;\r\n  display: grid;\r\n  place-items: center;\r\n  box-shadow: 0 6px 24px #181a4a2c;\r\n}\r\n#bam-landing .bam-floating svg {\r\n  width: 25px;\r\n  height: 25px;\r\n}\r\n#bam-landing .bam-mobile-actions {\r\n  display: none;\r\n}\r\n@media (min-width: 1024px) {\r\n  body.admin-bar #bam-landing .bam-header {\r\n    top: 32px;\r\n  }\r\n}\r\n@media (max-width: 1140px) {\r\n  #bam-landing .bam-nav { gap: 16px; font-size: 11px; }\r\n  #bam-landing .bam-header-inner { gap: 17px; }\r\n  #bam-landing .bam-brand { min-width: 186px; }\r\n  #bam-landing .bam-hero-grid { gap: 42px; }\r\n  #bam-landing .bam-donate-grid { gap: 50px; }\r\n  #bam-landing .bam-help-grid { grid-template-columns: repeat(2, 1fr); }\r\n  #bam-landing .bam-help-photo { aspect-ratio: 1.65 \/ 1; }\r\n  #bam-landing .bam-contact-grid { gap: 50px; }\r\n  #bam-landing .bam-volunteer-copy { padding: 37px; }\r\n}\r\n@media (max-width: 980px) {\r\n  #bam-landing .bam-nav { display: none; }\r\n  #bam-landing .bam-mobile-nav { display: block; margin-left: auto; }\r\n  #bam-landing .bam-container { width: calc(100% - 48px); }\r\n  #bam-landing .bam-section { padding: 72px 0; }\r\n  #bam-landing .bam-hero-grid { gap: 34px; }\r\n  #bam-landing .bam-hero h1 { font-size: 50px; }\r\n  #bam-landing .bam-about-grid { gap: 40px; }\r\n  #bam-landing .bam-impact-grid { grid-template-columns: repeat(3, 1fr); }\r\n  #bam-landing .bam-impact-intro { grid-column: 1 \/ -1; margin-bottom: 19px; }\r\n  #bam-landing .bam-stat { padding-left: 22px; }\r\n  #bam-landing .bam-stat:nth-child(2) { border-left: 0; padding-left: 0; }\r\n  #bam-landing .bam-process-grid { gap: 38px; }\r\n  #bam-landing .bam-process-photo { aspect-ratio: .6 \/ 1; }\r\n  #bam-landing .bam-volunteer { grid-template-columns: .9fr 1.1fr; }\r\n  #bam-landing .bam-volunteer-copy { padding: 29px; }\r\n  #bam-landing .bam-volunteer-list { grid-template-columns: 1fr; }\r\n  #bam-landing .bam-beneficiaries { gap: 35px; }\r\n  #bam-landing .bam-contact-grid { gap: 35px; grid-template-columns: .8fr 1.2fr; }\r\n  #bam-landing .bam-form-card { padding: 27px; }\r\n  #bam-landing .bam-fields { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 720px) {\r\n  #bam-landing { font-size: 16px; }\r\n  #bam-landing .bam-container { width: calc(100% - 40px); }\r\n  #bam-landing .bam-section { padding: 57px 0; }\r\n  #bam-landing .bam-topbar { font-size: 9px; }\r\n  #bam-landing .bam-topbar-inner { min-height: 31px; }\r\n  #bam-landing .bam-topbar-link { display: none; }\r\n  #bam-landing .bam-header-inner { min-height: 78px; gap: 12px; }\r\n  #bam-landing .bam-brand { min-width: 0; }\r\n  #bam-landing .bam-logo { width: 150px; height: 73px; }\r\n  #bam-landing .bam-header-donate { display: none; }\r\n  #bam-landing .bam-eyebrow { font-size: 10px; letter-spacing: .12em; margin-bottom: 15px; }\r\n  #bam-landing .bam-hero { padding: 39px 0 40px; }\r\n  #bam-landing .bam-hero-grid,\r\n  #bam-landing .bam-about-grid,\r\n  #bam-landing .bam-donate-grid,\r\n  #bam-landing .bam-process-grid,\r\n  #bam-landing .bam-contact-grid,\r\n  #bam-landing .bam-beneficiaries { grid-template-columns: 1fr; }\r\n  #bam-landing .bam-hero-grid { gap: 37px; }\r\n  #bam-landing .bam-hero h1 { font-size: clamp(43px, 11.5vw, 62px); }\r\n  #bam-landing .bam-hero-copy .bam-text { font-size: 14px; margin-top: 21px; }\r\n  #bam-landing .bam-btn { padding: 13px 19px; font-size: 12px; min-height: 49px; }\r\n  #bam-landing .bam-buttons { margin-top: 22px; }\r\n  #bam-landing .bam-hero-motto { margin-top: 21px; font-size: 11px; }\r\n  #bam-landing .bam-hero-visual { padding: 0 0 32px 13px; }\r\n  #bam-landing .bam-hero-photo { border-radius: 64px 15px 15px 15px; aspect-ratio: 1.18 \/ 1; }\r\n  #bam-landing .bam-hero-small { left: 0; width: 36%; border-width: 5px; }\r\n  #bam-landing .bam-caption-pill { bottom: 8px; right: 2px; padding: 14px 16px; border-radius: 11px; }\r\n  #bam-landing .bam-caption-pill strong { font-size: 14px; }\r\n  #bam-landing .bam-impact-grid { padding: 26px 0; gap: 0; }\r\n  #bam-landing .bam-impact-intro { font-size: 11px; }\r\n  #bam-landing .bam-impact-intro strong { font-size: 15px; }\r\n  #bam-landing .bam-stat { padding-left: 13px; padding-right: 6px; }\r\n  #bam-landing .bam-stat strong { font-size: clamp(25px, 7vw, 34px); }\r\n  #bam-landing .bam-stat span { font-size: 9px; line-height: 1.5; }\r\n  #bam-landing .bam-stat small { font-size: 8px; line-height: 1.6; }\r\n  #bam-landing .bam-about-grid { gap: 32px; }\r\n  #bam-landing .bam-about-photo { aspect-ratio: 1.3 \/ 1; }\r\n  #bam-landing .bam-about-copy .bam-text { font-size: 13px; }\r\n  #bam-landing .bam-section-heading { display: block; margin-bottom: 26px; }\r\n  #bam-landing .bam-section-heading .bam-text { max-width: none; font-size: 13px; margin-top: 16px; }\r\n  #bam-landing .bam-help-grid { gap: 13px; }\r\n  #bam-landing .bam-help-body { padding: 20px 16px; }\r\n  #bam-landing .bam-help-body h3 { font-size: 19px; }\r\n  #bam-landing .bam-help-body p { font-size: 11px; }\r\n  #bam-landing .bam-help-photo { aspect-ratio: 1.13 \/ 1; }\r\n  #bam-landing .bam-donate-grid { gap: 29px; }\r\n  #bam-landing .bam-donate h2 { font-size: 40px; }\r\n  #bam-landing .bam-donate .bam-text { font-size: 13px; }\r\n  #bam-landing .bam-payment-panel { padding: 25px; }\r\n  #bam-landing .bam-process-grid { gap: 29px; margin-top: 28px; }\r\n  #bam-landing .bam-process-photo { aspect-ratio: .85 \/ 1; }\r\n  #bam-landing .bam-process-photo:nth-child(2) { margin-top: 24px; }\r\n  #bam-landing .bam-volunteer { grid-template-columns: 1fr; }\r\n  #bam-landing .bam-volunteer-photo { min-height: 0; aspect-ratio: 1.25 \/ 1; }\r\n  #bam-landing .bam-volunteer-copy { padding: 29px 25px; }\r\n  #bam-landing .bam-volunteer-list { grid-template-columns: 1fr 1fr; font-size: 10px; }\r\n  #bam-landing .bam-beneficiaries { padding-top: 55px; gap: 29px; }\r\n  #bam-landing .bam-beneficiary-photo { aspect-ratio: 1.28 \/ 1; }\r\n  #bam-landing .bam-beneficiary-copy > p { font-size: 13px; }\r\n  #bam-landing .bam-institution { display: block; margin-top: 40px; padding-top: 28px; }\r\n  #bam-landing .bam-institution .bam-link { margin-top: 18px; font-size: 12px; }\r\n  #bam-landing .bam-contact-grid { gap: 30px; }\r\n  #bam-landing .bam-contact-copy > p { font-size: 13px; }\r\n  #bam-landing .bam-contact-motto { margin-top: 26px; }\r\n  #bam-landing .bam-form-card { padding: 24px; }\r\n  #bam-landing .bam-form-card h3 { font-size: 22px; }\r\n  #bam-landing .bam-form input:not([type=\"checkbox\"]),\r\n  #bam-landing .bam-form textarea,\r\n  #bam-landing .bam-form select { font-size: 16px; }\r\n  #bam-landing .bam-footer { padding-bottom: 96px; }\r\n  #bam-landing .bam-footer-main { flex-direction: column; gap: 19px; }\r\n  #bam-landing .bam-footer-name { font-size: 15px; }\r\n  #bam-landing .bam-floating { display: none; }\r\n  #bam-landing .bam-mobile-actions {\r\n    position: fixed;\r\n    inset: auto 0 0;\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 1fr;\r\n    padding: 10px 18px calc(10px + env(safe-area-inset-bottom, 0px));\r\n    gap: 10px;\r\n    background: #fffffff5;\r\n    box-shadow: 0 -3px 18px #181a4a13;\r\n    border-top: 1px solid var(--bam-line);\r\n    z-index: 40;\r\n  }\r\n  #bam-landing .bam-mobile-actions .bam-btn { font-size: 12px; min-height: 44px; padding: 11px; }\r\n  #bam-landing section { scroll-margin-top: 94px; }\r\n}\r\n@media (max-width: 380px) {\r\n  #bam-landing .bam-container { width: calc(100% - 32px); }\r\n  #bam-landing .bam-help-grid { grid-template-columns: 1fr; }\r\n  #bam-landing .bam-help-photo { aspect-ratio: 1.7 \/ 1; }\r\n  #bam-landing .bam-hero .bam-buttons { gap: 9px; }\r\n  #bam-landing .bam-hero .bam-btn { padding: 13px 15px; }\r\n  #bam-landing .bam-payment-panel { padding: 21px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  #bam-landing *,\r\n  #bam-landing *::before,\r\n  #bam-landing *::after {\r\n    transition: none !important;\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"bam-landing\" lang=\"es\">\r\n\r\n  <script type=\"application\/json\" data-bam-config>\r\n  {\r\n    \"donacionesURL\": \"\",\r\n    \"privacidadURL\": \"\",\r\n    \"voluntariadoURL\": \"\",\r\n    \"whatsapp\": \"573122300070\",\r\n    \"correo\": \"fba@arquidiocesisdepopayan.org\"\r\n  }\r\n  <\/script>\r\n\r\n  <svg width=\"0\" height=\"0\" aria-hidden=\"true\" style=\"position:absolute;overflow:hidden\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <defs>\r\n      <symbol id=\"bam-i-arrow\" viewbox=\"0 0 24 24\">\r\n        <path d=\"M4 12h16M14 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"bam-i-chat\" viewbox=\"0 0 24 24\">\r\n        <path d=\"M20 11.5a8 8 0 01-12.5 6.6L4 19l.9-3.5A8 8 0 1120 11.5Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <path d=\"M8.3 7.7c.2-.4.4-.4.7-.2l1.1 1.6c.2.3 0 .6-.4 1 1 1.6 1.8 2.4 3.5 3.2.3-.5.7-.9 1-.8l1.7.9c.3.2.3.5.2.8-.4 1-1.2 1.4-2.3 1.1-3.4-.9-6.5-4.6-5.5-7.6Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"bam-i-mail\" viewbox=\"0 0 24 24\">\r\n        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n        <path d=\"m4 7 8 6 8-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"bam-i-pin\" viewbox=\"0 0 24 24\">\r\n        <path d=\"M19 10c0 5-7 11-7 11S5 15 5 10a7 7 0 1114 0Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n        <circle cx=\"12\" cy=\"10\" r=\"2.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"bam-i-check\" viewbox=\"0 0 24 24\">\r\n        <path d=\"m5 12 4 4L19 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"bam-i-shield\" viewbox=\"0 0 24 24\">\r\n        <path d=\"m12 3 8 3v6c0 4-4.5 7-8 9-3.5-2-8-5-8-9V6l8-3Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n        <path d=\"m8 12 3 3 5-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"bam-i-menu\" viewbox=\"0 0 24 24\">\r\n        <path d=\"M4 7h16M4 12h16M4 17h16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\r\n      <\/symbol>\r\n    <\/defs>\r\n  <\/svg>\r\n\r\n  <div class=\"bam-topbar\">\r\n    <div class=\"bam-container bam-topbar-inner\">\r\n      <span>Una obra social de la Arquidi\u00f3cesis de Popay\u00e1n<\/span>\r\n      <a class=\"bam-topbar-link\" href=\"https:\/\/arquidiocesisdepopayan.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        Visitar la Arquidi\u00f3cesis <span aria-hidden=\"true\">\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <header class=\"bam-header\">\r\n    <div class=\"bam-container bam-header-inner\">\r\n      <a class=\"bam-brand\" href=\"#bam-inicio\" aria-label=\"Banco de Alimentos - Inicio\">\r\n        <img decoding=\"async\"\r\n          class=\"bam-logo\"\r\n          data-bam-logo\r\n src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/Logo-web.png\"\r\n          alt=\"Banco Arquidiocesano de Alimentos Toribio Maya Sarmiento\">\r\n      <\/a>\r\n\r\n      <nav class=\"bam-nav\" aria-label=\"Navegaci\u00f3n principal\">\r\n        <a href=\"#bam-nosotros\">Us<\/a>\r\n        <a href=\"#bam-ayudar\">C\u00f3mo ayudar<\/a>\r\n        <a href=\"#bam-proceso\">C\u00f3mo funciona<\/a>\r\n        <a href=\"#bam-beneficiarios\">Beneficiarios<\/a>\r\n        <a href=\"#bam-contacto\">Contact<\/a>\r\n      <\/nav>\r\n\r\n      <details class=\"bam-mobile-nav\">\r\n        <summary>\r\n          Men\u00fa\r\n          <svg width=\"19\" height=\"19\" aria-hidden=\"true\"><use href=\"#bam-i-menu\"><\/use><\/svg>\r\n        <\/summary>\r\n        <nav class=\"bam-mobile-menu\" aria-label=\"Navegaci\u00f3n m\u00f3vil\">\r\n          <a href=\"#bam-nosotros\">Us<\/a>\r\n          <a href=\"#bam-ayudar\">C\u00f3mo ayudar<\/a>\r\n          <a href=\"#bam-donaciones\">Donar ahora<\/a>\r\n          <a href=\"#bam-proceso\">C\u00f3mo funciona<\/a>\r\n          <a href=\"#bam-voluntariado\">Voluntariado<\/a>\r\n          <a href=\"#bam-beneficiarios\">Beneficiarios<\/a>\r\n          <a href=\"#bam-contacto\">Contact<\/a>\r\n        <\/nav>\r\n      <\/details>\r\n\r\n      <a class=\"bam-btn bam-header-donate\" href=\"#bam-donaciones\">\r\n        Donar ahora\r\n        <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <main>\r\n    <section id=\"bam-inicio\" class=\"bam-hero\" aria-labelledby=\"bam-title\">\r\n      <div class=\"bam-container bam-hero-grid\">\r\n        <div class=\"bam-hero-copy\">\r\n          <span class=\"bam-eyebrow\">Solidaridad que llega a donde se necesita<\/span>\r\n          <h1 id=\"bam-title\">Compartir<br>alimenta<br><em>esperanza.<\/em><\/h1>\r\n          <p class=\"bam-text\">\r\n            Transformamos donaciones en alimentos y bienes esenciales para las comunidades m\u00e1s vulnerables.\r\n            Unimos personas, empresas y organizaciones para servir al Cauca.\r\n          <\/p>\r\n          <div class=\"bam-buttons\">\r\n            <a class=\"bam-btn\" href=\"#bam-donaciones\">\r\n              Quiero donar\r\n              <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n            <\/a>\r\n            <a class=\"bam-btn bam-btn-outline\" href=\"#bam-ayudar\">Otras formas de ayudar<\/a>\r\n          <\/div>\r\n          <p class=\"bam-hero-motto\">\r\n            <span class=\"bam-dot\" aria-hidden=\"true\"><\/span>\r\n            Dios multiplica lo que se comparte.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bam-hero-visual\">\r\n          <figure class=\"bam-photo bam-hero-photo\" data-bam-photo=\"foto01\">\r\n            <img\r\n              src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-01-PORTADA.png\"\r\n              alt=\"Entrega de alimentos del Banco Arquidiocesano de Alimentos\"\r\n              fetchpriority=\"high\"\r\n              loading=\"eager\"\r\n              decoding=\"async\"\r\n              style=\"object-position:50% 50%\">\r\n          <\/figure>\r\n\r\n          <figure class=\"bam-photo bam-hero-small\" data-bam-photo=\"foto02\">\r\n            <img\r\n              src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-02.png\"\r\n              alt=\"Manos organizando alimentos donados\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              style=\"object-position:50% 50%\">\r\n          <\/figure>\r\n\r\n          <div class=\"bam-caption-pill\">\r\n            <span>Nuestro prop\u00f3sito<\/span>\r\n            <strong>Alimento. Dignidad. Esperanza.<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"bam-impact\" id=\"bam-impacto\" role=\"region\" aria-label=\"Nuestro impacto\">\r\n      <div class=\"bam-container bam-impact-grid\">\r\n        <p class=\"bam-impact-intro\">\r\n          <strong>La solidaridad<br>deja huella.<\/strong>\r\n          Una red que crece con cada aporte.\r\n        <\/p>\r\n        <div class=\"bam-stat\">\r\n          <strong>21.591 <span style=\"display:inline;font-size:17px;margin:0\">kg<\/span><\/strong>\r\n          <span>de alimentos entregados<\/span>\r\n          <small>Reporte: junio de 2026<\/small>\r\n        <\/div>\r\n        <div class=\"bam-stat\">\r\n          <strong>47<\/strong>\r\n          <span>organizaciones beneficiarias<\/span>\r\n          <small>Red publicada en el sitio institucional<\/small>\r\n        <\/div>\r\n        <div class=\"bam-stat\">\r\n          <strong>Cauca<\/strong>\r\n          <span>nuestro territorio principal<\/span>\r\n          <small>Comunidades, personas y organizaciones<\/small>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <section id=\"bam-nosotros\" class=\"bam-section\" aria-labelledby=\"bam-about-title\">\r\n      <div class=\"bam-container bam-about-grid\">\r\n        <figure class=\"bam-photo bam-about-photo\" data-bam-photo=\"foto03\">\r\n          <img\r\n            src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-03.png\"\r\n            alt=\"Actividad comunitaria del Banco de Alimentos en el Cauca\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n            style=\"object-position:50% 50%\">\r\n        <\/figure>\r\n\r\n        <div class=\"bam-about-copy\">\r\n          <span class=\"bam-eyebrow\">Banco Arquidiocesano de Alimentos<\/span>\r\n          <h2 id=\"bam-about-title\">La solidaridad<br>tiene un lugar<br>para encontrarse.<\/h2>\r\n          <p class=\"bam-text\">\r\n            Somos el Banco Arquidiocesano de Alimentos Toribio Maya Sarmiento de Popay\u00e1n.\r\n            Recibimos, gestionamos y distribuimos alimentos y bienes de primera necesidad,\r\n            articulando una red de personas y organizaciones comprometidas con quienes m\u00e1s lo necesitan.\r\n          <\/p>\r\n          <div class=\"bam-tags\">\r\n            <span class=\"bam-tag\">Dignidad humana<\/span>\r\n            <span class=\"bam-tag\">Solidaridad<\/span>\r\n            <span class=\"bam-tag\">Transparencia<\/span>\r\n          <\/div>\r\n          <details class=\"bam-story\">\r\n            <summary>Conoce nuestra historia<\/summary>\r\n            <p>\r\n              Nacimos a finales de 2025 por iniciativa del Arzobispo de Popay\u00e1n.\r\n              En febrero de 2026 consolidamos nuestra labor con una respuesta solidaria\r\n              a la emergencia por lluvias en C\u00f3rdoba. Desde entonces, unimos empresas,\r\n              instituciones, parroquias, fundaciones, benefactores y voluntarios para\r\n              organizar la ayuda y ponerla al servicio de las comunidades.\r\n            <\/p>\r\n          <\/details>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"bam-ayudar\" class=\"bam-section bam-help\" aria-labelledby=\"bam-help-title\">\r\n      <div class=\"bam-container\">\r\n        <div class=\"bam-section-heading\">\r\n          <div>\r\n            <span class=\"bam-eyebrow\">Encuentra tu forma de sumarte<\/span>\r\n            <h2 id=\"bam-help-title\">Todos tenemos algo<br>para compartir.<\/h2>\r\n          <\/div>\r\n          <p class=\"bam-text\">\r\n            Una donaci\u00f3n, tu tiempo o una alianza.\r\n            Hay muchas maneras de convertir la solidaridad en ayuda.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bam-help-grid\">\r\n          <article class=\"bam-help-card\">\r\n            <figure class=\"bam-photo bam-help-photo\" data-bam-photo=\"foto04\">\r\n              <img\r\n                src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-04.png\"\r\n                alt=\"Mercados preparados con alimentos donados\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                style=\"object-position:50% 50%\">\r\n            <\/figure>\r\n            <div class=\"bam-help-body\">\r\n              <span class=\"bam-help-number\">01 \/ APORTE ECON\u00d3MICO<\/span>\r\n              <h3>Dona dinero.<\/h3>\r\n              <p>\r\n                Tu aporte fortalece nuestra capacidad para recibir,\r\n                organizar y llevar ayuda a quienes la necesitan.\r\n              <\/p>\r\n              <a class=\"bam-link\" href=\"#bam-donaciones\">\r\n                Hacer una donaci\u00f3n\r\n                <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"bam-help-card\">\r\n            <figure class=\"bam-photo bam-help-photo\" data-bam-photo=\"foto05\">\r\n              <img\r\n                src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-05.png\"\r\n                alt=\"Alimentos y productos de primera necesidad recibidos por el Banco\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                style=\"object-position:50% 50%\">\r\n            <\/figure>\r\n            <div class=\"bam-help-body\">\r\n              <span class=\"bam-help-number\">02 \/ ALIMENTOS Y BIENES<\/span>\r\n              <h3>Comparte productos.<\/h3>\r\n              <p>\r\n                Recibimos alimentos, productos de higiene,\r\n                aseo y bienes esenciales. Coordinemos tu entrega.\r\n              <\/p>\r\n              <a\r\n                class=\"bam-link\"\r\n                href=\"https:\/\/wa.me\/573122300070?text=Hola%2C%20quiero%20coordinar%20una%20donaci%C3%B3n%20de%20alimentos%20o%20productos.\"\r\n                data-bam-wa=\"Hola, quiero coordinar una donaci\u00f3n de alimentos o productos.\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\">\r\n                Coordinar entrega\r\n                <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"bam-help-card\">\r\n            <figure class=\"bam-photo bam-help-photo\" data-bam-photo=\"foto06\">\r\n              <img\r\n                src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-06.png\"\r\n                alt=\"Voluntarios apoyando las actividades del Banco de Alimentos\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                style=\"object-position:50% 50%\">\r\n            <\/figure>\r\n            <div class=\"bam-help-body\">\r\n              <span class=\"bam-help-number\">03 \/ TIEMPO Y TALENTO<\/span>\r\n              <h3>S\u00e9 voluntario.<\/h3>\r\n              <p>\r\n                Comparte tu tiempo, conocimientos y disposici\u00f3n para servir.\r\n                Tu participaci\u00f3n puede marcar la diferencia.\r\n              <\/p>\r\n              <a class=\"bam-link\" href=\"#bam-voluntariado\">\r\n                Conocer el voluntariado\r\n                <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"bam-help-card\">\r\n            <figure class=\"bam-photo bam-help-photo\" data-bam-photo=\"foto07\">\r\n              <img\r\n                src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-07.png\"\r\n                alt=\"Una empresa colaborando en una jornada de donaciones\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                style=\"object-position:50% 50%\">\r\n            <\/figure>\r\n            <div class=\"bam-help-body\">\r\n              <span class=\"bam-help-number\">04 \/ ALIANZAS<\/span>\r\n              <h3>Vincula tu empresa.<\/h3>\r\n              <p>\r\n                Convierte excedentes, recursos o jornadas corporativas en\r\n                oportunidades para acompa\u00f1ar a la comunidad.\r\n              <\/p>\r\n              <a class=\"bam-link\" href=\"#bam-contacto\" data-bam-topic=\"Empresa aliada\">\r\n                Quiero ser aliado\r\n                <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"bam-donaciones\" class=\"bam-section bam-donate\" aria-labelledby=\"bam-donate-title\">\r\n      <div class=\"bam-container bam-donate-grid\">\r\n        <div>\r\n          <span class=\"bam-eyebrow\">Cada aporte suma<\/span>\r\n          <h2 id=\"bam-donate-title\">\r\n            Tu donaci\u00f3n<br>puede alimentar<br><em>muchas historias.<\/em>\r\n          <\/h2>\r\n          <p class=\"bam-text\">\r\n            No se trata solo de entregar alimentos.\r\n            Se trata de organizar la solidaridad para que llegue,\r\n            con dignidad, a las manos de quien la necesita.\r\n          <\/p>\r\n          <p class=\"bam-donate-note\">\r\n            <svg aria-hidden=\"true\"><use href=\"#bam-i-shield\"><\/use><\/svg>\r\n            <span>\r\n              Tu solidaridad nos ayuda a llevar alimentos y bienestar a m\u00e1s comunidades.\r\n            <\/span>\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bam-payment-panel\">\r\n          <h3>Comparte lo que puedas.<\/h3>\r\n          <p>\r\n            Cont\u00e1ctanos para conocer las opciones disponibles y realizar tu aporte.\r\n          <\/p>\r\n          <a\r\n            class=\"bam-btn\"\r\n            href=\"https:\/\/wa.me\/573122300070?text=Hola%2C%20quisiera%20informaci%C3%B3n%20para%20hacer%20una%20donaci%C3%B3n.\"\r\n            data-bam-portal>\r\n            Consultar c\u00f3mo donar\r\n            <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n          <div class=\"bam-portal-state\" data-bam-portal-status role=\"status\" tabindex=\"-1\">\r\n            Consulta con nuestro equipo c\u00f3mo realizar tu aporte.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"bam-proceso\" class=\"bam-section\" aria-labelledby=\"bam-process-title\">\r\n      <div class=\"bam-container\">\r\n        <div class=\"bam-process-heading\">\r\n          <span class=\"bam-eyebrow\">C\u00f3mo funciona<\/span>\r\n          <h2 id=\"bam-process-title\">De una donaci\u00f3n<br>a una ayuda que llega.<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"bam-process-grid\">\r\n          <div class=\"bam-process-photos\">\r\n            <figure class=\"bam-photo bam-process-photo\" data-bam-photo=\"foto08\">\r\n              <img\r\n                src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-08.png\"\r\n                alt=\"Clasificaci\u00f3n y organizaci\u00f3n de alimentos en la sede\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                style=\"object-position:50% 50%\">\r\n            <\/figure>\r\n            <figure class=\"bam-photo bam-process-photo\" data-bam-photo=\"foto09\">\r\n              <img\r\n                src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-09.png\"\r\n                alt=\"Distribuci\u00f3n de alimentos a una organizaci\u00f3n beneficiaria\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                style=\"object-position:50% 50%\">\r\n            <\/figure>\r\n          <\/div>\r\n\r\n          <ol class=\"bam-process-steps\">\r\n            <li class=\"bam-process-step\">\r\n              <h3>Recibimos<\/h3>\r\n              <p>Personas, empresas e instituciones comparten alimentos, bienes y recursos.<\/p>\r\n            <\/li>\r\n            <li class=\"bam-process-step\">\r\n              <h3>Organizamos<\/h3>\r\n              <p>Clasificamos los productos seg\u00fan sus caracter\u00edsticas y condiciones de conservaci\u00f3n.<\/p>\r\n            <\/li>\r\n            <li class=\"bam-process-step\">\r\n              <h3>Gestionamos<\/h3>\r\n              <p>Identificamos necesidades y articulamos los aportes para responder a ellas.<\/p>\r\n            <\/li>\r\n            <li class=\"bam-process-step\">\r\n              <h3>Distribuimos<\/h3>\r\n              <p>Entregamos las ayudas a organizaciones beneficiarias y comunidades, seg\u00fan cada situaci\u00f3n.<\/p>\r\n            <\/li>\r\n            <li class=\"bam-process-step\">\r\n              <h3>Hacemos seguimiento<\/h3>\r\n              <p>\r\n                Trabajamos para fortalecer la trazabilidad de los recursos\r\n                y el prop\u00f3sito de cada donaci\u00f3n.\r\n              <\/p>\r\n            <\/li>\r\n          <\/ol>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"bam-section bam-community\" aria-label=\"Voluntariado y organizaciones beneficiarias\">\r\n      <div class=\"bam-container\">\r\n        <div id=\"bam-voluntariado\" class=\"bam-volunteer\" style=\"scroll-margin-top:118px\">\r\n          <figure class=\"bam-photo bam-volunteer-photo\" data-bam-photo=\"foto10\">\r\n            <img\r\n              src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-10-A.png\"\r\n              alt=\"Equipo de voluntarios preparando mercados para distribuir\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              style=\"object-position:50% 50%\">\r\n          <\/figure>\r\n\r\n          <div class=\"bam-volunteer-copy\">\r\n            <span class=\"bam-eyebrow\">Red de voluntarios<\/span>\r\n            <h2>Hay un lugar<br>para lo que<br>puedes aportar.<\/h2>\r\n            <p>\r\n              No necesitas tener experiencia. Tu tiempo, tus conocimientos y tu disposici\u00f3n\r\n              para servir pueden fortalecer esta red.\r\n            <\/p>\r\n            <ul class=\"bam-volunteer-list\">\r\n              <li>\r\n                <svg aria-hidden=\"true\"><use href=\"#bam-i-check\"><\/use><\/svg>\r\n                Clasificaci\u00f3n de alimentos\r\n              <\/li>\r\n              <li>\r\n                <svg aria-hidden=\"true\"><use href=\"#bam-i-check\"><\/use><\/svg>\r\n                Preparaci\u00f3n de mercados\r\n              <\/li>\r\n              <li>\r\n                <svg aria-hidden=\"true\"><use href=\"#bam-i-check\"><\/use><\/svg>\r\n                Apoyo log\u00edstico\r\n              <\/li>\r\n              <li>\r\n                <svg aria-hidden=\"true\"><use href=\"#bam-i-check\"><\/use><\/svg>\r\n                Campa\u00f1as y aliados\r\n              <\/li>\r\n            <\/ul>\r\n            <div class=\"bam-buttons\">\r\n              <a\r\n                class=\"bam-btn bam-btn-blue\"\r\n                href=\"https:\/\/wa.me\/573122300070?text=Hola%2C%20quiero%20hacer%20parte%20de%20la%20Red%20de%20Voluntarios.\"\r\n                data-bam-volunteer\r\n target=\"_blank\"\r\n                rel=\"noopener noreferrer\">\r\n                Quiero ser voluntario\r\n                <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"bam-beneficiarios\" class=\"bam-beneficiaries\" style=\"scroll-margin-top:118px\">\r\n          <div class=\"bam-beneficiary-copy\">\r\n            <span class=\"bam-eyebrow\">Organizaciones beneficiarias<\/span>\r\n            <h2>Una red que conoce<br>su comunidad.<\/h2>\r\n            <p>\r\n              Trabajamos principalmente con organizaciones legalmente constituidas\r\n              que acompa\u00f1an a poblaci\u00f3n vulnerable y conocen las necesidades de su territorio.\r\n            <\/p>\r\n\r\n            <div class=\"bam-accordion\">\r\n              <details>\r\n                <summary>\u00bfQu\u00e9 organizaciones pueden vincularse?<\/summary>\r\n                <p>\r\n                  Fundaciones, corporaciones, asociaciones, parroquias, obras comunitarias\r\n                  e instituciones sin \u00e1nimo de lucro que desarrollen programas de\r\n                  atenci\u00f3n a poblaci\u00f3n vulnerable.\r\n                <\/p>\r\n              <\/details>\r\n              <details>\r\n                <summary>\u00bfQu\u00e9 documentos se deben preparar?<\/summary>\r\n                <ul>\r\n                  <li>Certificado de existencia y representaci\u00f3n legal o equivalente.<\/li>\r\n                  <li>RUT de la organizaci\u00f3n.<\/li>\r\n                  <li>RUT del representante legal.<\/li>\r\n                  <li>Documento de identidad del representante legal.<\/li>\r\n                <\/ul>\r\n              <\/details>\r\n              <details>\r\n                <summary>\u00bfC\u00f3mo se inicia la solicitud?<\/summary>\r\n                <p>\r\n                  D\u00e9janos tus datos y el nombre de tu organizaci\u00f3n en el formulario.\r\n                  El Banco te indicar\u00e1 los siguientes pasos y el canal para entregar\r\n                  los documentos. La solicitud no garantiza la vinculaci\u00f3n ni la\r\n                  entrega inmediata de ayudas.\r\n                <\/p>\r\n              <\/details>\r\n            <\/div>\r\n\r\n            <div class=\"bam-buttons\">\r\n              <a\r\n                class=\"bam-btn bam-btn-outline\"\r\n                href=\"#bam-contacto\"\r\n                data-bam-topic=\"Vinculaci\u00f3n de organizaci\u00f3n\">\r\n                Solicitar vinculaci\u00f3n\r\n                <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <figure class=\"bam-photo bam-beneficiary-photo\" data-bam-photo=\"foto11\">\r\n            <img\r\n              src=\"https:\/\/demo2.allcreative.com.co\/wp-content\/uploads\/2026\/10\/FOTO-11A.png\"\r\n              alt=\"Organizaci\u00f3n beneficiaria recibiendo alimentos y acompa\u00f1amiento\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n              style=\"object-position:50% 50%\">\r\n          <\/figure>\r\n        <\/div>\r\n\r\n        <div class=\"bam-institution\">\r\n          <p>\r\n            <strong>Una obra de la Arquidi\u00f3cesis de Popay\u00e1n.<\/strong><br>\r\n            Servimos desde los valores del Evangelio, la dignidad humana,\r\n            la solidaridad y la transparencia.\r\n          <\/p>\r\n          <a\r\n            class=\"bam-link\"\r\n            href=\"https:\/\/arquidiocesisdepopayan.org\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\">\r\n            Conocer la Arquidi\u00f3cesis\r\n            <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"bam-contacto\" class=\"bam-section bam-contact\" aria-labelledby=\"bam-contact-title\">\r\n      <div class=\"bam-container bam-contact-grid\">\r\n        <div class=\"bam-contact-copy\">\r\n          <span class=\"bam-eyebrow\">Hablemos<\/span>\r\n          <h2 id=\"bam-contact-title\">La pr\u00f3xima historia<br>puede empezar<br>contigo.<\/h2>\r\n          <p>\r\n            \u00bfQuieres donar, sumarte como voluntario, crear una alianza o vincular\r\n            una organizaci\u00f3n? Cu\u00e9ntanos c\u00f3mo podemos trabajar juntos.\r\n          <\/p>\r\n\r\n          <div class=\"bam-contact-lines\">\r\n            <div class=\"bam-contact-line\">\r\n              <svg aria-hidden=\"true\"><use href=\"#bam-i-chat\"><\/use><\/svg>\r\n              <div>\r\n                <small>WhatsApp institucional<\/small>\r\n                <a\r\n                  href=\"https:\/\/wa.me\/573122300070\"\r\n                  data-bam-wa=\"Hola, quisiera informaci\u00f3n sobre el Banco de Alimentos.\"\r\n                  target=\"_blank\"\r\n                  rel=\"noopener noreferrer\">\r\n                  312 230 0070\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bam-contact-line\">\r\n              <svg aria-hidden=\"true\"><use href=\"#bam-i-mail\"><\/use><\/svg>\r\n              <div>\r\n                <small>Email<\/small>\r\n                <a href=\"mailto:fba@arquidiocesisdepopayan.org\" data-bam-mail>\r\n                  fba@arquidiocesisdepopayan.org\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bam-contact-line\">\r\n              <svg aria-hidden=\"true\"><use href=\"#bam-i-pin\"><\/use><\/svg>\r\n              <div>\r\n                <small>Sede administrativa<\/small>\r\n                <a\r\n                  href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Carrera%203%203-39%2C%20Popay%C3%A1n%2C%20Cauca\"\r\n                  target=\"_blank\"\r\n                  rel=\"noopener noreferrer\">\r\n                  Carrera 3 No. 3-39, barrio Centro<br>\r\n                  Popay\u00e1n, Cauca \u00b7 Ver ubicaci\u00f3n \u2197\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bam-contact-motto\">Dios multiplica<br>lo que se comparte.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bam-form-card\">\r\n          <h3>Cu\u00e9ntanos c\u00f3mo quieres ayudar.<\/h3>\r\n          <p>Completa tus datos y contin\u00faa la conversaci\u00f3n por WhatsApp.<\/p>\r\n\r\n          <form class=\"bam-form\" data-bam-contact-form action=\"\">\r\n            <div class=\"bam-fields\">\r\n              <div>\r\n                <label for=\"bam-nombre\">Nombre completo *<\/label>\r\n                <input\r\n                  id=\"bam-nombre\"\r\n                  name=\"nombre\"\r\n                  type=\"text\"\r\n                  placeholder=\"Tu nombre\"\r\n                  autocomplete=\"name\"\r\n                  minlength=\"2\"\r\n                  maxlength=\"100\"\r\n                  required>\r\n              <\/div>\r\n\r\n              <div>\r\n                <label for=\"bam-telefono\">Tel\u00e9fono \/ WhatsApp *<\/label>\r\n                <input\r\n                  id=\"bam-telefono\"\r\n                  name=\"telefono\"\r\n                  type=\"tel\"\r\n                  placeholder=\"Tu n\u00famero de contacto\"\r\n                  autocomplete=\"tel\"\r\n                  maxlength=\"25\"\r\n                  required>\r\n              <\/div>\r\n\r\n              <div class=\"bam-field-full\">\r\n                <label for=\"bam-correo\">Correo electr\u00f3nico *<\/label>\r\n                <input\r\n                  id=\"bam-correo\"\r\n                  name=\"correo\"\r\n                  type=\"email\"\r\n                  placeholder=\"nombre@correo.com\"\r\n                  autocomplete=\"email\"\r\n                  maxlength=\"120\"\r\n                  required>\r\n              <\/div>\r\n\r\n              <div class=\"bam-field-full\">\r\n                <label for=\"bam-motivo\">\u00bfC\u00f3mo quieres participar? *<\/label>\r\n                <select id=\"bam-motivo\" name=\"motivo\" required>\r\n                  <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n                  <option>Donaci\u00f3n econ\u00f3mica<\/option>\r\n                  <option>Donaci\u00f3n de alimentos o productos<\/option>\r\n                  <option>Voluntariado<\/option>\r\n                  <option>Empresa aliada<\/option>\r\n                  <option>Vinculaci\u00f3n de organizaci\u00f3n<\/option>\r\n                  <option>Otra consulta<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"bam-field-full\" data-bam-organization-field hidden>\r\n                <label for=\"bam-organizacion\">Nombre de la empresa u organizaci\u00f3n *<\/label>\r\n                <input\r\n                  id=\"bam-organizacion\"\r\n                  name=\"organizacion\"\r\n                  type=\"text\"\r\n                  autocomplete=\"organization\"\r\n                  placeholder=\"Nombre de tu organizaci\u00f3n\"\r\n                  maxlength=\"140\">\r\n              <\/div>\r\n\r\n              <div class=\"bam-field-full\">\r\n                <label for=\"bam-mensaje\">Mensaje *<\/label>\r\n                <textarea\r\n                  id=\"bam-mensaje\"\r\n                  name=\"mensaje\"\r\n                  placeholder=\"Cu\u00e9ntanos un poco sobre tu solicitud\u2026\"\r\n                  minlength=\"5\"\r\n                  maxlength=\"1600\"\r\n                  required><\/textarea>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <label class=\"bam-consent\" for=\"bam-autorizacion\">\r\n              <input id=\"bam-autorizacion\" name=\"autorizacion\" type=\"checkbox\" required>\r\n              <span>\r\n                Autorizo usar los datos proporcionados para responder a esta solicitud.\r\n                <span data-bam-privacy-container hidden>\r\n                  <a\r\n                    data-bam-privacy\r\n href=\"#bam-contacto\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\">\r\n                    Consultar pol\u00edtica de privacidad.\r\n                  <\/a>\r\n                <\/span>\r\n              <\/span>\r\n            <\/label>\r\n\r\n            <button class=\"bam-btn bam-btn-blue\" type=\"submit\" data-bam-submit disabled>\r\n              Continuar por WhatsApp\r\n              <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n            <\/button>\r\n\r\n            <p class=\"bam-form-small\">\r\n              Se abrir\u00e1 WhatsApp con tu mensaje preparado. T\u00fa decides cu\u00e1ndo enviarlo.\r\n              Los datos no se almacenan en esta p\u00e1gina.\r\n            <\/p>\r\n\r\n            <div class=\"bam-message-status\" data-bam-form-status role=\"status\" hidden>\r\n              <span data-bam-form-status-text><\/span>\r\n              <a\r\n                data-bam-form-open\r\n target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                href=\"https:\/\/wa.me\/573122300070\">\r\n                Abrir WhatsApp con mi mensaje \u2197\r\n              <\/a>\r\n            <\/div>\r\n\r\n            <noscript>\r\n              <p class=\"bam-form-small\">\r\n                Activa JavaScript para usar el formulario o escr\u00edbenos directamente a\r\n                <a href=\"https:\/\/wa.me\/573122300070\">WhatsApp<\/a>.\r\n              <\/p>\r\n            <\/noscript>\r\n          <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <footer class=\"bam-footer\">\r\n    <div class=\"bam-container\">\r\n      <div class=\"bam-footer-main\">\r\n        <div>\r\n          <p class=\"bam-footer-name\">\r\n            Banco Arquidiocesano de Alimentos<br>\r\n            Toribio Maya Sarmiento de Popay\u00e1n\r\n          <\/p>\r\n          <p class=\"bam-footer-note\">\r\n            Una obra social de la Arquidi\u00f3cesis de Popay\u00e1n.<br>\r\n            Dios multiplica lo que se comparte.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <nav class=\"bam-footer-links\" aria-label=\"Enlaces del pie de p\u00e1gina\">\r\n          <a href=\"#bam-donaciones\">Donations<\/a>\r\n          <a href=\"#bam-contacto\">Contact<\/a>\r\n          <a\r\n            href=\"https:\/\/www.instagram.com\/bancodealimentospopayan\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\">Instagram \u2197<\/a>\r\n          <a\r\n            href=\"https:\/\/arquidiocesisdepopayan.org\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\">Arquidi\u00f3cesis \u2197<\/a>\r\n        <\/nav>\r\n      <\/div>\r\n\r\n      <div class=\"bam-footer-bottom\">\r\n        <span>\r\n          \u00a9 <span data-bam-year>2026<\/span>\r\n          Banco Arquidiocesano de Alimentos de Popay\u00e1n.\r\n        <\/span>\r\n        <span>Alimento, dignidad y esperanza.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <a\r\n    class=\"bam-floating\"\r\n    href=\"https:\/\/wa.me\/573122300070\"\r\n    data-bam-wa=\"Hola, quisiera informaci\u00f3n sobre el Banco de Alimentos.\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n    aria-label=\"Hablar con el Banco de Alimentos por WhatsApp\">\r\n    <svg aria-hidden=\"true\"><use href=\"#bam-i-chat\"><\/use><\/svg>\r\n  <\/a>\r\n\r\n  <div class=\"bam-mobile-actions\">\r\n    <a class=\"bam-btn\" href=\"#bam-donaciones\">\r\n      Donar ahora\r\n      <svg aria-hidden=\"true\"><use href=\"#bam-i-arrow\"><\/use><\/svg>\r\n    <\/a>\r\n    <a\r\n      class=\"bam-btn bam-btn-outline\"\r\n      href=\"https:\/\/wa.me\/573122300070\"\r\n      data-bam-wa=\"Hola, quisiera informaci\u00f3n sobre el Banco de Alimentos.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener noreferrer\">\r\n      WhatsApp\r\n      <svg aria-hidden=\"true\"><use href=\"#bam-i-chat\"><\/use><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var root = document.getElementById('bam-landing');\r\n  if (!root || root.dataset.bamReady === 'true') return;\r\n  root.dataset.bamReady = 'true';\r\n\r\n  var config = {};\r\n  try {\r\n    config = JSON.parse(root.querySelector('[data-bam-config]').textContent);\r\n  } catch (error) {\r\n    console.warn('No se pudo cargar la configuraci\u00f3n.');\r\n  }\r\n\r\n  function safeURL(value, secureOnly) {\r\n    if (!value || typeof value !== 'string') return '';\r\n    try {\r\n      var parsed = new URL(value, document.baseURI);\r\n      if (secureOnly && parsed.protocol !== 'https:') return '';\r\n      if (parsed.protocol !== 'http:' && parsed.protocol !== 'https:') return '';\r\n      return parsed.href;\r\n    } catch (error) {\r\n      return '';\r\n    }\r\n  }\r\n\r\n  var phone = String(config.whatsapp || '573122300070').replace(\/\\D\/g, '');\r\n  if (phone.length < 7 || phone.length > 15) phone = '573122300070';\r\n\r\n  function whatsappURL(message) {\r\n    return 'https:\/\/wa.me\/' + phone +\r\n      (message ? '?text=' + encodeURIComponent(message) : '');\r\n  }\r\n\r\n  root.querySelectorAll('[data-bam-wa]').forEach(function (link) {\r\n    link.href = whatsappURL(link.dataset.bamWa);\r\n  });\r\n\r\n  root.querySelector('[data-bam-volunteer]').href =\r\n    safeURL(config.voluntariadoURL, true) ||\r\n    whatsappURL('Hola, quiero hacer parte de la Red de Voluntarios.');\r\n\r\n  if (\r\n    typeof config.correo === 'string' &&\r\n    \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(config.correo)\r\n  ) {\r\n    root.querySelectorAll('[data-bam-mail]').forEach(function (link) {\r\n      link.href = 'mailto:' + config.correo;\r\n      link.textContent = config.correo;\r\n    });\r\n  }\r\n\r\n  root.querySelector('[data-bam-year]').textContent = String(new Date().getFullYear());\r\n\r\n  var portalURL = safeURL(config.donacionesURL, true);\r\n  var portalStatus = root.querySelector('[data-bam-portal-status]');\r\n\r\n  root.querySelectorAll('[data-bam-portal]').forEach(function (link) {\r\n    if (portalURL) {\r\n      link.href = portalURL;\r\n      link.firstChild.textContent = 'Ir al portal de donaciones ';\r\n      link.target = '_blank';\r\n      link.rel = 'noopener noreferrer';\r\n      portalStatus.textContent = 'Se abrir\u00e1 el portal de recaudo en una nueva pesta\u00f1a.';\r\n      portalStatus.style.color = '#666776';\r\n    } else {\r\n      link.addEventListener('click', function (event) {\r\n        event.preventDefault();\r\n        portalStatus.textContent = 'Consulta con nuestro equipo c\u00f3mo realizar tu aporte.';\r\n\r\n        var contact = document.createElement('a');\r\n        contact.href = whatsappURL(\r\n          'Hola, quisiera informaci\u00f3n para hacer una donaci\u00f3n econ\u00f3mica.'\r\n        );\r\n        contact.target = '_blank';\r\n        contact.rel = 'noopener noreferrer';\r\n        contact.textContent = ' Consultar por WhatsApp \u2197';\r\n        contact.style.textDecoration = 'underline';\r\n\r\n        portalStatus.appendChild(contact);\r\n        portalStatus.focus({ preventScroll: true });\r\n      });\r\n    }\r\n  });\r\n\r\n  var privacyURL = safeURL(config.privacidadURL, true);\r\n  if (privacyURL) {\r\n    root.querySelector('[data-bam-privacy]').href = privacyURL;\r\n    root.querySelector('[data-bam-privacy-container]').hidden = false;\r\n  }\r\n\r\n  var form = root.querySelector('[data-bam-contact-form]');\r\n  var select = form.querySelector('[name=\"motivo\"]');\r\n  var orgField = form.querySelector('[data-bam-organization-field]');\r\n  var orgInput = form.querySelector('[name=\"organizacion\"]');\r\n\r\n  function updateOrganization() {\r\n    var needed =\r\n      select.value === 'Empresa aliada' ||\r\n      select.value === 'Vinculaci\u00f3n de organizaci\u00f3n';\r\n\r\n    orgField.hidden = !needed;\r\n    orgInput.required = needed;\r\n    orgInput.disabled = !needed;\r\n  }\r\n\r\n  select.addEventListener('change', updateOrganization);\r\n  updateOrganization();\r\n\r\n  root.querySelectorAll('[data-bam-topic]').forEach(function (link) {\r\n    link.addEventListener('click', function () {\r\n      select.value = link.dataset.bamTopic;\r\n      updateOrganization();\r\n    });\r\n  });\r\n\r\n  var status = form.querySelector('[data-bam-form-status]');\r\n  var statusText = form.querySelector('[data-bam-form-status-text]');\r\n  var openMessage = form.querySelector('[data-bam-form-open]');\r\n\r\n  form.querySelector('[data-bam-submit]').disabled = false;\r\n\r\n  form.addEventListener('input', function () {\r\n    status.hidden = true;\r\n  });\r\n\r\n  form.addEventListener('submit', function (event) {\r\n    event.preventDefault();\r\n\r\n    if (!form.reportValidity()) return;\r\n\r\n    var digits = form.querySelector('[name=\"telefono\"]').value.replace(\/\\D\/g, '');\r\n\r\n    if (digits.length < 7 || digits.length > 15) {\r\n      var tel = form.querySelector('[name=\"telefono\"]');\r\n      tel.setCustomValidity('Escribe un tel\u00e9fono v\u00e1lido de 7 a 15 d\u00edgitos.');\r\n      tel.reportValidity();\r\n\r\n      tel.addEventListener('input', function clear() {\r\n        tel.setCustomValidity('');\r\n        tel.removeEventListener('input', clear);\r\n      });\r\n\r\n      return;\r\n    }\r\n\r\n    var lines = [\r\n      'Hola, Banco Arquidiocesano de Alimentos.',\r\n      '',\r\n      'Nombre: ' + form.querySelector('[name=\"nombre\"]').value.trim(),\r\n      'Tel\u00e9fono: ' + form.querySelector('[name=\"telefono\"]').value.trim(),\r\n      'Correo: ' + form.querySelector('[name=\"correo\"]').value.trim(),\r\n      'Motivo: ' + select.value\r\n    ];\r\n\r\n    if (!orgInput.disabled) {\r\n      lines.push('Organizaci\u00f3n: ' + orgInput.value.trim());\r\n    }\r\n\r\n    lines.push(\r\n      '',\r\n      'Mensaje:',\r\n      form.querySelector('[name=\"mensaje\"]').value.trim(),\r\n      '',\r\n      'Autorizo el uso de estos datos para responder a esta solicitud.'\r\n    );\r\n\r\n    openMessage.href = whatsappURL(lines.join('\\n'));\r\n    statusText.textContent =\r\n      'Tu mensaje est\u00e1 preparado. Env\u00edalo desde WhatsApp. ' +\r\n      'Si no se abri\u00f3 la aplicaci\u00f3n, utiliza este enlace:';\r\n\r\n    status.hidden = false;\r\n    openMessage.click();\r\n  });\r\n\r\n  root.querySelectorAll('.bam-mobile-menu a').forEach(function (link) {\r\n    link.addEventListener('click', function () {\r\n      root.querySelector('.bam-mobile-nav').open = false;\r\n    });\r\n  });\r\n\r\n  root.querySelectorAll('a[href^=\"#bam-\"]').forEach(function (link) {\r\n    link.addEventListener('click', function (event) {\r\n      if (link.hasAttribute('data-bam-portal')) return;\r\n\r\n      var target = document.getElementById(link.getAttribute('href').slice(1));\r\n      if (!target) return;\r\n\r\n      event.preventDefault();\r\n\r\n      target.scrollIntoView({\r\n        behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches\r\n          ? 'auto'\r\n          : 'smooth',\r\n        block: 'start'\r\n      });\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Una obra social de la Arquidi\u00f3cesis de Popay\u00e1n Visitar la Arquidi\u00f3cesis \u2197 Nosotros C\u00f3mo ayudar C\u00f3mo funciona Beneficiarios Contacto Men\u00fa Nosotros C\u00f3mo ayudar Donar ahora C\u00f3mo funciona Voluntariado Beneficiarios Contacto Donar ahora Solidaridad que llega a donde se necesita Compartiralimentaesperanza. Transformamos donaciones en alimentos y bienes esenciales para las comunidades m\u00e1s vulnerables. Unimos personas, empresas&hellip; <a class=\"more-link\" href=\"https:\/\/demo2.allcreative.com.co\/en\/\">Continue reading <span class=\"screen-reader-text\">home<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-868","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/demo2.allcreative.com.co\/en\/wp-json\/wp\/v2\/pages\/868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo2.allcreative.com.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.allcreative.com.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.allcreative.com.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.allcreative.com.co\/en\/wp-json\/wp\/v2\/comments?post=868"}],"version-history":[{"count":7,"href":"https:\/\/demo2.allcreative.com.co\/en\/wp-json\/wp\/v2\/pages\/868\/revisions"}],"predecessor-version":[{"id":893,"href":"https:\/\/demo2.allcreative.com.co\/en\/wp-json\/wp\/v2\/pages\/868\/revisions\/893"}],"wp:attachment":[{"href":"https:\/\/demo2.allcreative.com.co\/en\/wp-json\/wp\/v2\/media?parent=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}