{"id":561,"date":"2026-07-13T02:41:35","date_gmt":"2026-07-13T02:41:35","guid":{"rendered":"https:\/\/cdapeabody.com\/?page_id=561"},"modified":"2026-07-30T15:55:59","modified_gmt":"2026-07-30T15:55:59","slug":"inicio","status":"publish","type":"page","link":"https:\/\/cdapeabody.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"561\" class=\"elementor elementor-561\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49621e6 e-con-full e-flex e-con e-parent\" data-id=\"49621e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77761d5 elementor-widget elementor-widget-html\" data-id=\"77761d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CASA DE ADORACI\u00d3N \u2014 HOME \u2014 SECCI\u00d3N 1: HERO + STATS\r\n  Pegar en un widget HTML de Elementor. Este es el PRIMER bloque de la p\u00e1gina Home.\r\n============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  #cda-h-hero, #cda-h-hero * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  #cda-h-hero {\r\n    --cda-black: #0a0a0a; --cda-black-2: #131313; --cda-blue-light: #6fa8dc;\r\n    --cda-flame-1: #ffd23f; --cda-flame-2: #ff6b1a; --cda-flame-3: #d62828; --cda-white: #f2f2f0;\r\n    font-family: 'Montserrat', sans-serif; background: var(--cda-black);\r\n  }\r\n\r\n  #cda-h-hero .cda-hero {\r\n    position: relative; min-height: 720px; display: flex; align-items: center; justify-content: center;\r\n    text-align: center; padding: 100px 32px; overflow: hidden; background: var(--cda-black);\r\n  }\r\n\r\n  #cda-h-hero .cda-hero-video-wrap { position: absolute; inset: 0; overflow: hidden; }\r\n\r\n  \/* T\u00e9cnica simplificada: object-fit:cover directo, sin el truco viejo de\r\n     min-width\/min-height + translate, que pod\u00eda dar problemas de encuadre en m\u00f3vil *\/\r\n  #cda-h-hero .cda-hero-video-wrap video {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n\r\n  #cda-h-hero .cda-hero-video-wrap::after {\r\n    content: ''; position: absolute; inset: 0;\r\n    background: linear-gradient(180deg, rgba(10,10,10,0.35), rgba(10,10,10,0.3) 45%, rgba(10,10,10,0.75));\r\n  }\r\n\r\n  \/* Bot\u00f3n de sonido (\u00fanico elemento sobre el video, aparte del degradado) *\/\r\n  #cda-h-hero .cda-sound-btn {\r\n    position: absolute;\r\n    bottom: 24px;\r\n    right: 24px;\r\n    z-index: 2;\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    background: rgba(10, 10, 10, 0.55);\r\n    border: 1.5px solid rgba(242, 242, 240, 0.4);\r\n    backdrop-filter: blur(6px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: border-color 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  #cda-h-hero .cda-sound-btn:hover {\r\n    border-color: var(--cda-flame-1);\r\n    background: rgba(10, 10, 10, 0.75);\r\n  }\r\n\r\n  #cda-h-hero .cda-sound-btn svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: var(--cda-white);\r\n  }\r\n\r\n  #cda-h-hero .cda-sound-btn .cda-icon-muted { display: block; }\r\n  #cda-h-hero .cda-sound-btn .cda-icon-unmuted { display: none; }\r\n  #cda-h-hero .cda-sound-btn.cda-is-unmuted .cda-icon-muted { display: none; }\r\n  #cda-h-hero .cda-sound-btn.cda-is-unmuted .cda-icon-unmuted { display: block; }\r\n\r\n  #cda-h-hero .cda-stats-bar {\r\n    position: relative; z-index: 2; margin-top: -1px;\r\n    background: var(--cda-black-2); border-top: 1px solid rgba(255, 107, 26, 0.2);\r\n    border-bottom: 1px solid rgba(111, 168, 220, 0.15);\r\n    padding: 34px 24px; display: flex; justify-content: center; gap: 60px; flex-wrap: wrap;\r\n  }\r\n\r\n  #cda-h-hero .cda-stat { text-align: center; }\r\n\r\n  #cda-h-hero .cda-stat .cda-stat-num {\r\n    font-weight: 800; font-size: 32px;\r\n    background: linear-gradient(135deg, var(--cda-flame-1), var(--cda-flame-2));\r\n    -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 1;\r\n  }\r\n\r\n  #cda-h-hero .cda-stat .cda-stat-label {\r\n    font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase;\r\n    color: rgba(242, 242, 240, 0.6); margin-top: 8px;\r\n  }\r\n\r\n  #cda-h-hero .cda-reveal {\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  #cda-h-hero .cda-reveal.cda-in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (max-width: 600px) {\r\n    #cda-h-hero .cda-hero { padding: 0; min-height: 0; height: 62vw; max-height: 340px; }\r\n    #cda-h-hero .cda-stats-bar { gap: 30px; padding: 26px 20px; }\r\n    #cda-h-hero .cda-stat .cda-stat-num { font-size: 26px; }\r\n    #cda-h-hero .cda-sound-btn { width: 42px; height: 42px; bottom: 14px; right: 14px; }\r\n    #cda-h-hero .cda-sound-btn svg { width: 18px; height: 18px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #cda-h-hero * { transition: none !important; }\r\n    #cda-h-hero .cda-reveal { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"cda-h-hero\">\r\n  <section class=\"cda-hero\">\r\n    <div class=\"cda-hero-video-wrap\">\r\n      <video id=\"cdaHeroVideo\" autoplay muted loop playsinline>\r\n        <source src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/1108167_1080p_Walk_1920x1080.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <button class=\"cda-sound-btn\" id=\"cdaSoundBtn\" aria-label=\"Activar sonido\">\r\n      <svg class=\"cda-icon-muted\" viewbox=\"0 0 24 24\"><path d=\"M16.5 12A4.5 4.5 0 0 0 14 8v2.2l2.45 2.45c.03-.21.05-.43.05-.65zM19 12c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-3-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.94 8.94 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4 9.91 6.09 12 8.18V4z\"\/><\/svg>\r\n      <svg class=\"cda-icon-unmuted\" viewbox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.47 4.47 0 0 0 2.5-4zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4-.91 7-4.49 7-8.77s-3-7.86-7-8.77z\"\/><\/svg>\r\n    <\/button>\r\n  <\/section>\r\n\r\n  <div class=\"cda-stats-bar\">\r\n    <div class=\"cda-stat cda-reveal\">\r\n      <div class=\"cda-stat-num\">35+<\/div>\r\n      <div class=\"cda-stat-label\">Years of Ministry<\/div>\r\n    <\/div>\r\n    <div class=\"cda-stat cda-reveal\">\r\n      <div class=\"cda-stat-num\">10<\/div>\r\n      <div class=\"cda-stat-label\">Active Ministries<\/div>\r\n    <\/div>\r\n    <div class=\"cda-stat cda-reveal\">\r\n      <div class=\"cda-stat-num\">2017<\/div>\r\n      <div class=\"cda-stat-label\">Serving at Peabody<\/div>\r\n    <\/div>\r\n    <div class=\"cda-stat cda-reveal\">\r\n      <div class=\"cda-stat-num\">100%<\/div>\r\n      <div class=\"cda-stat-label\">Welcome<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    var video = document.getElementById('cdaHeroVideo');\r\n    var soundBtn = document.getElementById('cdaSoundBtn');\r\n\r\n    soundBtn.addEventListener('click', function() {\r\n      video.muted = !video.muted;\r\n      soundBtn.classList.toggle('cda-is-unmuted', !video.muted);\r\n      soundBtn.setAttribute('aria-label', video.muted ? 'Activar sonido' : 'Silenciar');\r\n    });\r\n\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      document.querySelectorAll('#cda-h-hero .cda-reveal').forEach(function(el) { el.classList.add('cda-in-view'); });\r\n      return;\r\n    }\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('cda-in-view'); observer.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n    document.querySelectorAll('#cda-h-hero .cda-reveal').forEach(function(el, i) {\r\n      el.style.transitionDelay = (Math.min(i, 5) * 0.06) + 's';\r\n      observer.observe(el);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a4daa7 e-con-full e-flex e-con e-parent\" data-id=\"7a4daa7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d65575e elementor-widget elementor-widget-html\" data-id=\"d65575e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CASA DE ADORACI\u00d3N \u2014 HOME \u2014 SECCI\u00d3N 2: BIENVENIDA\r\n============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  #cda-h-bienvenida, #cda-h-bienvenida * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  #cda-h-bienvenida {\r\n    --cda-black: #0a0a0a; --cda-blue-light: #6fa8dc;\r\n    --cda-flame-1: #ffd23f; --cda-flame-2: #ff6b1a; --cda-white: #f2f2f0;\r\n    font-family: 'Montserrat', sans-serif; background: var(--cda-black); color: var(--cda-white);\r\n    padding: 90px 32px; position: relative; overflow: hidden;\r\n  }\r\n\r\n  #cda-h-bienvenida .cda-glow-1 {\r\n    position: absolute; top: -120px; right: -80px; width: 500px; height: 400px;\r\n    background: radial-gradient(ellipse, rgba(111, 168, 220, 0.1), transparent 70%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n\r\n  #cda-h-bienvenida .cda-bienvenida { position: relative; z-index: 1; }\r\n\r\n  #cda-h-bienvenida .cda-bienvenida {\r\n    max-width: 1100px; margin: 0 auto; display: grid;\r\n    grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;\r\n  }\r\n\r\n  #cda-h-bienvenida .cda-bienvenida-photo {\r\n    border-radius: 12px; overflow: hidden; border: 1px solid rgba(255, 107, 26, 0.2); aspect-ratio: 5\/4;\r\n  }\r\n\r\n  #cda-h-bienvenida .cda-bienvenida-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n  #cda-h-bienvenida .cda-label {\r\n    font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase;\r\n    color: var(--cda-flame-1); margin-bottom: 14px;\r\n  }\r\n\r\n  #cda-h-bienvenida h2 {\r\n    font-weight: 800; font-size: clamp(24px, 3vw, 34px); text-transform: uppercase;\r\n    line-height: 1.2; margin-bottom: 20px;\r\n  }\r\n\r\n  #cda-h-bienvenida p {\r\n    font-size: 15px; line-height: 1.85; color: rgba(242, 242, 240, 0.8); margin-bottom: 16px;\r\n  }\r\n\r\n  #cda-h-bienvenida .cda-pilares-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }\r\n\r\n  #cda-h-bienvenida .cda-pilar-chip {\r\n    font-size: 12.5px; font-weight: 600; padding: 8px 16px; border-radius: 999px;\r\n    border: 1px solid rgba(111, 168, 220, 0.25); color: rgba(242, 242, 240, 0.8);\r\n  }\r\n\r\n  #cda-h-bienvenida .cda-link-arrow {\r\n    display: inline-flex; align-items: center; gap: 6px; margin-top: 6px;\r\n    font-weight: 700; font-size: 13.5px; letter-spacing: 0.5px; text-transform: uppercase;\r\n    color: var(--cda-flame-1); text-decoration: none;\r\n  }\r\n  #cda-h-bienvenida .cda-link-arrow svg { width: 14px; height: 14px; fill: var(--cda-flame-1); transition: transform 0.2s ease; }\r\n  #cda-h-bienvenida .cda-link-arrow:hover svg { transform: translateX(4px); }\r\n\r\n  #cda-h-bienvenida .cda-reveal {\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  #cda-h-bienvenida .cda-reveal.cda-in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (max-width: 900px) {\r\n    #cda-h-bienvenida .cda-bienvenida { grid-template-columns: 1fr; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #cda-h-bienvenida { padding: 60px 20px; }\r\n    #cda-h-bienvenida, #cda-h-bienvenida p { text-align: center; }\r\n    #cda-h-bienvenida .cda-pilares-chips { justify-content: center; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #cda-h-bienvenida * { transition: none !important; }\r\n    #cda-h-bienvenida .cda-reveal { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"cda-h-bienvenida\">\r\n  <div class=\"cda-glow-1\"><\/div>\r\n  <div class=\"cda-bienvenida\">\r\n    <div class=\"cda-bienvenida-photo cda-reveal\">\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-10-at-1.54.57-PM.jpeg\" alt=\"Congregaci\u00f3n de Casa de Adoraci\u00f3n\">\r\n    <\/div>\r\n    <div class=\"cda-reveal\">\r\n      <div class=\"cda-label\">Welcome to the House of Worship<\/div>\r\n      <h2>A place where you'll always be welcome<\/h2>\r\n      <p>We are a faith community that loves God and loves people. We are committed to walking alongside people on their spiritual journey, helping them find healing, grow as disciples, be equipped, and discover their place of service.<\/p>\r\n      <p>Our vision is based on five pillars: winning souls, restoring lives, discipling, training, and serving.<\/p>\r\n      <div class=\"cda-pilares-chips\">\r\n        <span class=\"cda-pilar-chip\">Community Outreach<\/span>\r\n        <span class=\"cda-pilar-chip\">Restoring Lives<\/span>\r\n        <span class=\"cda-pilar-chip\">Discipleship<\/span>\r\n        <span class=\"cda-pilar-chip\">Train<\/span>\r\n        <span class=\"cda-pilar-chip\">Serve<\/span>\r\n      <\/div>\r\n      <a href=\"\/en\/nosotros\/\" class=\"cda-link-arrow\">Learn About Our History, Mission, and Values <svg viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      document.querySelectorAll('#cda-h-bienvenida .cda-reveal').forEach(function(el) { el.classList.add('cda-in-view'); });\r\n      return;\r\n    }\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('cda-in-view'); observer.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n    document.querySelectorAll('#cda-h-bienvenida .cda-reveal').forEach(function(el, i) {\r\n      el.style.transitionDelay = (i * 0.08) + 's';\r\n      observer.observe(el);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13a3ef9 e-con-full e-flex e-con e-parent\" data-id=\"13a3ef9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdd302d elementor-widget elementor-widget-html\" data-id=\"cdd302d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CASA DE ADORACI\u00d3N \u2014 HOME \u2014 SECCI\u00d3N 3: GALER\u00cdA (acorde\u00f3n horizontal de fotos)\r\n  Fix: el toque en m\u00f3vil no expand\u00eda la foto (detecci\u00f3n de touch poco fiable).\r\n  Ahora el click siempre funciona (toque o mouse) y el hover es un extra en desktop.\r\n============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  #cda-h-mosaico, #cda-h-mosaico * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  #cda-h-mosaico {\r\n    --cda-black: #0a0a0a; --cda-black-2: #131313; --cda-blue-light: #6fa8dc;\r\n    --cda-flame-1: #ffd23f; --cda-flame-2: #ff6b1a;\r\n    font-family: 'Montserrat', sans-serif; background: var(--cda-black-2); color: #f2f2f0;\r\n    padding: 90px 32px; position: relative; overflow: hidden;\r\n  }\r\n\r\n  #cda-h-mosaico .cda-glow-1 {\r\n    position: absolute; top: -140px; left: -100px; width: 500px; height: 350px;\r\n    background: radial-gradient(ellipse, rgba(255, 107, 26, 0.1), transparent 70%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n\r\n  #cda-h-mosaico > * { position: relative; z-index: 1; }\r\n\r\n  #cda-h-mosaico .cda-section-label {\r\n    text-align: center; font-weight: 700; font-size: 13px; letter-spacing: 2px;\r\n    text-transform: uppercase; color: var(--cda-blue-light); margin-bottom: 14px;\r\n  }\r\n\r\n  #cda-h-mosaico .cda-section-title {\r\n    text-align: center; font-weight: 800; font-size: clamp(26px, 3.6vw, 40px);\r\n    text-transform: uppercase; line-height: 1.15; margin-bottom: 20px;\r\n  }\r\n\r\n  #cda-h-mosaico .cda-section-desc {\r\n    text-align: center; max-width: 680px; margin: 0 auto 50px;\r\n    font-size: 15.5px; line-height: 1.85; color: rgba(242, 242, 240, 0.78);\r\n  }\r\n\r\n  \/* ---------- Acorde\u00f3n horizontal ---------- *\/\r\n  #cda-h-mosaico .cda-accordion {\r\n    max-width: 1200px; margin: 0 auto;\r\n    display: flex;\r\n    height: 320px;\r\n    gap: 8px;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #cda-h-mosaico .cda-acc-item {\r\n    position: relative;\r\n    flex: 1;\r\n    min-width: 0;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    transition: flex 0.55s cubic-bezier(0.16, 1, 0.3, 1);\r\n    \/* Evita el delay de 300ms y el doble-tap-zoom en m\u00f3viles al tocar *\/\r\n    touch-action: manipulation;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  #cda-h-mosaico .cda-acc-item.cda-active {\r\n    flex: 5;\r\n  }\r\n\r\n  #cda-h-mosaico .cda-acc-item img {\r\n    position: absolute; inset: 0;\r\n    width: 100%; height: 100%; object-fit: cover; object-position: center;\r\n    filter: grayscale(70%) brightness(0.55) blur(2.5px);\r\n    transform: scale(1.12);\r\n    transition: filter 0.55s ease, transform 0.55s ease;\r\n    \/* Asegura que el tap se registre en el contenedor, no se \"coma\" el evento en la imagen *\/\r\n    pointer-events: none;\r\n  }\r\n\r\n  #cda-h-mosaico .cda-acc-item.cda-active img {\r\n    filter: grayscale(0%) brightness(0.85) blur(0px);\r\n    transform: scale(1);\r\n  }\r\n\r\n  #cda-h-mosaico .cda-acc-item::after {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background:\r\n      linear-gradient(180deg, transparent 50%, rgba(10,10,10,0.85) 100%),\r\n      linear-gradient(90deg, rgba(10,10,10,0.35) 0%, transparent 12%, transparent 88%, rgba(10,10,10,0.35) 100%);\r\n    pointer-events: none;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  #cda-h-mosaico .cda-acc-item.cda-active::after {\r\n    background:\r\n      linear-gradient(180deg, transparent 50%, rgba(10,10,10,0.85) 100%),\r\n      linear-gradient(90deg, rgba(10,10,10,0.12) 0%, transparent 6%, transparent 94%, rgba(10,10,10,0.12) 100%);\r\n  }\r\n\r\n  #cda-h-mosaico .cda-acc-caption {\r\n    position: absolute;\r\n    bottom: 18px; left: 16px; right: 16px;\r\n    z-index: 2;\r\n    font-weight: 700;\r\n    font-size: 13px;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    color: var(--cda-white, #f2f2f0);\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition: opacity 0.4s ease 0.15s, transform 0.4s ease 0.15s;\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #cda-h-mosaico .cda-acc-item.cda-active .cda-acc-caption {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  #cda-h-mosaico .cda-acc-item .cda-acc-index {\r\n    position: absolute;\r\n    top: 16px; left: 16px;\r\n    z-index: 2;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 12px;\r\n    color: rgba(242, 242, 240, 0.5);\r\n    letter-spacing: 0.5px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #cda-h-mosaico .cda-acc-item.cda-active .cda-acc-index {\r\n    color: var(--cda-flame-1);\r\n  }\r\n\r\n  #cda-h-mosaico .cda-cta-wrap { text-align: center; margin-top: 40px; }\r\n\r\n  #cda-h-mosaico .cda-link-arrow {\r\n    display: inline-flex; align-items: center; gap: 6px;\r\n    font-weight: 700; font-size: 13.5px; letter-spacing: 0.5px; text-transform: uppercase;\r\n    color: #ffd23f; text-decoration: none;\r\n  }\r\n  #cda-h-mosaico .cda-link-arrow svg { width: 14px; height: 14px; fill: #ffd23f; transition: transform 0.2s ease; }\r\n  #cda-h-mosaico .cda-link-arrow:hover svg { transform: translateX(4px); }\r\n\r\n  #cda-h-mosaico .cda-reveal {\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  #cda-h-mosaico .cda-reveal.cda-in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 900px) {\r\n    #cda-h-mosaico .cda-accordion { height: 260px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #cda-h-mosaico { padding: 60px 20px; }\r\n\r\n    #cda-h-mosaico .cda-accordion {\r\n      flex-direction: column;\r\n      height: auto;\r\n      gap: 6px;\r\n    }\r\n\r\n    #cda-h-mosaico .cda-acc-item,\r\n    #cda-h-mosaico .cda-acc-item.cda-active {\r\n      \/* flex: none expl\u00edcito en AMBAS reglas: la regla de escritorio\r\n         \".cda-acc-item.cda-active { flex: 5 }\" tiene la misma especificidad\r\n         que esta y, al no ser sobreescrita, ganaba en mobile (misma\r\n         especificidad = gana la \u00faltima declarada, propiedad por propiedad).\r\n         Con flex-basis:0 heredado de \"flex:5\", el height de abajo quedaba\r\n         anulado por el algoritmo de flexbox \u2192 por eso se ve\u00eda expandir\r\n         un instante y volver a cerrarse. *\/\r\n      flex: none;\r\n      height: 90px;\r\n      transition: height 0.5s ease;\r\n    }\r\n\r\n    #cda-h-mosaico .cda-acc-item.cda-active {\r\n      height: 260px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #cda-h-mosaico * { transition: none !important; }\r\n    #cda-h-mosaico .cda-reveal { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"cda-h-mosaico\">\r\n  <div class=\"cda-glow-1\"><\/div>\r\n  <div class=\"cda-section-label cda-reveal\">Moments to Share<\/div>\r\n  <h2 class=\"cda-section-title cda-reveal\">The Life of Our Congregation<\/h2>\r\n  <p class=\"cda-section-desc cda-reveal\">Services, activities and celebrations \u2014 passes the mouse over each photo to discover it.<\/p>\r\n\r\n  <div class=\"cda-accordion cda-reveal\" id=\"cdaAccordion\">\r\n    <div class=\"cda-acc-item cda-active\" data-caption=\"Servicio Dominical\">\r\n      <span class=\"cda-acc-index\">01<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/rosalind-chang-WKoDXV33VoQ-unsplash-scaled.jpg\" alt=\"Servicio dominical\">\r\n      <span class=\"cda-acc-caption\">Sunday Service<\/span>\r\n    <\/div>\r\n    <div class=\"cda-acc-item\" data-caption=\"Adoraci\u00f3n\">\r\n      <span class=\"cda-acc-index\">02<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/nathan-mullet-pmiW630yDPE-unsplash-scaled.jpg\" alt=\"Adoraci\u00f3n\">\r\n      <span class=\"cda-acc-caption\">Worship<\/span>\r\n    <\/div>\r\n    <div class=\"cda-acc-item\" data-caption=\"Comunidad\">\r\n      <span class=\"cda-acc-index\">03<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/priscilla-du-preez-W3SEyZODn8U-unsplash-scaled.jpg\" alt=\"Comunidad\">\r\n      <span class=\"cda-acc-caption\">Community<\/span>\r\n    <\/div>\r\n    <div class=\"cda-acc-item\" data-caption=\"CDA Kids\">\r\n      <span class=\"cda-acc-index\">04<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/erika-giraud-4EFeD-VTgu4-unsplash-scaled.jpg\" alt=\"CDA Kids\">\r\n      <span class=\"cda-acc-caption\">CDA Kids<\/span>\r\n    <\/div>\r\n    <div class=\"cda-acc-item\" data-caption=\"J\u00f3venes\">\r\n      <span class=\"cda-acc-index\">05<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/tanya-prodaan-DPxgBhW64Kk-unsplash-scaled.jpg\" alt=\"J\u00f3venes\">\r\n      <span class=\"cda-acc-caption\">Young<\/span>\r\n    <\/div>\r\n    <div class=\"cda-acc-item\" data-caption=\"Actividad Especial\">\r\n      <span class=\"cda-acc-index\">06<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/kelvin-zyteng-f7deDJEZE5U-unsplash-scaled.jpg\" alt=\"Actividad especial\">\r\n      <span class=\"cda-acc-caption\">Special Activity<\/span>\r\n    <\/div>\r\n    <div class=\"cda-acc-item\" data-caption=\"Bienvenida\">\r\n      <span class=\"cda-acc-index\">07<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_hflxfshflxfshflx.png\" alt=\"Bienvenida\">\r\n      <span class=\"cda-acc-caption\">Welcome<\/span>\r\n    <\/div>\r\n    <div class=\"cda-acc-item\" data-caption=\"Servicio\">\r\n      <span class=\"cda-acc-index\">08<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_4aokzp4aokzp4aok.png\" alt=\"Servicio\">\r\n      <span class=\"cda-acc-caption\">Service<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"cda-cta-wrap cda-reveal\">\r\n    <a href=\"\/en\/fotos\/\" class=\"cda-link-arrow\" style=\"justify-content:center;\">View All Photos <svg viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    var accordion = document.getElementById('cdaAccordion');\r\n    var items = accordion.querySelectorAll('.cda-acc-item');\r\n\r\n    \/\/ Detecci\u00f3n de touch solo para decidir si SUMAMOS el hover de escritorio,\r\n    \/\/ no para decidir si el toque funciona (eso ahora es universal via 'click').\r\n    var isTouch = window.matchMedia('(hover: none)').matches;\r\n\r\n    function activate(item) {\r\n      items.forEach(function(el) { el.classList.remove('cda-active'); });\r\n      item.classList.add('cda-active');\r\n    }\r\n\r\n    items.forEach(function(item) {\r\n      \/\/ 'click' funciona en TODOS los dispositivos: mouse, touch, teclado.\r\n      item.addEventListener('click', function() { activate(item); });\r\n\r\n      \/\/ El hover solo se agrega como extra en dispositivos con mouse real.\r\n      if (!isTouch) {\r\n        item.addEventListener('mouseenter', function() { activate(item); });\r\n      }\r\n    });\r\n\r\n    \/\/ Reveal en scroll\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      document.querySelectorAll('#cda-h-mosaico .cda-reveal').forEach(function(el) { el.classList.add('cda-in-view'); });\r\n      return;\r\n    }\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('cda-in-view'); observer.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n    document.querySelectorAll('#cda-h-mosaico .cda-reveal').forEach(function(el, i) {\r\n      el.style.transitionDelay = (Math.min(i, 3) * 0.08) + 's';\r\n      observer.observe(el);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47efb79 e-con-full e-flex e-con e-parent\" data-id=\"47efb79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49ced7a elementor-widget elementor-widget-html\" data-id=\"49ced7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CASA DE ADORACI\u00d3N \u2014 HOME \u2014 SECCI\u00d3N 4: MINISTERIOS\r\n============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  #cda-h-ministerios, #cda-h-ministerios * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  #cda-h-ministerios {\r\n    --cda-black: #0a0a0a; --cda-black-2: #131313; --cda-blue-light: #6fa8dc;\r\n    --cda-flame-1: #ffd23f; --cda-flame-2: #ff6b1a; --cda-white: #f2f2f0;\r\n    font-family: 'Montserrat', sans-serif; background: var(--cda-black); color: var(--cda-white);\r\n    padding: 90px 32px; position: relative; overflow: hidden;\r\n  }\r\n\r\n  #cda-h-ministerios .cda-glow-1 {\r\n    position: absolute; bottom: -140px; right: -80px; width: 500px; height: 350px;\r\n    background: radial-gradient(ellipse, rgba(255, 107, 26, 0.1), transparent 70%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n\r\n  #cda-h-ministerios > * { position: relative; z-index: 1; }\r\n\r\n  #cda-h-ministerios .cda-section-label {\r\n    text-align: center; font-weight: 700; font-size: 13px; letter-spacing: 2px;\r\n    text-transform: uppercase; color: var(--cda-blue-light); margin-bottom: 14px;\r\n  }\r\n\r\n  #cda-h-ministerios .cda-section-title {\r\n    text-align: center; font-weight: 800; font-size: clamp(26px, 3.6vw, 40px);\r\n    text-transform: uppercase; line-height: 1.15; margin-bottom: 20px;\r\n  }\r\n\r\n  #cda-h-ministerios .cda-section-desc {\r\n    text-align: center; max-width: 680px; margin: 0 auto 50px;\r\n    font-size: 15.5px; line-height: 1.85; color: rgba(242, 242, 240, 0.78);\r\n  }\r\n\r\n  #cda-h-ministerios .cda-min-grid {\r\n    max-width: 950px; margin: 0 auto; display: grid;\r\n    grid-template-columns: repeat(4, 1fr); gap: 18px;\r\n  }\r\n\r\n  #cda-h-ministerios .cda-min-card {\r\n    display: block; text-decoration: none; text-align: center;\r\n    background: var(--cda-black-2); border: 1px solid rgba(111, 168, 220, 0.15);\r\n    border-top: 2px solid transparent;\r\n    border-radius: 10px; padding: 26px 14px; transition: all 0.25s ease;\r\n  }\r\n\r\n  #cda-h-ministerios .cda-min-card:hover {\r\n    border-color: rgba(255, 107, 26, 0.35); border-top-color: var(--cda-flame-2); transform: translateY(-4px);\r\n  }\r\n\r\n  #cda-h-ministerios .cda-min-icon {\r\n    width: 44px; height: 44px; margin: 0 auto 14px; border-radius: 10px;\r\n    background: linear-gradient(135deg, rgba(255, 210, 63, 0.15), rgba(255, 107, 26, 0.15));\r\n    border: 1px solid rgba(255, 107, 26, 0.3); display: flex; align-items: center; justify-content: center;\r\n  }\r\n\r\n  #cda-h-ministerios .cda-min-icon svg { width: 21px; height: 21px; fill: var(--cda-flame-1); }\r\n\r\n  #cda-h-ministerios .cda-min-card h3 {\r\n    font-weight: 700; font-size: 13px; text-transform: uppercase; color: var(--cda-white); line-height: 1.3;\r\n  }\r\n\r\n  #cda-h-ministerios .cda-cta-wrap { text-align: center; margin-top: 44px; }\r\n\r\n  #cda-h-ministerios .cda-btn-outline {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-weight: 700; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase;\r\n    text-decoration: none; padding: 11px 22px; border-radius: 4px;\r\n    color: var(--cda-white); background: transparent; border: 1.5px solid rgba(242, 242, 240, 0.35);\r\n    transition: all 0.2s ease;\r\n  }\r\n  #cda-h-ministerios .cda-btn-outline:hover { border-color: var(--cda-flame-1); color: var(--cda-flame-1); }\r\n\r\n  #cda-h-ministerios .cda-reveal {\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  #cda-h-ministerios .cda-reveal.cda-in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (max-width: 700px) {\r\n    #cda-h-ministerios .cda-min-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #cda-h-ministerios { padding: 60px 20px; }\r\n    #cda-h-ministerios .cda-min-card { padding: 20px 12px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #cda-h-ministerios * { transition: none !important; }\r\n    #cda-h-ministerios .cda-reveal { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"cda-h-ministerios\">\r\n  <div class=\"cda-glow-1\"><\/div>\r\n  <div class=\"cda-section-label cda-reveal\">Find Your Place<\/div>\r\n  <h2 class=\"cda-section-title cda-reveal\">Our Ministries<\/h2>\r\n  <p class=\"cda-section-desc cda-reveal\">At Casa de Adoraci\u00f3n, there will always be a place for you to serve, grow, and put your talents to work for the Kingdom of God.<\/p>\r\n\r\n  <div class=\"cda-min-grid\">\r\n    <a href=\"\/en\/cda-kids\/\" class=\"cda-min-card cda-reveal\">\r\n      <div class=\"cda-min-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2c-3 0-9 1.5-9 4.5V21h18v-2.5c0-3-6-4.5-9-4.5z\"\/><\/svg><\/div>\r\n      <h3>CDA Kids<\/h3>\r\n    <\/a>\r\n    <a href=\"\/en\/generacion-escogida\/\" class=\"cda-min-card cda-reveal\">\r\n      <div class=\"cda-min-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2 2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\r\n      <h3>Chosen Generation<\/h3>\r\n    <\/a>\r\n    <a href=\"\/en\/alabanza\/\" class=\"cda-min-card cda-reveal\">\r\n      <div class=\"cda-min-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 18V5l12-2v13M9 18a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm12-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0z\"\/><\/svg><\/div>\r\n      <h3>Praise<\/h3>\r\n    <\/a>\r\n    <a href=\"\/en\/intercesion\/\" class=\"cda-min-card cda-reveal\">\r\n      <div class=\"cda-min-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 21.35C10.55 20.03 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/><\/svg><\/div>\r\n      <h3>Intercession<\/h3>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"cda-cta-wrap cda-reveal\">\r\n    <a href=\"\/en\/ministerios\/\" class=\"cda-btn-outline\">View All Ministries<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      document.querySelectorAll('#cda-h-ministerios .cda-reveal').forEach(function(el) { el.classList.add('cda-in-view'); });\r\n      return;\r\n    }\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('cda-in-view'); observer.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n    document.querySelectorAll('#cda-h-ministerios .cda-reveal').forEach(function(el, i) {\r\n      el.style.transitionDelay = (Math.min(i, 5) * 0.06) + 's';\r\n      observer.observe(el);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66a11ef e-con-full e-flex e-con e-parent\" data-id=\"66a11ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-384d068 elementor-widget elementor-widget-html\" data-id=\"384d068\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CASA DE ADORACI\u00d3N \u2014 HOME \u2014 SECCI\u00d3N 5: PROYECTO NEHEM\u00cdAS\r\n============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  #cda-h-nehemias, #cda-h-nehemias * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  #cda-h-nehemias {\r\n    --cda-black-2: #131313; --cda-blue-light: #6fa8dc;\r\n    --cda-flame-1: #ffd23f; --cda-flame-2: #ff6b1a; --cda-white: #f2f2f0;\r\n    font-family: 'Montserrat', sans-serif; background: var(--cda-black-2); color: var(--cda-white);\r\n    padding: 90px 32px; position: relative; overflow: hidden;\r\n  }\r\n\r\n  #cda-h-nehemias .cda-glow-1 {\r\n    position: absolute; top: -100px; left: 50%; transform: translateX(-50%); width: 700px; height: 350px;\r\n    background: radial-gradient(ellipse, rgba(255, 107, 26, 0.1), transparent 70%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n\r\n  #cda-h-nehemias .cda-nehemias-section {\r\n    position: relative; z-index: 1;\r\n    max-width: 1100px; margin: 0 auto; display: grid;\r\n    grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;\r\n    padding: 50px; background: linear-gradient(135deg, rgba(255, 210, 63, 0.07), rgba(255, 107, 26, 0.06), rgba(111, 168, 220, 0.05));\r\n    border: 1px solid rgba(255, 107, 26, 0.2); border-radius: 14px;\r\n  }\r\n\r\n  #cda-h-nehemias .cda-nehemias-photo {\r\n    border-radius: 10px; overflow: hidden; border: 1px solid rgba(255, 107, 26, 0.2);\r\n  }\r\n\r\n  #cda-h-nehemias .cda-nehemias-photo img { width: 100%; height: auto; display: block; }\r\n\r\n  #cda-h-nehemias .cda-label {\r\n    font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase;\r\n    color: var(--cda-blue-light); margin-bottom: 12px;\r\n  }\r\n\r\n  #cda-h-nehemias h2 {\r\n    font-weight: 800; font-size: clamp(24px, 3vw, 32px); text-transform: uppercase;\r\n    line-height: 1.2; margin-bottom: 16px;\r\n    background: linear-gradient(135deg, var(--cda-flame-1), var(--cda-flame-2) 55%, var(--cda-blue-light));\r\n    -webkit-background-clip: text; background-clip: text; color: transparent;\r\n  }\r\n\r\n  #cda-h-nehemias p {\r\n    font-size: 15px; line-height: 1.8; color: rgba(242, 242, 240, 0.78); margin-bottom: 24px;\r\n  }\r\n\r\n  #cda-h-nehemias .cda-btn-primary {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-weight: 700; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase;\r\n    text-decoration: none; padding: 12px 26px; border-radius: 4px; color: #0a0a0a;\r\n    background: linear-gradient(135deg, var(--cda-flame-1), var(--cda-flame-2) 55%, #d62828);\r\n    box-shadow: 0 4px 14px rgba(255, 107, 26, 0.3); transition: transform 0.18s ease, box-shadow 0.18s ease;\r\n  }\r\n  #cda-h-nehemias .cda-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(255, 107, 26, 0.45); }\r\n\r\n  #cda-h-nehemias .cda-reveal {\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  #cda-h-nehemias .cda-reveal.cda-in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (max-width: 900px) {\r\n    #cda-h-nehemias .cda-nehemias-section { grid-template-columns: 1fr; }\r\n    #cda-h-nehemias .cda-nehemias-photo { order: -1; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #cda-h-nehemias { padding: 60px 20px; }\r\n    #cda-h-nehemias .cda-nehemias-section { padding: 32px 22px; text-align: center; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #cda-h-nehemias * { transition: none !important; }\r\n    #cda-h-nehemias .cda-reveal { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"cda-h-nehemias\">\r\n  <div class=\"cda-glow-1\"><\/div>\r\n  <div class=\"cda-nehemias-section cda-reveal\">\r\n    <div class=\"cda-nehemias-photo\">\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_sxng5tsxng5tsxng.png\" alt=\"Proyecto Nehem\u00edas\">\r\n    <\/div>\r\n    <div>\r\n      <div class=\"cda-label\">A Vision of Faith<\/div>\r\n      <h2>Nehemiah Project<\/h2>\r\n      <p>We believe in a permanent home where people can come to know God, grow in their faith, and find a community that loves them. Born out of a time of fasting and prayer, this project represents the faith of our entire congregation.<\/p>\r\n      <a href=\"\/en\/proyecto-nehemias\/\" class=\"cda-btn-primary\">Learn More<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      document.querySelectorAll('#cda-h-nehemias .cda-reveal').forEach(function(el) { el.classList.add('cda-in-view'); });\r\n      return;\r\n    }\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('cda-in-view'); observer.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\r\n    document.querySelectorAll('#cda-h-nehemias .cda-reveal').forEach(function(el) {\r\n      observer.observe(el);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-066d3d9 e-con-full e-flex e-con e-parent\" data-id=\"066d3d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e2d792 elementor-widget elementor-widget-html\" data-id=\"2e2d792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CASA DE ADORACI\u00d3N \u2014 HOME \u2014 SECCI\u00d3N 6: PASTORES\r\n============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  #cda-h-pastores, #cda-h-pastores * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  #cda-h-pastores {\r\n    --cda-black: #0a0a0a; --cda-flame-1: #ffd23f; --cda-flame-2: #ff6b1a; --cda-white: #f2f2f0;\r\n    font-family: 'Montserrat', sans-serif; background: var(--cda-black); color: var(--cda-white);\r\n    padding: 90px 32px; position: relative; overflow: hidden;\r\n  }\r\n\r\n  #cda-h-pastores .cda-glow-1 {\r\n    position: absolute; top: -100px; left: -100px; width: 500px; height: 400px;\r\n    background: radial-gradient(ellipse, rgba(111, 168, 220, 0.09), transparent 70%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n\r\n  #cda-h-pastores .cda-pastores-teaser { position: relative; z-index: 1; }\r\n\r\n  #cda-h-pastores .cda-pastores-teaser {\r\n    max-width: 1000px; margin: 0 auto; display: grid;\r\n    grid-template-columns: 0.8fr 1.2fr; gap: 50px; align-items: center;\r\n  }\r\n\r\n  #cda-h-pastores .cda-pastores-photo-wrap { position: relative; }\r\n\r\n  #cda-h-pastores .cda-pastores-photo-wrap::before {\r\n    content: ''; position: absolute; inset: -14px; border-radius: 16px; z-index: -1;\r\n    background: linear-gradient(135deg, rgba(255, 210, 63, 0.15), rgba(255, 107, 26, 0.1), transparent 70%);\r\n  }\r\n\r\n  #cda-h-pastores .cda-pastores-photo {\r\n    border-radius: 10px; overflow: hidden; border: 1px solid rgba(255, 107, 26, 0.25); aspect-ratio: 4\/5;\r\n  }\r\n\r\n  #cda-h-pastores .cda-pastores-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n  #cda-h-pastores .cda-label {\r\n    font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase;\r\n    color: var(--cda-flame-1); margin-bottom: 14px;\r\n  }\r\n\r\n  #cda-h-pastores h2 {\r\n    font-weight: 800; font-size: clamp(24px, 3vw, 34px); text-transform: uppercase;\r\n    line-height: 1.2; margin-bottom: 20px;\r\n  }\r\n\r\n  #cda-h-pastores p {\r\n    font-size: 15px; line-height: 1.85; color: rgba(242, 242, 240, 0.8); margin-bottom: 16px;\r\n  }\r\n\r\n  #cda-h-pastores .cda-pastores-stats { display: flex; gap: 26px; margin-top: 20px; margin-bottom: 20px; }\r\n\r\n  #cda-h-pastores .cda-stat-num {\r\n    font-weight: 800; font-size: 24px;\r\n    background: linear-gradient(135deg, var(--cda-flame-1), var(--cda-flame-2));\r\n    -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 1;\r\n  }\r\n\r\n  #cda-h-pastores .cda-stat-label {\r\n    font-size: 11px; color: rgba(242, 242, 240, 0.55); margin-top: 4px; text-transform: uppercase;\r\n  }\r\n\r\n  #cda-h-pastores .cda-link-arrow {\r\n    display: inline-flex; align-items: center; gap: 6px;\r\n    font-weight: 700; font-size: 13.5px; letter-spacing: 0.5px; text-transform: uppercase;\r\n    color: var(--cda-flame-1); text-decoration: none;\r\n  }\r\n  #cda-h-pastores .cda-link-arrow svg { width: 14px; height: 14px; fill: var(--cda-flame-1); transition: transform 0.2s ease; }\r\n  #cda-h-pastores .cda-link-arrow:hover svg { transform: translateX(4px); }\r\n\r\n  #cda-h-pastores .cda-reveal {\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  #cda-h-pastores .cda-reveal.cda-in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (max-width: 900px) {\r\n    #cda-h-pastores .cda-pastores-teaser { grid-template-columns: 1fr; }\r\n    #cda-h-pastores .cda-pastores-photo-wrap { max-width: 320px; margin: 0 auto; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #cda-h-pastores { padding: 60px 20px; }\r\n    #cda-h-pastores, #cda-h-pastores p { text-align: center; }\r\n    #cda-h-pastores .cda-pastores-stats { justify-content: center; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #cda-h-pastores * { transition: none !important; }\r\n    #cda-h-pastores .cda-reveal { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"cda-h-pastores\">\r\n  <div class=\"cda-glow-1\"><\/div>\r\n  <div class=\"cda-pastores-teaser\">\r\n    <div class=\"cda-pastores-photo-wrap cda-reveal\">\r\n      <div class=\"cda-pastores-photo\">\r\n        <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-10-at-4.37.13-PM-4.jpeg\" alt=\"Pastores Jaime y Diana Moux\">\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cda-reveal\">\r\n      <div class=\"cda-label\">Pastoral Leadership<\/div>\r\n      <h2>Pastors Jaime and Diana Moux<\/h2>\r\n      <p>With more than 35 years of ministry and 44 years of marriage, Pastors Jaime and Diana have dedicated their lives to serving with love, guiding the congregation with a deep pastoral commitment since 2017 in Peabody.<\/p>\r\n      <div class=\"cda-pastores-stats\">\r\n        <div><div class=\"cda-stat-num\">44+<\/div><div class=\"cda-stat-label\">Years of Marriage<\/div><\/div>\r\n        <div><div class=\"cda-stat-num\">35+<\/div><div class=\"cda-stat-label\">Years of Ministry<\/div><\/div>\r\n      <\/div>\r\n      <a href=\"\/en\/pastores\/\" class=\"cda-link-arrow\">Meet Our Pastors <svg viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      document.querySelectorAll('#cda-h-pastores .cda-reveal').forEach(function(el) { el.classList.add('cda-in-view'); });\r\n      return;\r\n    }\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('cda-in-view'); observer.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\r\n    document.querySelectorAll('#cda-h-pastores .cda-reveal').forEach(function(el) {\r\n      observer.observe(el);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-415c231 e-con-full e-flex e-con e-parent\" data-id=\"415c231\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41b2b97 elementor-widget elementor-widget-html\" data-id=\"41b2b97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CASA DE ADORACI\u00d3N \u2014 HOME \u2014 SECCI\u00d3N 7: VIVE LA EXPERIENCIA (MULTIMEDIA) \u2014 v2 m\u00e1s rica\r\n  PENDIENTE: reemplaza las 5 fotos de fondo (MEDIA-BG-1 a MEDIA-BG-5) con fotos reales\r\n============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  #cda-h-media, #cda-h-media * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  #cda-h-media {\r\n    --cda-black: #0a0a0a; --cda-black-2: #131313; --cda-blue-light: #6fa8dc;\r\n    --cda-flame-1: #ffd23f; --cda-flame-2: #ff6b1a; --cda-flame-3: #d62828; --cda-white: #f2f2f0;\r\n    font-family: 'Montserrat', sans-serif; background: var(--cda-black-2); color: var(--cda-white);\r\n    padding: 90px 32px;\r\n  }\r\n\r\n  #cda-h-media .cda-section-label {\r\n    text-align: center; font-weight: 700; font-size: 13px; letter-spacing: 2px;\r\n    text-transform: uppercase; color: var(--cda-blue-light); margin-bottom: 14px;\r\n  }\r\n\r\n  #cda-h-media .cda-section-title {\r\n    text-align: center; font-weight: 800; font-size: clamp(26px, 3.6vw, 40px);\r\n    text-transform: uppercase; line-height: 1.15; margin-bottom: 50px;\r\n  }\r\n\r\n  \/* ---------- Grid tipo bento ---------- *\/\r\n  #cda-h-media .cda-bento {\r\n    max-width: 1150px; margin: 0 auto;\r\n    display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 130px; gap: 16px;\r\n  }\r\n\r\n  #cda-h-media .cda-bento-card {\r\n    position: relative; display: block; text-decoration: none; overflow: hidden;\r\n    border-radius: 12px; border: 1px solid rgba(111, 168, 220, 0.15);\r\n    background: var(--cda-black); transition: transform 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  #cda-h-media .cda-bento-card:hover { transform: translateY(-4px); border-color: rgba(255, 107, 26, 0.4); }\r\n\r\n  \/* Fondo difuminado (blur de la misma imagen) para rellenar detr\u00e1s sin bordes negros duros *\/\r\n  #cda-h-media .cda-bento-card .cda-bento-blur-bg {\r\n    position: absolute; inset: -20px; z-index: 0;\r\n    background-size: cover; background-position: center;\r\n    filter: blur(30px) brightness(0.45) saturate(1.2);\r\n    transform: scale(1.2);\r\n  }\r\n\r\n  #cda-h-media .cda-bento-card img {\r\n    position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: contain;\r\n    transition: transform 0.5s ease;\r\n  }\r\n\r\n  #cda-h-media .cda-bento-card:hover img { transform: scale(1.08); }\r\n\r\n  #cda-h-media .cda-bento-card::before {\r\n    content: ''; position: absolute; inset: 0; z-index: 2;\r\n    background: linear-gradient(180deg, rgba(10,10,10,0.1) 0%, rgba(10,10,10,0.4) 55%, rgba(10,10,10,0.88) 100%);\r\n  }\r\n\r\n  #cda-h-media .cda-bento-content {\r\n    position: relative; z-index: 3; height: 100%; display: flex; flex-direction: column;\r\n    justify-content: flex-end; padding: 20px;\r\n  }\r\n\r\n  #cda-h-media .cda-bento-icon {\r\n    width: 38px; height: 38px; border-radius: 10px; margin-bottom: 12px;\r\n    background: linear-gradient(135deg, rgba(255, 210, 63, 0.25), rgba(255, 107, 26, 0.25));\r\n    border: 1px solid rgba(255, 107, 26, 0.4); display: flex; align-items: center; justify-content: center;\r\n    backdrop-filter: blur(4px);\r\n  }\r\n\r\n  #cda-h-media .cda-bento-icon svg { width: 18px; height: 18px; fill: var(--cda-flame-1); }\r\n\r\n  #cda-h-media .cda-bento-card h3 {\r\n    font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: 0.3px;\r\n    color: var(--cda-white); margin-bottom: 4px;\r\n  }\r\n\r\n  #cda-h-media .cda-bento-card p {\r\n    font-size: 12px; line-height: 1.5; color: rgba(242, 242, 240, 0.75);\r\n    max-width: 220px;\r\n  }\r\n\r\n  \/* Tarjeta grande: En Vivo *\/\r\n  #cda-h-media .cda-bento-live {\r\n    grid-column: span 3; grid-row: span 2;\r\n  }\r\n\r\n  #cda-h-media .cda-bento-live h3 { font-size: 22px; }\r\n  #cda-h-media .cda-bento-live .cda-bento-icon { width: 48px; height: 48px; }\r\n  #cda-h-media .cda-bento-live .cda-bento-icon svg { width: 24px; height: 24px; }\r\n\r\n  #cda-h-media .cda-live-badge {\r\n    position: absolute; top: 20px; right: 20px; z-index: 3;\r\n    display: inline-flex; align-items: center; gap: 6px;\r\n    font-weight: 700; font-size: 11px; letter-spacing: 1px; text-transform: uppercase;\r\n    color: var(--cda-white); padding: 6px 12px; border-radius: 999px;\r\n    background: rgba(214, 40, 40, 0.85); backdrop-filter: blur(4px);\r\n  }\r\n\r\n  #cda-h-media .cda-live-dot {\r\n    width: 7px; height: 7px; border-radius: 50%; background: var(--cda-white);\r\n    animation: cdaHomePulseDot 1.6s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes cdaHomePulseDot {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.4; }\r\n  }\r\n\r\n  \/* Tarjetas medianas: Podcast, Videos *\/\r\n  #cda-h-media .cda-bento-md { grid-column: span 3; grid-row: span 1; }\r\n\r\n  \/* Tarjetas peque\u00f1as: Fotos, Eventos *\/\r\n  #cda-h-media .cda-bento-sm { grid-column: span 3; grid-row: span 1; }\r\n\r\n  \/* Fotos queda sola en la \u00faltima fila (quitamos Eventos, ya repetido en la secci\u00f3n de abajo) \u2014\r\n     que ocupe todo el ancho y tenga m\u00e1s alto, para que la foto no se vea como tira delgada *\/\r\n  #cda-h-media .cda-bento-card:last-child { grid-column: span 6; grid-row: span 2; }\r\n  #cda-h-media .cda-bento-card:last-child .cda-bento-content { padding: 28px 34px; }\r\n  #cda-h-media .cda-bento-card:last-child p { max-width: none; }\r\n\r\n  #cda-h-media .cda-reveal {\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  #cda-h-media .cda-reveal.cda-in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (max-width: 900px) {\r\n    #cda-h-media .cda-bento { grid-template-columns: repeat(2, 1fr); }\r\n    #cda-h-media .cda-bento-live { grid-column: span 2; grid-row: span 2; }\r\n    #cda-h-media .cda-bento-md,\r\n    #cda-h-media .cda-bento-sm { grid-column: span 1; }\r\n    #cda-h-media .cda-bento-card:last-child { grid-column: span 2; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #cda-h-media { padding: 60px 20px; }\r\n    #cda-h-media .cda-bento { grid-template-columns: 1fr; grid-auto-rows: 150px; }\r\n    #cda-h-media .cda-bento-live { grid-column: span 1; grid-row: span 2; }\r\n    #cda-h-media .cda-bento-md,\r\n    #cda-h-media .cda-bento-sm { grid-column: span 1; grid-row: span 1; }\r\n    #cda-h-media .cda-bento-card:last-child { grid-column: span 1; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #cda-h-media * { transition: none !important; }\r\n    #cda-h-media .cda-reveal { opacity: 1 !important; transform: none !important; }\r\n    #cda-h-media .cda-live-dot { animation: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"cda-h-media\">\r\n  <div class=\"cda-section-label cda-reveal\">Stay Connected<\/div>\r\n  <h2 class=\"cda-section-title cda-reveal\">Experience the House of Worship<\/h2>\r\n\r\n  <div class=\"cda-bento\">\r\n    <a href=\"\/en\/en-vivo\/\" class=\"cda-bento-card cda-bento-live cda-reveal\">\r\n      <div class=\"cda-bento-blur-bg\" style=\"background-image: url('https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_h0z001h0z001h0z0.png');\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_h0z001h0z001h0z0.png\" alt=\"En Vivo\">\r\n      <span class=\"cda-live-badge\"><span class=\"cda-live-dot\"><\/span> Live<\/span>\r\n      <div class=\"cda-bento-content\">\r\n        <div class=\"cda-bento-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M4 4h16v12H4zm0 14h10v2H4zM17 8l-5 3 5 3z\"\/><\/svg><\/div>\r\n        <h3>Live Stream<\/h3>\r\n        <p>Join us for our live services from anywhere.<\/p>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/podcast\/\" class=\"cda-bento-card cda-bento-md cda-reveal\">\r\n      <div class=\"cda-bento-blur-bg\" style=\"background-image: url('https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_rsca8frsca8frsca.png');\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_rsca8frsca8frsca.png\" alt=\"Podcast\">\r\n      <div class=\"cda-bento-content\">\r\n        <div class=\"cda-bento-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4z\"\/><\/svg><\/div>\r\n        <h3>Podcast<\/h3>\r\n        <p>Teachings and sermons\u2014whenever you want.<\/p>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/videos\/\" class=\"cda-bento-card cda-bento-md cda-reveal\">\r\n      <div class=\"cda-bento-blur-bg\" style=\"background-image: url('https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_acws7acws7acws7a.png');\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_acws7acws7acws7a.png\" alt=\"Videos\">\r\n      <div class=\"cda-bento-content\">\r\n        <div class=\"cda-bento-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4z\"\/><\/svg><\/div>\r\n        <h3>Videos<\/h3>\r\n        <p>Relive special moments and experiences.<\/p>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/fotos\/\" class=\"cda-bento-card cda-bento-sm cda-reveal\">\r\n      <div class=\"cda-bento-blur-bg\" style=\"background-image: url('https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_2124as2124as2124.png');\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/cdapeabody.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_2124as2124as2124.png\" alt=\"Fotos\">\r\n      <div class=\"cda-bento-content\">\r\n        <div class=\"cda-bento-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M4 5h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm2 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-3 10 5-5 3 3 5-6 5 8H3z\"\/><\/svg><\/div>\r\n        <h3>Photos<\/h3>\r\n        <p>Special moments in the church.<\/p>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      document.querySelectorAll('#cda-h-media .cda-reveal').forEach(function(el) { el.classList.add('cda-in-view'); });\r\n      return;\r\n    }\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('cda-in-view'); observer.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n    document.querySelectorAll('#cda-h-media .cda-reveal').forEach(function(el, i) {\r\n      el.style.transitionDelay = (Math.min(i, 5) * 0.07) + 's';\r\n      observer.observe(el);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ad58ad e-con-full e-flex e-con e-parent\" data-id=\"8ad58ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30175d3 elementor-widget elementor-widget-html\" data-id=\"30175d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CASA DE ADORACI\u00d3N \u2014 HOME \u2014 SECCI\u00d3N 9: EVENTOS + REGISTRO\/CONTACTO \u2014 v2 m\u00e1s rica\r\n============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  #cda-h-eventos-contacto, #cda-h-eventos-contacto * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  #cda-h-eventos-contacto {\r\n    --cda-black: #0a0a0a; --cda-black-2: #131313; --cda-blue-light: #6fa8dc;\r\n    --cda-flame-1: #ffd23f; --cda-flame-2: #ff6b1a; --cda-flame-3: #d62828; --cda-white: #f2f2f0;\r\n    font-family: 'Montserrat', sans-serif; background: var(--cda-black-2); color: var(--cda-white);\r\n    padding: 90px 32px; position: relative; overflow: hidden;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-glow-1 {\r\n    position: absolute; top: -100px; left: 10%; width: 500px; height: 300px;\r\n    background: radial-gradient(ellipse, rgba(255, 107, 26, 0.12), transparent 70%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-glow-2 {\r\n    position: absolute; bottom: -100px; right: 10%; width: 450px; height: 300px;\r\n    background: radial-gradient(ellipse, rgba(111, 168, 220, 0.1), transparent 70%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n\r\n  #cda-h-eventos-contacto > * { position: relative; z-index: 1; }\r\n\r\n  \/* ---------- Franja de Eventos ---------- *\/\r\n  #cda-h-eventos-contacto .cda-eventos-strip {\r\n    max-width: 1000px; margin: 0 auto 50px; display: flex; align-items: center; gap: 34px;\r\n    padding: 40px 44px;\r\n    background: linear-gradient(135deg, rgba(255, 210, 63, 0.06), rgba(255, 107, 26, 0.05), rgba(111, 168, 220, 0.04));\r\n    border: 1px solid rgba(255, 107, 26, 0.2); border-radius: 14px;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-eventos-icon {\r\n    width: 70px; height: 70px; border-radius: 16px; flex-shrink: 0;\r\n    background: linear-gradient(135deg, rgba(255, 210, 63, 0.18), rgba(255, 107, 26, 0.18));\r\n    border: 1px solid rgba(255, 107, 26, 0.35); display: flex; align-items: center; justify-content: center;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-eventos-icon svg { width: 34px; height: 34px; fill: var(--cda-flame-1); }\r\n\r\n  #cda-h-eventos-contacto .cda-eventos-text { flex: 1; }\r\n\r\n  #cda-h-eventos-contacto .cda-eyebrow {\r\n    font-weight: 700; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase;\r\n    color: var(--cda-blue-light); margin-bottom: 8px; display: block;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-eventos-strip h2 {\r\n    font-weight: 800; font-size: clamp(20px, 2.6vw, 26px); text-transform: uppercase; margin-bottom: 10px;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-eventos-strip p {\r\n    font-size: 14.5px; color: rgba(242, 242, 240, 0.75); line-height: 1.7; max-width: 480px;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-eventos-cta { flex-shrink: 0; }\r\n\r\n  #cda-h-eventos-contacto .cda-btn-primary {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-weight: 700; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase;\r\n    text-decoration: none; padding: 13px 28px; border-radius: 4px; color: #0a0a0a;\r\n    background: linear-gradient(135deg, var(--cda-flame-1), var(--cda-flame-2) 55%, var(--cda-flame-3));\r\n    box-shadow: 0 4px 14px rgba(255, 107, 26, 0.3); transition: transform 0.18s ease, box-shadow 0.18s ease;\r\n    white-space: nowrap;\r\n  }\r\n  #cda-h-eventos-contacto .cda-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(255, 107, 26, 0.45); }\r\n\r\n  \/* ---------- Tarjetas de Registro\/Contacto ---------- *\/\r\n  #cda-h-eventos-contacto .cda-contact-banner {\r\n    max-width: 1000px; margin: 0 auto; display: grid;\r\n    grid-template-columns: 1fr 1fr; gap: 24px;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-contact-card {\r\n    position: relative; overflow: hidden;\r\n    background: var(--cda-black); border: 1px solid rgba(111, 168, 220, 0.15);\r\n    border-radius: 12px; padding: 40px; text-align: center;\r\n    transition: border-color 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-contact-card:hover {\r\n    border-color: rgba(255, 107, 26, 0.35); transform: translateY(-4px);\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-contact-card::before {\r\n    content: ''; position: absolute; top: -40px; right: -40px; width: 140px; height: 140px;\r\n    background: radial-gradient(circle, rgba(255, 107, 26, 0.1), transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-contact-icon {\r\n    width: 52px; height: 52px; margin: 0 auto 18px; border-radius: 12px;\r\n    background: linear-gradient(135deg, rgba(255, 210, 63, 0.15), rgba(255, 107, 26, 0.15));\r\n    border: 1px solid rgba(255, 107, 26, 0.3); display: flex; align-items: center; justify-content: center;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-contact-icon svg { width: 25px; height: 25px; fill: var(--cda-flame-1); }\r\n\r\n  #cda-h-eventos-contacto .cda-contact-card h3 {\r\n    font-weight: 700; font-size: 18px; text-transform: uppercase; margin-bottom: 12px;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-contact-card p {\r\n    font-size: 14px; line-height: 1.7; color: rgba(242, 242, 240, 0.7); margin-bottom: 22px;\r\n  }\r\n\r\n  #cda-h-eventos-contacto .cda-btn-outline {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-weight: 700; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase;\r\n    text-decoration: none; padding: 11px 24px; border-radius: 4px;\r\n    color: var(--cda-white); background: transparent; border: 1.5px solid rgba(111, 168, 220, 0.3);\r\n    transition: all 0.2s ease;\r\n  }\r\n  #cda-h-eventos-contacto .cda-btn-outline:hover { border-color: rgba(255, 107, 26, 0.5); color: var(--cda-flame-1); }\r\n\r\n  #cda-h-eventos-contacto .cda-reveal {\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  #cda-h-eventos-contacto .cda-reveal.cda-in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (max-width: 900px) {\r\n    #cda-h-eventos-contacto .cda-contact-banner { grid-template-columns: 1fr; }\r\n    #cda-h-eventos-contacto .cda-eventos-strip { flex-direction: column; text-align: center; }\r\n    #cda-h-eventos-contacto .cda-eventos-strip p { margin: 0 auto; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #cda-h-eventos-contacto { padding: 60px 20px; }\r\n    #cda-h-eventos-contacto .cda-eventos-strip { padding: 32px 24px; gap: 20px; }\r\n    #cda-h-eventos-contacto .cda-contact-banner { gap: 16px; }\r\n    #cda-h-eventos-contacto .cda-contact-card { padding: 30px 22px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #cda-h-eventos-contacto * { transition: none !important; }\r\n    #cda-h-eventos-contacto .cda-reveal { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"cda-h-eventos-contacto\">\r\n  <div class=\"cda-glow-1\"><\/div>\r\n  <div class=\"cda-glow-2\"><\/div>\r\n\r\n  <div class=\"cda-eventos-strip cda-reveal\">\r\n    <div class=\"cda-eventos-icon\">\r\n      <svg viewbox=\"0 0 24 24\"><path d=\"M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18.75z\"\/><\/svg>\r\n    <\/div>\r\n    <div class=\"cda-eventos-text\">\r\n      <span class=\"cda-eyebrow\">Don't Miss a Thing<\/span>\r\n      <h2>What's Going On at Casa de Adoraci\u00f3n?<\/h2>\r\n      <p>Conferences, seminars, and special events\u2014don't miss out on anything God is doing in our congregation.<\/p>\r\n    <\/div>\r\n    <div class=\"cda-eventos-cta\">\r\n      <a href=\"\/en\/eventos\/\" class=\"cda-btn-primary\">See Upcoming Events<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"cda-contact-banner\">\r\n    <div class=\"cda-contact-card cda-reveal\">\r\n      <div class=\"cda-contact-icon\">\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2c-3 0-9 1.5-9 4.5V21h18v-2.5c0-3-6-4.5-9-4.5z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Is This Your First Time Here?<\/h3>\r\n      <p>Sign up so our Welcome Team can welcome you and support you from day one.<\/p>\r\n      <a href=\"\/en\/contacto\/\" class=\"cda-btn-outline\">Sign Up Here<\/a>\r\n    <\/div>\r\n    <div class=\"cda-contact-card cda-reveal\">\r\n      <div class=\"cda-contact-icon\">\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Do You Have Any Questions?<\/h3>\r\n      <p>We're happy to help you. Write to us, and we'll be happy to answer any questions you may have.<\/p>\r\n      <a href=\"\/en\/contacto\/\" class=\"cda-btn-outline\">Contact Us<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      document.querySelectorAll('#cda-h-eventos-contacto .cda-reveal').forEach(function(el) { el.classList.add('cda-in-view'); });\r\n      return;\r\n    }\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('cda-in-view'); observer.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n    document.querySelectorAll('#cda-h-eventos-contacto .cda-reveal').forEach(function(el, i) {\r\n      el.style.transitionDelay = (Math.min(i, 3) * 0.08) + 's';\r\n      observer.observe(el);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df7d8e9 e-con-full e-flex e-con e-parent\" data-id=\"df7d8e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7965bfd elementor-widget elementor-widget-html\" data-id=\"7965bfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CASA DE ADORACI\u00d3N \u2014 HOME \u2014 SECCI\u00d3N 10: DONAR + LEMA DE CIERRE (\u00faltima secci\u00f3n) \u2014 v2 m\u00e1s rica\r\n============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  #cda-h-donar, #cda-h-donar * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  #cda-h-donar {\r\n    --cda-black: #0a0a0a; --cda-black-2: #131313; --cda-blue-light: #6fa8dc;\r\n    --cda-flame-1: #ffd23f; --cda-flame-2: #ff6b1a; --cda-flame-3: #d62828; --cda-white: #f2f2f0;\r\n    font-family: 'Montserrat', sans-serif; background: var(--cda-black-2); color: var(--cda-white);\r\n    position: relative; overflow: hidden;\r\n  }\r\n\r\n  #cda-h-donar .cda-glow-1 {\r\n    position: absolute; top: -160px; left: 50%; transform: translateX(-50%); width: 800px; height: 400px;\r\n    background: radial-gradient(ellipse, rgba(255, 107, 26, 0.16), transparent 70%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n\r\n  #cda-h-donar > * { position: relative; z-index: 1; }\r\n\r\n  #cda-h-donar .cda-donar-cta {\r\n    text-align: center; padding: 100px 32px 70px; border-top: 1px solid rgba(255, 107, 26, 0.15);\r\n  }\r\n\r\n  #cda-h-donar .cda-donar-icon {\r\n    width: 64px; height: 64px; margin: 0 auto 26px; border-radius: 16px;\r\n    background: linear-gradient(135deg, rgba(255, 210, 63, 0.18), rgba(255, 107, 26, 0.18));\r\n    border: 1px solid rgba(255, 107, 26, 0.35); display: flex; align-items: center; justify-content: center;\r\n  }\r\n\r\n  #cda-h-donar .cda-donar-icon svg { width: 30px; height: 30px; fill: var(--cda-flame-1); }\r\n\r\n  #cda-h-donar .cda-eyebrow {\r\n    display: block; font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase;\r\n    color: var(--cda-blue-light); margin-bottom: 16px;\r\n  }\r\n\r\n  #cda-h-donar .cda-donar-cta h2 {\r\n    font-weight: 800; font-size: clamp(26px, 3.6vw, 40px); text-transform: uppercase;\r\n    line-height: 1.2; margin-bottom: 18px; max-width: 700px; margin-left: auto; margin-right: auto;\r\n  }\r\n\r\n  #cda-h-donar .cda-donar-cta p {\r\n    font-size: 15px; line-height: 1.8; color: rgba(242, 242, 240, 0.75);\r\n    max-width: 560px; margin: 0 auto 36px;\r\n  }\r\n\r\n  #cda-h-donar .cda-btn-primary {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-weight: 700; font-size: 14.5px; letter-spacing: 0.5px; text-transform: uppercase;\r\n    text-decoration: none; padding: 16px 38px; border-radius: 4px; color: var(--cda-black);\r\n    background: linear-gradient(135deg, var(--cda-flame-1), var(--cda-flame-2) 55%, var(--cda-flame-3));\r\n    box-shadow: 0 6px 20px rgba(255, 107, 26, 0.35); transition: transform 0.18s ease, box-shadow 0.18s ease;\r\n  }\r\n  #cda-h-donar .cda-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(255, 107, 26, 0.5); }\r\n\r\n  \/* ---------- Lema final con adornos ---------- *\/\r\n  #cda-h-donar .cda-lema-wrap {\r\n    display: flex; align-items: center; justify-content: center; gap: 20px;\r\n    padding: 50px 32px 70px; flex-wrap: wrap;\r\n  }\r\n\r\n  #cda-h-donar .cda-lema-line {\r\n    height: 1px; width: 60px;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 107, 26, 0.5));\r\n  }\r\n\r\n  #cda-h-donar .cda-lema-line.cda-right {\r\n    background: linear-gradient(90deg, rgba(255, 107, 26, 0.5), transparent);\r\n  }\r\n\r\n  #cda-h-donar .cda-lema-final {\r\n    text-align: center;\r\n    font-weight: 800; font-size: clamp(18px, 2.4vw, 26px); text-transform: uppercase;\r\n    background: linear-gradient(135deg, var(--cda-flame-1), var(--cda-flame-2) 55%, var(--cda-blue-light));\r\n    -webkit-background-clip: text; background-clip: text; color: transparent;\r\n  }\r\n\r\n  #cda-h-donar .cda-reveal {\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  #cda-h-donar .cda-reveal.cda-in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (max-width: 600px) {\r\n    #cda-h-donar .cda-donar-cta { padding: 70px 20px 50px; }\r\n    #cda-h-donar .cda-lema-wrap { padding: 40px 20px 50px; gap: 14px; }\r\n    #cda-h-donar .cda-lema-line { width: 36px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #cda-h-donar * { transition: none !important; }\r\n    #cda-h-donar .cda-reveal { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"cda-h-donar\">\r\n  <div class=\"cda-glow-1\"><\/div>\r\n\r\n  <section class=\"cda-donar-cta\">\r\n    <div class=\"cda-donar-icon cda-reveal\">\r\n      <svg viewbox=\"0 0 24 24\"><path d=\"M12 21s-8-4.5-8-11a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 6.5-8 11-8 11z\"\/><\/svg>\r\n    <\/div>\r\n    <span class=\"cda-eyebrow cda-reveal\">Sowing with a Grateful Heart<\/span>\r\n    <h2 class=\"cda-reveal\">Every Offering Strengthens God's Work<\/h2>\r\n    <p class=\"cda-reveal\">Your generosity makes every ministry, every service, and the vision of Proyecto Nehem\u00edas possible. Thank you for sowing with us.<\/p>\r\n    <a href=\"\/en\/donar\/\" class=\"cda-btn-primary cda-reveal\">Donate Now<\/a>\r\n  <\/section>\r\n\r\n  <div class=\"cda-lema-wrap cda-reveal\">\r\n    <span class=\"cda-lema-line\"><\/span>\r\n    <div class=\"cda-lema-final\">A Home for God. A Home for Everyone.<\/div>\r\n    <span class=\"cda-lema-line cda-right\"><\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      document.querySelectorAll('#cda-h-donar .cda-reveal').forEach(function(el) { el.classList.add('cda-in-view'); });\r\n      return;\r\n    }\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('cda-in-view'); observer.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\r\n    document.querySelectorAll('#cda-h-donar .cda-reveal').forEach(function(el, i) {\r\n      el.style.transitionDelay = (Math.min(i, 5) * 0.08) + 's';\r\n      observer.observe(el);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64c6fe8 e-con-full e-flex e-con e-parent\" data-id=\"64c6fe8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4000e36 elementor-widget elementor-widget-html\" data-id=\"4000e36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================<!-- ============================================================\r\n  CASA DE ADORACI\u00d3N \u2014 HOME \u2014 SECCI\u00d3N 8: PREGUNTAS FRECUENTES\r\n============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  #cda-h-faq, #cda-h-faq * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  #cda-h-faq {\r\n    --cda-black: #0a0a0a; --cda-blue-light: #6fa8dc; --cda-flame-1: #ffd23f; --cda-flame-2: #ff6b1a; --cda-white: #f2f2f0;\r\n    font-family: 'Montserrat', sans-serif; background: var(--cda-black); color: var(--cda-white);\r\n    padding: 90px 32px; position: relative; overflow: hidden;\r\n  }\r\n\r\n  #cda-h-faq .cda-glow-1 {\r\n    position: absolute; bottom: -140px; left: 50%; transform: translateX(-50%); width: 700px; height: 350px;\r\n    background: radial-gradient(ellipse, rgba(111, 168, 220, 0.08), transparent 70%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n\r\n  #cda-h-faq .cda-faq-teaser { position: relative; z-index: 1; }\r\n\r\n  #cda-h-faq .cda-section-label {\r\n    text-align: center; font-weight: 700; font-size: 13px; letter-spacing: 2px;\r\n    text-transform: uppercase; color: var(--cda-blue-light); margin-bottom: 14px;\r\n  }\r\n\r\n  #cda-h-faq .cda-section-title {\r\n    text-align: center; font-weight: 800; font-size: clamp(26px, 3.6vw, 40px);\r\n    text-transform: uppercase; line-height: 1.15; margin-bottom: 50px;\r\n  }\r\n\r\n  #cda-h-faq .cda-faq-teaser { max-width: 780px; margin: 0 auto; }\r\n\r\n  #cda-h-faq .cda-faq-item {\r\n    display: flex; gap: 16px; border-bottom: 1px solid rgba(111, 168, 220, 0.15); padding: 22px 4px;\r\n  }\r\n\r\n  #cda-h-faq .cda-faq-icon {\r\n    width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; margin-top: 2px;\r\n    background: linear-gradient(135deg, rgba(255, 210, 63, 0.15), rgba(255, 107, 26, 0.15));\r\n    border: 1px solid rgba(255, 107, 26, 0.3); display: flex; align-items: center; justify-content: center;\r\n  }\r\n\r\n  #cda-h-faq .cda-faq-icon svg { width: 15px; height: 15px; stroke: var(--cda-flame-1); }\r\n\r\n  #cda-h-faq .cda-faq-item h3 { font-weight: 700; font-size: 15px; margin-bottom: 8px; color: var(--cda-white); }\r\n\r\n  #cda-h-faq .cda-faq-item p { font-size: 13.5px; line-height: 1.7; color: rgba(242, 242, 240, 0.65); }\r\n\r\n  #cda-h-faq .cda-cta-wrap { text-align: center; margin-top: 40px; }\r\n\r\n  #cda-h-faq .cda-link-arrow {\r\n    display: inline-flex; align-items: center; gap: 6px;\r\n    font-weight: 700; font-size: 13.5px; letter-spacing: 0.5px; text-transform: uppercase;\r\n    color: var(--cda-flame-1); text-decoration: none;\r\n  }\r\n  #cda-h-faq .cda-link-arrow svg { width: 14px; height: 14px; fill: var(--cda-flame-1); transition: transform 0.2s ease; }\r\n  #cda-h-faq .cda-link-arrow:hover svg { transform: translateX(4px); }\r\n\r\n  #cda-h-faq .cda-reveal {\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  #cda-h-faq .cda-reveal.cda-in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (max-width: 600px) {\r\n    #cda-h-faq { padding: 60px 20px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #cda-h-faq * { transition: none !important; }\r\n    #cda-h-faq .cda-reveal { opacity: 1 !important; transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"cda-h-faq\">\r\n  <div class=\"cda-glow-1\"><\/div>\r\n  <div class=\"cda-section-label cda-reveal\">We Answer Your Questions<\/div>\r\n  <h2 class=\"cda-section-title cda-reveal\">Frequently Asked Questions<\/h2>\r\n\r\n  <div class=\"cda-faq-teaser\">\r\n    <div class=\"cda-faq-item cda-reveal\">\r\n      <div class=\"cda-faq-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9.5 9a2.5 2.5 0 1 1 3.4 2.3c-.7.3-1.4.9-1.4 1.7v.5M12 17h.01M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\" fill=\"none\" stroke-width=\"1.8\" stroke=\"currentColor\"\/><\/svg><\/div>\r\n      <div>\r\n        <h3>Do I need to register before attending?<\/h3>\r\n        <p>No. You can join us any day you like, and our Welcome Team will be happy to welcome you.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cda-faq-item cda-reveal\">\r\n      <div class=\"cda-faq-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9.5 9a2.5 2.5 0 1 1 3.4 2.3c-.7.3-1.4.9-1.4 1.7v.5M12 17h.01M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\" fill=\"none\" stroke-width=\"1.8\" stroke=\"currentColor\"\/><\/svg><\/div>\r\n      <div>\r\n        <h3>Is there a program for children?<\/h3>\r\n        <p>Yes, we have CDA Kids, a safe and dynamic children's ministry for children ages 3 to 12.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cda-faq-item cda-reveal\">\r\n      <div class=\"cda-faq-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M9.5 9a2.5 2.5 0 1 1 3.4 2.3c-.7.3-1.4.9-1.4 1.7v.5M12 17h.01M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\" fill=\"none\" stroke-width=\"1.8\" stroke=\"currentColor\"\/><\/svg><\/div>\r\n      <div>\r\n        <h3>How long does a service last?<\/h3>\r\n        <p>Our Sunday services last about 2 hours and include worship, prayer, and Bible teaching.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"cda-cta-wrap cda-reveal\">\r\n    <a href=\"\/en\/preguntas-frecuentes\/\" class=\"cda-link-arrow\" style=\"justify-content:center;\">View All Questions <svg viewbox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      document.querySelectorAll('#cda-h-faq .cda-reveal').forEach(function(el) { el.classList.add('cda-in-view'); });\r\n      return;\r\n    }\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) { entry.target.classList.add('cda-in-view'); observer.unobserve(entry.target); }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\r\n    document.querySelectorAll('#cda-h-faq .cda-reveal').forEach(function(el, i) {\r\n      el.style.transitionDelay = (Math.min(i, 4) * 0.06) + 's';\r\n      observer.observe(el);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>35+ A\u00f1os de Ministerio 10 Ministerios Activos 2017 Sirviendo en Peabody 100% Bienvenidos Bienvenido a Casa de Adoraci\u00f3n Un lugar donde siempre ser\u00e1s bienvenido Somos una comunidad de fe que ama a Dios y ama las almas. Estamos comprometidos con acompa\u00f1ar a las personas en su caminar espiritual, ayud\u00e1ndoles a encontrar restauraci\u00f3n, crecer como disc\u00edpulos, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":""},"class_list":["post-561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cdapeabody.com\/en\/wp-json\/wp\/v2\/pages\/561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdapeabody.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cdapeabody.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cdapeabody.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdapeabody.com\/en\/wp-json\/wp\/v2\/comments?post=561"}],"version-history":[{"count":121,"href":"https:\/\/cdapeabody.com\/en\/wp-json\/wp\/v2\/pages\/561\/revisions"}],"predecessor-version":[{"id":1041,"href":"https:\/\/cdapeabody.com\/en\/wp-json\/wp\/v2\/pages\/561\/revisions\/1041"}],"wp:attachment":[{"href":"https:\/\/cdapeabody.com\/en\/wp-json\/wp\/v2\/media?parent=561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}