{"id":19,"date":"2026-08-19T02:06:44","date_gmt":"2026-08-19T07:06:44","guid":{"rendered":"https:\/\/corazonesqueconstruyen.com\/?page_id=19"},"modified":"2026-09-05T20:44:59","modified_gmt":"2026-09-06T01:44:59","slug":"inicio","status":"publish","type":"page","link":"https:\/\/corazonesqueconstruyen.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc442df e-con e-atomic-element e-flexbox-base e-43cfb34 \" data-id=\"bc442df\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bc442df\" data-e-type=\"e-flexbox\" data-id=\"bc442df\">\n    \t\t<div class=\"elementor-element elementor-element-6ef963e elementor-widget elementor-widget-html\" data-id=\"6ef963e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     CORAZONES QUE CONSTRUYEN\n     HERO 1920x1080 PARA ELEMENTOR\n     4 FOTOS REALES + LOGO CENTRAL\n========================================================= -->\n\n<section class=\"cqc-hero\" id=\"cqcHero\">\n\n    <div class=\"cqc-noise\"><\/div>\n\n    <div class=\"cqc-glow cqc-glow-1\"><\/div>\n    <div class=\"cqc-glow cqc-glow-2\"><\/div>\n\n    <!-- =====================================================\n         FOTOGRAF\u00cdAS\n    ====================================================== -->\n\n    <div class=\"cqc-photo cqc-photo-1\">\n        <img decoding=\"async\"\n            src=\"https:\/\/corazonesqueconstruyen.com\/wp-content\/uploads\/2026\/08\/c1.jpg\"\n            alt=\"Corazones que Construyen\"\n        >\n    <\/div>\n\n    <div class=\"cqc-photo cqc-photo-2\">\n        <img decoding=\"async\"\n            src=\"https:\/\/corazonesqueconstruyen.com\/wp-content\/uploads\/2026\/08\/c3.jpg\"\n            alt=\"Corazones que Construyen\"\n        >\n    <\/div>\n\n    <div class=\"cqc-photo cqc-photo-3\">\n        <img decoding=\"async\"\n            src=\"https:\/\/corazonesqueconstruyen.com\/wp-content\/uploads\/2026\/08\/c4.jpg\"\n            alt=\"Corazones que Construyen\"\n        >\n    <\/div>\n\n    <div class=\"cqc-photo cqc-photo-4\">\n        <img decoding=\"async\"\n            src=\"https:\/\/corazonesqueconstruyen.com\/wp-content\/uploads\/2026\/08\/c2.jpg\"\n            alt=\"Corazones que Construyen\"\n        >\n    <\/div>\n\n\n    <!-- =====================================================\n         DECORACI\u00d3N\n    ====================================================== -->\n\n    <div class=\"cqc-circle-outline cqc-circle-a\"><\/div>\n    <div class=\"cqc-circle-outline cqc-circle-b\"><\/div>\n\n    <div class=\"cqc-plus cqc-plus-1\">+<\/div>\n    <div class=\"cqc-plus cqc-plus-2\">+<\/div>\n\n\n    <!-- =====================================================\n         CONTENIDO CENTRAL\n    ====================================================== -->\n\n    <div class=\"cqc-content\">\n\n        <div class=\"cqc-eyebrow\">\n            <span class=\"cqc-heart\">\u2665<\/span>\n            UNA INICIATIVA QUE NACE DE LA SOLIDARIDAD\n        <\/div>\n\n        <div class=\"cqc-date\">\n            TERREMOTO \u00b7 10 DE AGOSTO DE 2026\n        <\/div>\n\n        <div class=\"cqc-logo-wrap\">\n\n            <img decoding=\"async\"\n                class=\"cqc-logo\"\n                src=\"https:\/\/corazonesqueconstruyen.com\/wp-content\/uploads\/2026\/08\/IMG_7367-scaled.png\"\n                alt=\"Corazones que Construyen\"\n            >\n\n        <\/div>\n\n        <div class=\"cqc-line\">\n            <span><\/span>\n\n            <div class=\"cqc-line-icon\">\n                \u2665\n            <\/div>\n\n            <span><\/span>\n        <\/div>\n\n        <p class=\"cqc-description\">\n\n            Hoy muchas familias necesitan volver a empezar.\n\n            Tu aporte puede convertirse en\n\n            <strong>\n                cemento, ladrillos, tejas y materiales\n            <\/strong>\n\n            para ayudarles a recuperar sus hogares.\n\n        <\/p>\n\n    <\/div>\n\n\n    <div class=\"cqc-side-word\">\n        SOLIDARIDAD\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.cqc-hero,\n.cqc-hero *{\n    box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.cqc-hero{\n\n    --cqc-blue:#0b4ea2;\n    --cqc-blue-dark:#073b7a;\n    --cqc-sky:#59c7f2;\n    --cqc-red:#e63b3b;\n    --cqc-yellow:#ffd52f;\n    --cqc-yellow-deep:#f6b800;\n    --cqc-text:#35485b;\n\n    width:100%;\n\n    min-height:100vh;\n    height:min(100vh,1080px);\n    max-height:1080px;\n\n    position:relative;\n    overflow:hidden;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    background:\n        radial-gradient(\n            circle at 50% 48%,\n            #ffffff 0%,\n            #f4fbff 46%,\n            #dff2fb 100%\n        );\n\n    font-family:\n        Arial,\n        \"Helvetica Neue\",\n        Helvetica,\n        sans-serif;\n\n    isolation:isolate;\n}\n\n\n\/* =========================================================\n   TEXTURA\n========================================================= *\/\n\n.cqc-noise{\n\n    position:absolute;\n    inset:0;\n\n    z-index:2;\n\n    pointer-events:none;\n\n    opacity:.07;\n\n    background-image:\n        url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'\/%3E%3C\/svg%3E\");\n}\n\n\n\/* =========================================================\n   LUCES\n========================================================= *\/\n\n.cqc-glow{\n\n    position:absolute;\n\n    border-radius:50%;\n\n    filter:blur(80px);\n\n    pointer-events:none;\n\n    z-index:1;\n}\n\n\n.cqc-glow-1{\n\n    width:520px;\n    height:520px;\n\n    background:rgba(89,199,242,.24);\n\n    left:-180px;\n    top:45%;\n\n    animation:\n        cqcGlow 7s ease-in-out infinite alternate;\n}\n\n\n.cqc-glow-2{\n\n    width:480px;\n    height:480px;\n\n    background:rgba(255,213,47,.15);\n\n    right:-170px;\n    top:8%;\n\n    animation:\n        cqcGlow 8s ease-in-out infinite alternate-reverse;\n}\n\n\n\/* =========================================================\n   FOTOGRAF\u00cdAS\n========================================================= *\/\n\n.cqc-photo{\n\n    position:absolute;\n\n    overflow:hidden;\n\n    z-index:4;\n\n    background:#fff;\n\n    border:8px solid rgba(255,255,255,.95);\n\n    box-shadow:\n        0 22px 50px rgba(7,59,122,.18);\n\n    animation:\n        cqcPhotoIn\n        1.2s\n        cubic-bezier(.18,.89,.32,1.18)\n        both;\n}\n\n\n.cqc-photo img{\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    filter:\n        saturate(1.05)\n        contrast(1.03)\n        brightness(1.02);\n\n    transition:\n        transform .8s ease,\n        filter .5s ease;\n}\n\n\n.cqc-photo::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 65%,\n            rgba(7,59,122,.10) 100%\n        );\n\n    pointer-events:none;\n}\n\n\n.cqc-photo:hover img{\n\n    transform:scale(1.04);\n\n    filter:\n        saturate(1.12)\n        contrast(1.04)\n        brightness(1.03);\n}\n\n\n\/* =========================================================\n   FOTO 1 - ARRIBA IZQUIERDA\n========================================================= *\/\n\n.cqc-photo-1{\n\n    width:360px;\n    height:255px;\n\n    left:34px;\n    top:35px;\n\n    border-radius:28px 28px 120px 28px;\n\n    transform:rotate(-3deg);\n\n    animation-delay:.08s;\n}\n\n\n\/* =========================================================\n   FOTO 2 - ARRIBA DERECHA\n========================================================= *\/\n\n.cqc-photo-2{\n\n    width:385px;\n    height:265px;\n\n    right:35px;\n    top:38px;\n\n    border-radius:28px 28px 28px 120px;\n\n    transform:rotate(3deg);\n\n    animation-delay:.18s;\n}\n\n\n\/* =========================================================\n   FOTO 3 - ABAJO IZQUIERDA\n========================================================= *\/\n\n.cqc-photo-3{\n\n    width:390px;\n    height:285px;\n\n    left:55px;\n    bottom:42px;\n\n    border-radius:28px 125px 28px 28px;\n\n    transform:rotate(2deg);\n\n    animation-delay:.28s;\n}\n\n\n\/* =========================================================\n   FOTO 4 - ABAJO DERECHA\n========================================================= *\/\n\n.cqc-photo-4{\n\n    width:420px;\n    height:295px;\n\n    right:55px;\n    bottom:40px;\n\n    border-radius:125px 28px 28px 28px;\n\n    transform:rotate(-2deg);\n\n    animation-delay:.38s;\n}\n\n\n\/* =========================================================\n   CONTENIDO CENTRAL\n========================================================= *\/\n\n.cqc-content{\n\n    position:relative;\n\n    z-index:10;\n\n    width:min(760px,45vw);\n\n    text-align:center;\n\n    padding:25px 10px;\n\n    animation:\n        cqcContent\n        1s ease\n        both;\n}\n\n\n.cqc-eyebrow{\n\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:12px;\n\n    font-size:12px;\n\n    font-weight:800;\n\n    letter-spacing:3px;\n\n    color:var(--cqc-blue-dark);\n\n    margin-bottom:14px;\n}\n\n\n.cqc-heart{\n\n    color:var(--cqc-red);\n\n    font-size:17px;\n\n    animation:\n        cqcHeart\n        1.4s ease-in-out\n        infinite;\n}\n\n\n.cqc-date{\n\n    font-size:11px;\n\n    font-weight:700;\n\n    letter-spacing:3px;\n\n    color:#66819b;\n\n    margin-bottom:20px;\n}\n\n\n\/* =========================================================\n   LOGO\n========================================================= *\/\n\n.cqc-logo-wrap{\n\n    width:100%;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    margin:0 auto;\n}\n\n\n.cqc-logo{\n\n    display:block;\n\n    width:min(600px,88%);\n\n    max-width:100%;\n\n    height:auto;\n\n    margin:0 auto;\n\n    object-fit:contain;\n\n    animation:\n        cqcLogoIn\n        1.15s\n        cubic-bezier(.18,.89,.32,1.18)\n        both;\n\n    animation-delay:.15s;\n}\n\n\n\/* =========================================================\n   L\u00cdNEA\n========================================================= *\/\n\n.cqc-line{\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    width:270px;\n\n    max-width:80%;\n\n    margin:\n        28px auto\n        22px;\n\n    gap:13px;\n}\n\n\n.cqc-line span{\n\n    height:1px;\n\n    flex:1;\n\n    background:rgba(11,78,162,.28);\n}\n\n\n.cqc-line-icon{\n\n    width:31px;\n    height:31px;\n\n    border-radius:50%;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    background:var(--cqc-red);\n\n    color:#fff;\n\n    font-size:13px;\n\n    box-shadow:\n        0 7px 18px rgba(230,59,59,.18);\n}\n\n\n\/* =========================================================\n   DESCRIPCI\u00d3N\n========================================================= *\/\n\n.cqc-description{\n\n    width:min(620px,100%);\n\n    margin:0 auto;\n\n    color:var(--cqc-text);\n\n    font-size:\n        clamp(\n            15px,\n            1vw,\n            19px\n        );\n\n    line-height:1.55;\n\n    font-weight:400;\n}\n\n\n.cqc-description strong{\n\n    color:var(--cqc-blue-dark);\n\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   PALABRA LATERAL\n========================================================= *\/\n\n.cqc-side-word{\n\n    position:absolute;\n\n    z-index:9;\n\n    right:18px;\n    top:50%;\n\n    transform:\n        translateY(-50%)\n        rotate(90deg);\n\n    font-size:8px;\n\n    font-weight:900;\n\n    letter-spacing:7px;\n\n    color:\n        rgba(7,59,122,.45);\n}\n\n\n\/* =========================================================\n   C\u00cdRCULOS\n========================================================= *\/\n\n.cqc-circle-outline{\n\n    position:absolute;\n\n    z-index:3;\n\n    border:\n        1px solid rgba(89,199,242,.48);\n\n    border-radius:50%;\n\n    animation:\n        cqcRotate\n        18s linear\n        infinite;\n}\n\n\n.cqc-circle-a{\n\n    width:210px;\n    height:210px;\n\n    left:13%;\n    top:36%;\n}\n\n\n.cqc-circle-b{\n\n    width:160px;\n    height:160px;\n\n    right:13%;\n    top:44%;\n\n    border-color:\n        rgba(230,59,59,.35);\n\n    border-style:dashed;\n\n    animation-direction:reverse;\n}\n\n\n\/* =========================================================\n   SIGNOS +\n========================================================= *\/\n\n.cqc-plus{\n\n    position:absolute;\n\n    z-index:5;\n\n    font-size:28px;\n\n    font-weight:300;\n\n    animation:\n        cqcFloat\n        3.5s ease-in-out\n        infinite;\n}\n\n\n.cqc-plus-1{\n\n    left:22%;\n    top:28%;\n\n    color:var(--cqc-red);\n}\n\n\n.cqc-plus-2{\n\n    right:21%;\n    bottom:26%;\n\n    color:var(--cqc-yellow-deep);\n\n    animation-delay:-1.5s;\n}\n\n\n\/* =========================================================\n   ACENTO\n========================================================= *\/\n\n.cqc-content::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:56px;\n    height:7px;\n\n    left:50%;\n    bottom:-24px;\n\n    transform:translateX(-50%);\n\n    border-radius:10px;\n\n    background:var(--cqc-yellow);\n}\n\n\n\/* =========================================================\n   ANIMACIONES\n========================================================= *\/\n\n@keyframes cqcPhotoIn{\n\n    from{\n\n        opacity:0;\n\n        margin-top:30px;\n\n        scale:.92;\n    }\n\n    to{\n\n        opacity:1;\n\n        margin-top:0;\n\n        scale:1;\n    }\n}\n\n\n@keyframes cqcContent{\n\n    from{\n        opacity:0;\n        transform:translateY(25px);\n    }\n\n    to{\n        opacity:1;\n        transform:translateY(0);\n    }\n}\n\n\n@keyframes cqcLogoIn{\n\n    from{\n        opacity:0;\n\n        transform:\n            translateY(18px)\n            scale(.94);\n    }\n\n    to{\n        opacity:1;\n\n        transform:\n            translateY(0)\n            scale(1);\n    }\n}\n\n\n@keyframes cqcHeart{\n\n    0%,\n    100%{\n        transform:scale(1);\n    }\n\n    45%{\n        transform:scale(1.25);\n    }\n}\n\n\n@keyframes cqcFloat{\n\n    0%,\n    100%{\n        transform:\n            translateY(0)\n            rotate(0deg);\n    }\n\n    50%{\n        transform:\n            translateY(-12px)\n            rotate(8deg);\n    }\n}\n\n\n@keyframes cqcRotate{\n\n    to{\n        transform:rotate(360deg);\n    }\n}\n\n\n@keyframes cqcGlow{\n\n    from{\n        transform:scale(.85);\n    }\n\n    to{\n        transform:scale(1.15);\n    }\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1200px){\n\n    .cqc-content{\n        width:50vw;\n    }\n\n    .cqc-photo-1{\n        width:285px;\n        height:220px;\n    }\n\n    .cqc-photo-2{\n        width:300px;\n        height:220px;\n    }\n\n    .cqc-photo-3{\n        width:310px;\n        height:230px;\n    }\n\n    .cqc-photo-4{\n        width:330px;\n        height:240px;\n    }\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .cqc-hero{\n\n        min-height:900px;\n\n        height:auto;\n\n        max-height:none;\n\n        padding:\n            165px\n            22px\n            180px;\n\n        align-items:center;\n    }\n\n\n    .cqc-content{\n\n        width:100%;\n\n        max-width:500px;\n\n        padding:0;\n    }\n\n\n    \/* ARRIBA IZQUIERDA *\/\n\n    .cqc-photo-1{\n\n        width:47vw;\n        height:155px;\n\n        left:-10px;\n        top:10px;\n\n        border-width:5px;\n\n        border-radius:\n            18px 18px 65px 18px;\n    }\n\n\n    \/* ARRIBA DERECHA *\/\n\n    .cqc-photo-2{\n\n        width:47vw;\n        height:155px;\n\n        right:-10px;\n        top:28px;\n\n        border-width:5px;\n\n        border-radius:\n            18px 18px 18px 65px;\n    }\n\n\n    \/* ABAJO IZQUIERDA *\/\n\n    .cqc-photo-3{\n\n        width:49vw;\n        height:170px;\n\n        left:-12px;\n        bottom:5px;\n\n        border-width:5px;\n\n        border-radius:\n            18px 65px 18px 18px;\n    }\n\n\n    \/* ABAJO DERECHA *\/\n\n    .cqc-photo-4{\n\n        width:51vw;\n        height:175px;\n\n        right:-14px;\n        bottom:22px;\n\n        border-width:5px;\n\n        border-radius:\n            65px 18px 18px 18px;\n    }\n\n\n    .cqc-eyebrow{\n\n        font-size:8px;\n\n        letter-spacing:1.8px;\n\n        line-height:1.4;\n\n        margin-bottom:10px;\n    }\n\n\n    .cqc-date{\n\n        font-size:8px;\n\n        letter-spacing:1.8px;\n\n        margin-bottom:17px;\n    }\n\n\n    .cqc-logo{\n\n        width:92%;\n\n        max-height:170px;\n    }\n\n\n    .cqc-line{\n\n        width:215px;\n\n        margin:\n            22px auto\n            17px;\n    }\n\n\n    .cqc-description{\n\n        font-size:14px;\n\n        line-height:1.5;\n\n        max-width:360px;\n    }\n\n\n    .cqc-side-word{\n        display:none;\n    }\n\n\n    .cqc-circle-a{\n\n        width:130px;\n        height:130px;\n\n        left:5%;\n        top:40%;\n    }\n\n\n    .cqc-circle-b{\n\n        width:105px;\n        height:105px;\n\n        right:4%;\n        top:54%;\n    }\n\n\n    .cqc-plus-1{\n\n        left:5%;\n        top:34%;\n    }\n\n\n    .cqc-plus-2{\n\n        right:7%;\n        bottom:27%;\n    }\n\n\n    .cqc-content::after{\n\n        bottom:-25px;\n\n        width:45px;\n\n        height:6px;\n    }\n}\n\n\n\/* =========================================================\n   M\u00d3VILES PEQUE\u00d1OS\n========================================================= *\/\n\n@media(max-width:420px){\n\n    .cqc-hero{\n\n        min-height:870px;\n\n        padding-top:155px;\n\n        padding-bottom:175px;\n    }\n\n\n    .cqc-photo-1,\n    .cqc-photo-2{\n\n        height:145px;\n    }\n\n\n    .cqc-photo-3,\n    .cqc-photo-4{\n\n        height:160px;\n    }\n\n\n    .cqc-logo{\n        width:95%;\n    }\n}\n\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .cqc-hero *,\n    .cqc-hero *::before,\n    .cqc-hero *::after{\n\n        animation-duration:.001ms !important;\n\n        animation-iteration-count:1 !important;\n\n        scroll-behavior:auto !important;\n    }\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a91cb33 e-con e-atomic-element e-flexbox-base e-a91cb33-7cf49e7 \" data-id=\"a91cb33\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a91cb33\" data-e-type=\"e-flexbox\" data-id=\"a91cb33\">\n    \t\t<div class=\"elementor-element elementor-element-aade5b0 elementor-widget elementor-widget-html\" data-id=\"aade5b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     CORAZONES QUE CONSTRUYEN\n     SECCI\u00d3N DONACIONES\n     PALETA AZUL \/ CELESTE \/ ROJO \/ AMARILLO\n========================================================= -->\n\n<section class=\"ccq-help-section\" id=\"ccqAyuda\">\n\n    <!-- TEXTURA -->\n    <div class=\"ccq-help-noise\"><\/div>\n\n    <!-- LUCES -->\n    <div class=\"ccq-help-glow ccq-help-glow-one\"><\/div>\n    <div class=\"ccq-help-glow ccq-help-glow-two\"><\/div>\n\n    <!-- =====================================================\n         COLUMNA IZQUIERDA\n    ====================================================== -->\n\n    <div class=\"ccq-help-left\">\n\n        <div class=\"ccq-help-label\">\n            <span class=\"ccq-help-label-heart\">\u2665<\/span>\n            CORAZONES QUE CONSTRUYEN\n        <\/div>\n\n        <h2 class=\"ccq-help-title\">\n\n            <span>APORTA.<\/span>\n\n            <strong>CONSTRUYE.<\/strong>\n\n            <span>TRANSFORMA<\/span>\n\n            <strong>VIDAS.<\/strong>\n\n        <\/h2>\n\n        <div class=\"ccq-help-message\">\n            <span>\n                Un peque\u00f1o aporte\n                puede convertirse\n                en una gran ayuda.\n            <\/span>\n        <\/div>\n\n        <p class=\"ccq-help-description\">\n            Buscamos unir a\n            <strong>4.000 personas<\/strong>\n            que aporten\n            <strong>$25.000<\/strong>\n            para alcanzar una meta de\n            <strong>$100 millones<\/strong>\n            destinados a materiales para familias afectadas.\n        <\/p>\n\n        <div class=\"ccq-help-arrow\">\n            \u203a\u203a\u203a\u203a\u203a\u203a\u203a\u203a\u203a\u203a\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CENTRO\n    ====================================================== -->\n\n    <div class=\"ccq-help-center\">\n\n        <div class=\"ccq-help-circle\"><\/div>\n\n        <div class=\"ccq-help-hand-photo\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/images.unsplash.com\/photo-1469571486292-0ba58a3f068b?w=1200&q=90\"\n                alt=\"Una mano ayudando a otra\"\n            >\n\n        <\/div>\n\n        <div class=\"ccq-help-vertical-line\"><\/div>\n\n        <div class=\"ccq-help-hand-tag\">\n\n            <small>\n                JUNTOS SOMOS\n            <\/small>\n\n            <strong>\n                M\u00c1S FUERTES\n            <\/strong>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         COLUMNA DERECHA\n    ====================================================== -->\n\n    <div class=\"ccq-help-right\">\n\n        <div class=\"ccq-help-right-intro\">\n\n            Cada coraz\u00f3n\n            puede ayudar a\n\n            <strong>\n                construir un nuevo comienzo.\n            <\/strong>\n\n        <\/div>\n\n\n        <div class=\"ccq-help-stat ccq-help-stat-yellow\">\n\n            <div class=\"ccq-help-stat-number\">\n                $25.000\n            <\/div>\n\n            <div class=\"ccq-help-stat-text\">\n\n                <small>\n                    APORTE SUGERIDO\n                <\/small>\n\n                <strong>\n                    POR PERSONA\n                <\/strong>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"ccq-help-stat ccq-help-stat-blue\">\n\n            <div class=\"ccq-help-stat-number\">\n                4.000\n            <\/div>\n\n            <div class=\"ccq-help-stat-text\">\n\n                <small>\n                    CORAZONES\n                <\/small>\n\n                <strong>\n                    QUE BUSCAMOS UNIR\n                <\/strong>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"ccq-help-stat ccq-help-stat-red\">\n\n            <div class=\"ccq-help-stat-number\">\n                $100\n            <\/div>\n\n            <div class=\"ccq-help-stat-text\">\n\n                <small>\n                    MILLONES\n                <\/small>\n\n                <strong>\n                    NUESTRA META\n                <\/strong>\n\n            <\/div>\n\n        <\/div>\n\n\n        <a href=\"#donar\" class=\"ccq-help-button\">\n\n            <span class=\"ccq-help-button-icon\">\n                \u2665\n            <\/span>\n\n            <span class=\"ccq-help-button-copy\">\n\n                <small>\n                    S\u00daMATE A ESTA CAUSA\n                <\/small>\n\n                <strong>\n                    DONAR $25.000\n                <\/strong>\n\n            <\/span>\n\n            <span class=\"ccq-help-button-arrow\">\n                \u2197\n            <\/span>\n\n        <\/a>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         GALER\u00cdA INFERIOR\n    ====================================================== -->\n\n    <div class=\"ccq-help-gallery\">\n\n        <div class=\"ccq-help-gallery-item\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/corazonesqueconstruyen.com\/wp-content\/uploads\/2026\/08\/c1.jpg\"\n                alt=\"Familias afectadas\"\n            >\n\n        <\/div>\n\n\n        <div class=\"ccq-help-gallery-item\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/corazonesqueconstruyen.com\/wp-content\/uploads\/2026\/08\/c2.jpg\"\n                alt=\"Comunidad\"\n            >\n\n        <\/div>\n\n\n        <div class=\"ccq-help-gallery-item\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/corazonesqueconstruyen.com\/wp-content\/uploads\/2026\/08\/c3.jpg\"\n                alt=\"Solidaridad\"\n            >\n\n        <\/div>\n\n\n        <div class=\"ccq-help-gallery-item\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/corazonesqueconstruyen.com\/wp-content\/uploads\/2026\/08\/c4.jpg\"\n                alt=\"Corazones que Construyen\"\n            >\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- DECORACIONES -->\n\n    <div class=\"ccq-help-plus ccq-help-plus-one\">\n        +\n    <\/div>\n\n    <div class=\"ccq-help-plus ccq-help-plus-two\">\n        +\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.ccq-help-section,\n.ccq-help-section *{\n    box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   PALETA\n========================================================= *\/\n\n.ccq-help-section{\n\n    --ccq-blue:#0b4ea2;\n    --ccq-blue-dark:#073b7a;\n    --ccq-sky:#59c7f2;\n    --ccq-sky-light:#dff5ff;\n    --ccq-red:#e63b3b;\n    --ccq-red-dark:#bd2727;\n    --ccq-yellow:#ffd52f;\n    --ccq-yellow-deep:#f6b800;\n    --ccq-text:#35485b;\n    --ccq-white:#ffffff;\n\n    position:relative;\n\n    width:100%;\n\n    min-height:930px;\n\n    padding:\n        100px\n        6vw\n        65px;\n\n    overflow:hidden;\n\n    display:grid;\n\n    grid-template-columns:\n        1fr\n        1fr\n        .85fr;\n\n    grid-template-rows:\n        auto\n        auto;\n\n    column-gap:60px;\n\n    row-gap:45px;\n\n    align-items:center;\n\n    background:\n        radial-gradient(\n            circle at 50% 40%,\n            #ffffff 0%,\n            #f3fbff 48%,\n            #e7f5fc 100%\n        );\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    isolation:isolate;\n}\n\n\n\/* =========================================================\n   TEXTURA\n========================================================= *\/\n\n.ccq-help-noise{\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:1;\n\n    pointer-events:none;\n\n    opacity:.08;\n\n    background-image:\n        url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'\/%3E%3C\/svg%3E\");\n}\n\n\n\/* =========================================================\n   LUCES\n========================================================= *\/\n\n.ccq-help-glow{\n\n    position:absolute;\n\n    border-radius:50%;\n\n    filter:blur(100px);\n\n    pointer-events:none;\n\n    z-index:0;\n}\n\n\n.ccq-help-glow-one{\n\n    width:500px;\n\n    height:500px;\n\n    background:\n        rgba(89,199,242,.24);\n\n    left:-220px;\n\n    top:20%;\n}\n\n\n.ccq-help-glow-two{\n\n    width:450px;\n\n    height:450px;\n\n    background:\n        rgba(255,213,47,.20);\n\n    right:-200px;\n\n    bottom:10%;\n}\n\n\n\/* =========================================================\n   IZQUIERDA\n========================================================= *\/\n\n.ccq-help-left{\n\n    position:relative;\n\n    z-index:10;\n\n    align-self:center;\n\n    animation:\n        ccqLeftIn\n        1s ease both;\n}\n\n\n.ccq-help-label{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:10px;\n\n    margin-bottom:25px;\n\n    color:\n        var(--ccq-blue-dark);\n\n    font-size:9px;\n\n    font-weight:900;\n\n    letter-spacing:3px;\n}\n\n\n.ccq-help-label-heart{\n\n    width:31px;\n\n    height:31px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:\n        var(--ccq-red);\n\n    color:white;\n\n    animation:\n        ccqHeartPulse\n        1.7s ease-in-out\n        infinite;\n}\n\n\n\/* =========================================================\n   T\u00cdTULO\n========================================================= *\/\n\n.ccq-help-title{\n\n    margin:\n        0\n        0\n        28px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    line-height:.9;\n\n    letter-spacing:-4px;\n}\n\n\n.ccq-help-title span,\n.ccq-help-title strong{\n\n    display:block;\n\n    font-size:\n        clamp(\n            50px,\n            4.8vw,\n            92px\n        );\n\n    font-weight:900;\n}\n\n\n.ccq-help-title span{\n\n    color:\n        var(--ccq-blue-dark);\n}\n\n\n.ccq-help-title strong{\n\n    color:\n        var(--ccq-blue);\n}\n\n\n\/* =========================================================\n   MENSAJE DESTACADO\n========================================================= *\/\n\n.ccq-help-message{\n\n    position:relative;\n\n    display:inline-block;\n\n    margin-bottom:25px;\n\n    padding:\n        16px\n        22px;\n\n    max-width:330px;\n\n    background:\n        var(--ccq-sky-light);\n\n    color:\n        var(--ccq-blue-dark);\n\n    border:\n        1px solid rgba(11,78,162,.10);\n\n    overflow:hidden;\n\n    box-shadow:\n        0 10px 28px rgba(21,100,165,.08);\n}\n\n\n.ccq-help-message::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:5px;\n\n    height:100%;\n\n    left:0;\n\n    top:0;\n\n    background:\n        var(--ccq-red);\n}\n\n\n.ccq-help-message span{\n\n    display:block;\n\n    font-size:\n        clamp(\n            17px,\n            1.4vw,\n            24px\n        );\n\n    line-height:1.35;\n\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   DESCRIPCI\u00d3N\n========================================================= *\/\n\n.ccq-help-description{\n\n    max-width:510px;\n\n    margin:0;\n\n    color:\n        var(--ccq-text);\n\n    font-size:\n        clamp(\n            14px,\n            1vw,\n            18px\n        );\n\n    line-height:1.65;\n}\n\n\n.ccq-help-description strong{\n\n    color:\n        var(--ccq-blue-dark);\n\n    font-weight:900;\n}\n\n\n.ccq-help-arrow{\n\n    margin-top:22px;\n\n    color:\n        var(--ccq-red);\n\n    font-size:18px;\n\n    font-weight:900;\n\n    letter-spacing:2px;\n}\n\n\n\/* =========================================================\n   CENTRO\n========================================================= *\/\n\n.ccq-help-center{\n\n    position:relative;\n\n    z-index:8;\n\n    height:660px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n}\n\n\n\/* =========================================================\n   C\u00cdRCULO\n========================================================= *\/\n\n.ccq-help-circle{\n\n    position:absolute;\n\n    width:430px;\n\n    height:430px;\n\n    border-radius:50%;\n\n    background:\n        linear-gradient(\n            145deg,\n            var(--ccq-sky),\n            var(--ccq-blue)\n        );\n\n    opacity:.88;\n\n    animation:\n        ccqCircleMove\n        7s ease-in-out\n        infinite alternate;\n}\n\n\n\/* =========================================================\n   FOTO CENTRAL\n========================================================= *\/\n\n.ccq-help-hand-photo{\n\n    position:relative;\n\n    z-index:4;\n\n    width:390px;\n\n    height:610px;\n\n    overflow:hidden;\n\n    clip-path:\n        polygon(\n            23% 0,\n            100% 0,\n            78% 100%,\n            0 100%\n        );\n\n    animation:\n        ccqCenterIn\n        1.1s .15s ease both;\n}\n\n\n.ccq-help-hand-photo img{\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:cover;\n\n    filter:\n        grayscale(55%)\n        contrast(1.03)\n        brightness(1.05);\n\n    transform:scale(1.05);\n\n    transition:\n        transform 1s ease,\n        filter .7s ease;\n}\n\n\n.ccq-help-hand-photo:hover img{\n\n    transform:\n        scale(1.1);\n\n    filter:\n        grayscale(15%);\n}\n\n\n\/* =========================================================\n   L\u00cdNEA CENTRAL\n========================================================= *\/\n\n.ccq-help-vertical-line{\n\n    position:absolute;\n\n    z-index:5;\n\n    width:1px;\n\n    height:430px;\n\n    right:4%;\n\n    top:50%;\n\n    transform:\n        translateY(-50%);\n\n    background:\n        rgba(11,78,162,.18);\n}\n\n\n\/* =========================================================\n   TAG CENTRAL\n========================================================= *\/\n\n.ccq-help-hand-tag{\n\n    position:absolute;\n\n    z-index:7;\n\n    right:-35px;\n\n    bottom:80px;\n\n    padding:\n        13px\n        17px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    background:\n        var(--ccq-yellow);\n\n    color:\n        var(--ccq-blue-dark);\n\n    box-shadow:\n        0 20px 40px\n        rgba(246,184,0,.18);\n\n    animation:\n        ccqTagFloat\n        3.5s ease-in-out\n        infinite;\n}\n\n\n.ccq-help-hand-tag small{\n\n    margin-bottom:3px;\n\n    font-size:7px;\n\n    font-weight:900;\n\n    letter-spacing:2px;\n}\n\n\n.ccq-help-hand-tag strong{\n\n    font-size:14px;\n\n    font-weight:950;\n}\n\n\n\/* =========================================================\n   DERECHA\n========================================================= *\/\n\n.ccq-help-right{\n\n    position:relative;\n\n    z-index:10;\n\n    animation:\n        ccqRightIn\n        1s .25s ease both;\n}\n\n\n.ccq-help-right-intro{\n\n    margin-bottom:28px;\n\n    color:\n        #54708d;\n\n    font-size:\n        clamp(\n            19px,\n            1.6vw,\n            30px\n        );\n\n    line-height:1.25;\n\n    text-align:right;\n}\n\n\n.ccq-help-right-intro strong{\n\n    display:block;\n\n    color:\n        var(--ccq-blue);\n\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   ESTAD\u00cdSTICAS\n========================================================= *\/\n\n.ccq-help-stat{\n\n    position:relative;\n\n    min-height:80px;\n\n    margin-bottom:14px;\n\n    padding:\n        14px\n        20px;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:20px;\n\n    overflow:hidden;\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n\n.ccq-help-stat:hover{\n\n    transform:\n        translateX(-8px);\n\n    box-shadow:\n        0 16px 35px\n        rgba(0,0,0,.08);\n}\n\n\n.ccq-help-stat-number{\n\n    min-width:120px;\n\n    font-size:\n        clamp(\n            27px,\n            2vw,\n            38px\n        );\n\n    font-weight:950;\n\n    letter-spacing:-2px;\n}\n\n\n.ccq-help-stat-text{\n\n    display:flex;\n\n    flex-direction:column;\n}\n\n\n.ccq-help-stat-text small{\n\n    margin-bottom:3px;\n\n    font-size:7px;\n\n    font-weight:900;\n\n    letter-spacing:2px;\n\n    opacity:.75;\n}\n\n\n.ccq-help-stat-text strong{\n\n    font-size:12px;\n\n    font-weight:900;\n}\n\n\n\/* AMARILLO *\/\n\n.ccq-help-stat-yellow{\n\n    background:\n        linear-gradient(\n            90deg,\n            #ffd52f,\n            #ffe37c\n        );\n\n    color:\n        var(--ccq-blue-dark);\n}\n\n\n\/* AZUL *\/\n\n.ccq-help-stat-blue{\n\n    background:\n        linear-gradient(\n            90deg,\n            #0b4ea2,\n            #2377ce\n        );\n\n    color:white;\n}\n\n\n\/* ROJO *\/\n\n.ccq-help-stat-red{\n\n    background:\n        linear-gradient(\n            90deg,\n            #dc3434,\n            #f15a5a\n        );\n\n    color:white;\n}\n\n\n\/* =========================================================\n   BOT\u00d3N\n========================================================= *\/\n\n.ccq-help-button{\n\n    position:relative;\n\n    min-height:78px;\n\n    margin-top:23px;\n\n    padding:\n        10px\n        17px;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:14px;\n\n    overflow:hidden;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--ccq-blue-dark),\n            var(--ccq-blue)\n        );\n\n    color:white;\n\n    text-decoration:none;\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n\n.ccq-help-button::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    top:-70%;\n\n    left:-110px;\n\n    width:60px;\n\n    height:250%;\n\n    background:\n        rgba(255,255,255,.18);\n\n    transform:\n        rotate(25deg);\n\n    transition:\n        left .7s ease;\n}\n\n\n.ccq-help-button:hover::before{\n\n    left:120%;\n}\n\n\n.ccq-help-button:hover{\n\n    color:white;\n\n    transform:\n        translateY(-4px);\n\n    box-shadow:\n        0 20px 45px\n        rgba(11,78,162,.22);\n}\n\n\n.ccq-help-button-icon{\n\n    flex:\n        0 0\n        44px;\n\n    width:44px;\n\n    height:44px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:\n        var(--ccq-yellow);\n\n    color:\n        var(--ccq-red);\n}\n\n\n.ccq-help-button-copy{\n\n    display:flex;\n\n    flex-direction:column;\n}\n\n\n.ccq-help-button-copy small{\n\n    margin-bottom:3px;\n\n    color:\n        #bfe8ff;\n\n    font-size:7px;\n\n    font-weight:900;\n\n    letter-spacing:2px;\n}\n\n\n.ccq-help-button-copy strong{\n\n    font-size:17px;\n\n    font-weight:950;\n}\n\n\n.ccq-help-button-arrow{\n\n    margin-left:auto;\n\n    color:\n        var(--ccq-yellow);\n\n    font-size:23px;\n}\n\n\n\/* =========================================================\n   GALER\u00cdA INFERIOR\n========================================================= *\/\n\n.ccq-help-gallery{\n\n    position:relative;\n\n    z-index:10;\n\n    grid-column:\n        1 \/ -1;\n\n    width:100%;\n\n    height:230px;\n\n    display:grid;\n\n    grid-template-columns:\n        1.1fr\n        .9fr\n        1.05fr\n        .95fr;\n\n    gap:8px;\n\n    margin-top:-10px;\n}\n\n\n.ccq-help-gallery-item{\n\n    position:relative;\n\n    overflow:hidden;\n\n    background:#dceff8;\n\n    border-radius:8px;\n}\n\n\n.ccq-help-gallery-item img{\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:cover;\n\n    filter:\n        saturate(1.05)\n        contrast(1.03)\n        brightness(1.02);\n\n    transition:\n        filter .6s ease,\n        transform .8s ease;\n}\n\n\n.ccq-help-gallery-item::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 55%,\n            rgba(28,136,207,.10)\n        );\n\n    pointer-events:none;\n}\n\n\n.ccq-help-gallery-item:hover img{\n\n    filter:\n        saturate(1.15)\n        contrast(1.04);\n\n    transform:\n        scale(1.07);\n}\n\n\n\/* =========================================================\n   DECORACI\u00d3N\n========================================================= *\/\n\n.ccq-help-plus{\n\n    position:absolute;\n\n    z-index:4;\n\n    color:\n        var(--ccq-red);\n\n    font-size:32px;\n\n    font-weight:300;\n\n    animation:\n        ccqPlusFloat\n        4s ease-in-out\n        infinite;\n}\n\n\n.ccq-help-plus-one{\n\n    left:3%;\n\n    top:45%;\n}\n\n\n.ccq-help-plus-two{\n\n    right:3%;\n\n    top:74%;\n\n    color:\n        var(--ccq-blue);\n\n    animation-delay:\n        -2s;\n}\n\n\n\/* =========================================================\n   ANIMACIONES\n========================================================= *\/\n\n@keyframes ccqLeftIn{\n\n    from{\n        opacity:0;\n        transform:translateX(-35px);\n    }\n\n    to{\n        opacity:1;\n        transform:translateX(0);\n    }\n}\n\n\n@keyframes ccqRightIn{\n\n    from{\n        opacity:0;\n        transform:translateX(35px);\n    }\n\n    to{\n        opacity:1;\n        transform:translateX(0);\n    }\n}\n\n\n@keyframes ccqCenterIn{\n\n    from{\n        opacity:0;\n\n        transform:\n            translateY(45px)\n            scale(.94);\n    }\n\n    to{\n        opacity:1;\n\n        transform:\n            translateY(0)\n            scale(1);\n    }\n}\n\n\n@keyframes ccqHeartPulse{\n\n    0%,\n    100%{\n        transform:scale(1);\n    }\n\n    50%{\n        transform:scale(1.2);\n    }\n}\n\n\n@keyframes ccqCircleMove{\n\n    from{\n        transform:\n            scale(.93)\n            rotate(-5deg);\n    }\n\n    to{\n        transform:\n            scale(1.04)\n            rotate(5deg);\n    }\n}\n\n\n@keyframes ccqTagFloat{\n\n    0%,\n    100%{\n        transform:translateY(0);\n    }\n\n    50%{\n        transform:translateY(-9px);\n    }\n}\n\n\n@keyframes ccqPlusFloat{\n\n    0%,\n    100%{\n        transform:\n            translateY(0)\n            rotate(0deg);\n    }\n\n    50%{\n        transform:\n            translateY(-13px)\n            rotate(10deg);\n    }\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1200px){\n\n    .ccq-help-section{\n\n        padding-left:4vw;\n\n        padding-right:4vw;\n\n        column-gap:30px;\n    }\n\n\n    .ccq-help-center{\n\n        height:580px;\n    }\n\n\n    .ccq-help-hand-photo{\n\n        width:330px;\n\n        height:530px;\n    }\n\n\n    .ccq-help-circle{\n\n        width:330px;\n\n        height:330px;\n    }\n\n\n    .ccq-help-stat-number{\n\n        min-width:95px;\n    }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .ccq-help-section{\n\n        display:flex;\n\n        flex-direction:column;\n\n        gap:35px;\n\n        min-height:auto;\n\n        padding:\n            55px\n            20px\n            35px;\n    }\n\n\n    .ccq-help-left{\n\n        width:100%;\n\n        text-align:center;\n    }\n\n\n    .ccq-help-label{\n\n        justify-content:center;\n\n        font-size:8px;\n\n        letter-spacing:2px;\n    }\n\n\n    .ccq-help-title{\n\n        align-items:center;\n\n        letter-spacing:-2px;\n    }\n\n\n    .ccq-help-title span,\n    .ccq-help-title strong{\n\n        font-size:\n            clamp(\n                45px,\n                14vw,\n                68px\n            );\n    }\n\n\n    .ccq-help-message{\n\n        max-width:300px;\n    }\n\n\n    .ccq-help-description{\n\n        margin:auto;\n\n        font-size:14px;\n    }\n\n\n    .ccq-help-center{\n\n        width:100%;\n\n        height:520px;\n    }\n\n\n    .ccq-help-hand-photo{\n\n        width:300px;\n\n        height:490px;\n    }\n\n\n    .ccq-help-circle{\n\n        width:300px;\n\n        height:300px;\n    }\n\n\n    .ccq-help-hand-tag{\n\n        right:3%;\n\n        bottom:70px;\n    }\n\n\n    .ccq-help-right{\n\n        width:100%;\n\n        max-width:500px;\n    }\n\n\n    .ccq-help-right-intro{\n\n        text-align:center;\n    }\n\n\n    .ccq-help-stat-number{\n\n        min-width:105px;\n\n        font-size:26px;\n    }\n\n\n    .ccq-help-gallery{\n\n        width:\n            calc(\n                100% + 40px\n            );\n\n        height:320px;\n\n        margin-left:-20px;\n\n        grid-template-columns:\n            1fr\n            1fr;\n\n        grid-template-rows:\n            1fr\n            1fr;\n\n        gap:5px;\n    }\n\n\n    .ccq-help-plus{\n\n        display:none;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCIR ANIMACIONES\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .ccq-help-section *,\n    .ccq-help-section *::before,\n    .ccq-help-section *::after{\n\n        animation-duration:.001ms !important;\n\n        animation-iteration-count:1 !important;\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8f0deb6 e-con e-atomic-element e-flexbox-base e-8f0deb6-2429f66 \" data-id=\"8f0deb6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8f0deb6\" data-e-type=\"e-flexbox\" data-id=\"8f0deb6\">\n    \t\t<div class=\"elementor-element elementor-element-6be354f elementor-widget elementor-widget-html\" data-id=\"6be354f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     CORAZONES QUE CONSTRUYEN\n     M\u00d3DULO DONACIONES STABLE\n     \n     ACTUALIZADO:\n     RECAUDADO: $31.705.700\n     META: $100.000.000\n     PROGRESO: 31,71%\n     FALTANTE: $68.294.300\n========================================================= -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\n<\/style>\n\n<section class=\"cqc-bank-zone\" id=\"donar\">\n\n    <!-- FONDO -->\n    <div class=\"cqc-bank-noise\"><\/div>\n    <div class=\"cqc-bank-glow cqc-bank-glow-one\"><\/div>\n    <div class=\"cqc-bank-glow cqc-bank-glow-two\"><\/div>\n\n    <!-- DECORACIONES -->\n    <div class=\"cqc-bank-heart cqc-bank-heart-one\">\u2665<\/div>\n    <div class=\"cqc-bank-heart cqc-bank-heart-two\">\u2665<\/div>\n    <div class=\"cqc-bank-plus cqc-bank-plus-one\">+<\/div>\n    <div class=\"cqc-bank-plus cqc-bank-plus-two\">+<\/div>\n\n    <div class=\"cqc-bank-header\">\n        <div class=\"cqc-bank-brand\">\n            <span>\u2665<\/span>\n            CORAZONES QUE CONSTRUYEN\n        <\/div>\n\n        <div class=\"cqc-bank-kicker\">\n            TU APORTE PUEDE CAMBIAR UNA HISTORIA\n        <\/div>\n\n        <h2 class=\"cqc-bank-title\">\n            <span>HAZ TU<\/span>\n            <strong>DONACI\u00d3N<\/strong>\n        <\/h2>\n\n        <p class=\"cqc-bank-subtitle\">\n            Cada aporte se convierte en una oportunidad para ayudar\n            a las familias afectadas a comenzar de nuevo.\n        <\/p>\n    <\/div>\n\n    <div class=\"cqc-donation-methods\">\n\n        <div class=\"cqc-bank-card\">\n\n            <div class=\"cqc-bank-card-top\">\n                <div class=\"cqc-bank-icon-wrap\">\n                    <span class=\"cqc-bank-icon\">$<\/span>\n                <\/div>\n\n                <div class=\"cqc-bank-card-heading\">\n                    <small>TRANSFIERE DIRECTAMENTE<\/small>\n                    <strong>Datos para realizar tu aporte<\/strong>\n                <\/div>\n\n                <div class=\"cqc-bank-secure\">\n                    <span>\u25cf<\/span>\n                    CUENTA VERIFICADA\n                <\/div>\n            <\/div>\n\n            <div class=\"cqc-bank-name-block\">\n                <div class=\"cqc-bank-name-left\">\n                    <span class=\"cqc-bank-label\">BANCO<\/span>\n                    <strong class=\"cqc-bank-name\">BANCOLOMBIA<\/strong>\n                <\/div>\n\n                <div class=\"cqc-bank-type\">CUENTA DE AHORROS<\/div>\n            <\/div>\n\n            <div class=\"cqc-bank-account\">\n                <div class=\"cqc-bank-account-copy\">\n                    <span class=\"cqc-bank-label\">N\u00daMERO DE CUENTA<\/span>\n                    <strong id=\"cqcBankAccount\">76200009260<\/strong>\n                <\/div>\n\n                <button\n                    class=\"cqc-bank-copy-button\"\n                    type=\"button\"\n                    onclick=\"cqcCopyBankData('76200009260', this)\"\n                >\n                    <span class=\"cqc-copy-symbol\">\u29c9<\/span>\n                    <span class=\"cqc-copy-text\">COPIAR<\/span>\n                <\/button>\n            <\/div>\n\n            <div class=\"cqc-bank-info-grid\">\n\n                <div class=\"cqc-bank-info\">\n                    <span>TITULAR<\/span>\n                    <strong>\n                        MERP PROYECTOS, CONSULTORIA Y ASESORIA S.A.S.\n                    <\/strong>\n                <\/div>\n\n                <div class=\"cqc-bank-info\">\n                    <span>NIT<\/span>\n                    <strong>901909381<\/strong>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"cqc-bank-suggested\">\n\n                <div class=\"cqc-bank-suggested-icon\">\u2665<\/div>\n\n                <div class=\"cqc-bank-suggested-copy\">\n                    <small>APORTE SUGERIDO<\/small>\n                    <strong>Desde $25.000 COP<\/strong>\n                <\/div>\n\n                <div class=\"cqc-bank-suggested-message\">\n                    Cada aporte suma.\n                <\/div>\n\n            <\/div>\n\n            <div class=\"cqc-bank-card-footer\">\n                <span class=\"cqc-card-footer-heart\">\u2665<\/span>\n                <span>\n                    Gracias por ayudar a construir un nuevo comienzo.\n                <\/span>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"cqc-qr-card\">\n\n            <div class=\"cqc-qr-top\">\n                <div class=\"cqc-qr-icon\">\u2301<\/div>\n\n                <div>\n                    <small>OTRA FORMA DE DONAR<\/small>\n                    <strong>Paga aqu\u00ed con Bre-B<\/strong>\n                <\/div>\n            <\/div>\n\n            <p class=\"cqc-qr-description\">\n                Escanea este c\u00f3digo desde la aplicaci\u00f3n\n                de tu banco y realiza tu aporte de forma r\u00e1pida.\n            <\/p>\n\n            <div class=\"cqc-qr-image\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/corazonesqueconstruyen.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-10.14.26.jpeg\"\n                    alt=\"C\u00f3digo QR para realizar donaci\u00f3n por Bre-B\"\n                >\n            <\/div>\n\n            <div class=\"cqc-qr-key\">\n                <small>LLAVE BRE-B<\/small>\n                <strong>@merp927<\/strong>\n\n                <button\n                    type=\"button\"\n                    class=\"cqc-qr-copy\"\n                    onclick=\"cqcCopyKey('@merp927', this)\"\n                >\n                    <span>\u29c9<\/span>\n                    <span class=\"cqc-key-copy-text\">COPIAR LLAVE<\/span>\n                <\/button>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- PROGRESO ACTUALIZADO -->\n\n    <div class=\"cqc-progress-card\">\n\n        <div class=\"cqc-progress-header\">\n\n            <div>\n                <span class=\"cqc-progress-eyebrow\">\n                    AVANCE DE LA CAMPA\u00d1A\n                <\/span>\n\n                <h3>Cada aporte nos acerca a la meta<\/h3>\n            <\/div>\n\n            <div class=\"cqc-progress-percent\">\n                31,71%\n            <\/div>\n\n        <\/div>\n\n        <div class=\"cqc-progress-numbers\">\n\n            <div class=\"cqc-progress-number\">\n                <small>RECAUDADO HASTA AHORA<\/small>\n                <strong>$31.705.700<\/strong>\n            <\/div>\n\n            <div class=\"cqc-progress-goal\">\n                <small>META<\/small>\n                <strong>$100.000.000<\/strong>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"cqc-progress-track\">\n\n            <div\n                class=\"cqc-progress-fill\"\n                data-progress=\"31.7057\"\n            >\n                <span>31,71%<\/span>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"cqc-progress-bottom\">\n\n            <div>\n                <small>FALTA POR RECAUDAR<\/small>\n                <strong>$68.294.300<\/strong>\n            <\/div>\n\n            <div class=\"cqc-progress-message\">\n                <span>\u2665<\/span>\n                \u00a1JUNTOS PODEMOS LOGRARLO!\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.cqc-bank-zone,\n.cqc-bank-zone *{\n    box-sizing:border-box;\n}\n\n.cqc-bank-zone{\n    --cqc-blue:#0b4ea2;\n    --cqc-blue-dark:#073b7a;\n    --cqc-sky:#59c7f2;\n    --cqc-sky-light:#dff5ff;\n    --cqc-red:#e63b3b;\n    --cqc-yellow:#ffd52f;\n    --cqc-yellow-dark:#f4b800;\n    --cqc-text:#38536e;\n\n    position:relative;\n    width:100%;\n    overflow:hidden;\n    padding:90px 6vw 80px;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n\n    background:\n        radial-gradient(\n            circle at 50% 30%,\n            #ffffff 0%,\n            #f1fbff 43%,\n            #d9f3ff 72%,\n            #b9e6fa 100%\n        );\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        \"Helvetica Neue\",\n        Arial,\n        sans-serif;\n\n    isolation:isolate;\n}\n\n.cqc-bank-noise{\n    position:absolute;\n    inset:0;\n    z-index:1;\n    pointer-events:none;\n    opacity:.085;\n\n    background-image:\n        url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='bankNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23bankNoise)' opacity='.20'\/%3E%3C\/svg%3E\");\n}\n\n.cqc-bank-glow{\n    position:absolute;\n    z-index:0;\n    border-radius:50%;\n    filter:blur(110px);\n    pointer-events:none;\n}\n\n.cqc-bank-glow-one{\n    width:530px;\n    height:530px;\n    left:-240px;\n    top:25%;\n    background:rgba(89,199,242,.35);\n}\n\n.cqc-bank-glow-two{\n    width:470px;\n    height:470px;\n    right:-200px;\n    bottom:-80px;\n    background:rgba(255,213,47,.25);\n}\n\n.cqc-bank-header{\n    position:relative;\n    z-index:10;\n    width:min(1100px,100%);\n    text-align:center;\n    margin-bottom:45px;\n    overflow:visible;\n    animation:cqcBankHeaderIn .9s ease both;\n}\n\n.cqc-bank-brand{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    margin-bottom:17px;\n    color:var(--cqc-blue-dark);\n    font-size:9px;\n    line-height:1.4;\n    font-weight:900;\n    letter-spacing:3px;\n}\n\n.cqc-bank-brand span{\n    width:31px;\n    height:31px;\n    border-radius:50%;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background:var(--cqc-red);\n    color:white;\n    animation:cqcBankHeartPulse 1.6s ease-in-out infinite;\n}\n\n.cqc-bank-kicker{\n    margin-bottom:12px;\n    color:#6688a3;\n    font-size:9px;\n    line-height:1.45;\n    font-weight:900;\n    letter-spacing:5px;\n}\n\n.cqc-bank-title{\n    margin:0;\n    padding:8px 0 5px;\n    overflow:visible;\n    text-transform:uppercase;\n    line-height:1;\n    letter-spacing:-5px;\n}\n\n.cqc-bank-title span{\n    display:block;\n    padding-top:.08em;\n    overflow:visible;\n    color:var(--cqc-blue-dark);\n    font-size:clamp(48px,4.5vw,84px);\n    line-height:1.05;\n    font-weight:900;\n}\n\n.cqc-bank-title strong{\n    display:block;\n    position:relative;\n    padding:.10em .04em .05em;\n    overflow:visible;\n\n    font-size:clamp(78px,7vw,135px);\n    line-height:1.05;\n    font-weight:900;\n    letter-spacing:-7px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--cqc-blue),\n            var(--cqc-sky),\n            var(--cqc-blue)\n        );\n\n    background-size:220% auto;\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n\n    animation:cqcBankGradient 6s linear infinite;\n}\n\n.cqc-bank-subtitle{\n    width:min(630px,100%);\n    margin:20px auto 0;\n    color:var(--cqc-text);\n    font-size:clamp(15px,1vw,18px);\n    line-height:1.65;\n}\n\n.cqc-donation-methods{\n    position:relative;\n    z-index:10;\n    width:min(1180px,96vw);\n    display:grid;\n    grid-template-columns:1.35fr .65fr;\n    gap:24px;\n    align-items:stretch;\n}\n\n.cqc-bank-card{\n    width:100%;\n    padding:32px 35px 25px;\n    border-radius:30px;\n    background:rgba(255,255,255,.98);\n    border:1px solid rgba(11,78,162,.08);\n    box-shadow:0 30px 70px rgba(7,59,122,.16);\n    animation:cqcBankCardIn 1s .12s cubic-bezier(.2,.8,.2,1) both;\n}\n\n.cqc-bank-card-top{\n    display:flex;\n    align-items:center;\n    gap:14px;\n    margin-bottom:27px;\n    padding-bottom:23px;\n    border-bottom:1px solid #deedf5;\n}\n\n.cqc-bank-icon-wrap{\n    flex:0 0 50px;\n}\n\n.cqc-bank-icon{\n    width:50px;\n    height:50px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    background:var(--cqc-blue);\n    color:white;\n    font-size:23px;\n    font-weight:900;\n}\n\n.cqc-bank-card-heading{\n    display:flex;\n    flex-direction:column;\n}\n\n.cqc-bank-card-heading small{\n    color:#7693aa;\n    font-size:7px;\n    line-height:1.4;\n    font-weight:900;\n    letter-spacing:2px;\n}\n\n.cqc-bank-card-heading strong{\n    margin-top:3px;\n    color:var(--cqc-blue-dark);\n    font-size:18px;\n    line-height:1.3;\n    font-weight:900;\n}\n\n.cqc-bank-secure{\n    margin-left:auto;\n    padding:8px 12px;\n    border-radius:20px;\n    background:#e4f8ee;\n    color:#178752;\n    font-size:7px;\n    font-weight:900;\n    letter-spacing:1.3px;\n}\n\n.cqc-bank-name-block{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:25px;\n    margin-bottom:18px;\n    padding:19px 21px;\n    border-radius:17px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #eefaff,\n            #e1f5ff\n        );\n\n    border:1px solid #d3edf9;\n}\n\n.cqc-bank-name-left{\n    display:flex;\n    flex-direction:column;\n}\n\n.cqc-bank-label{\n    margin-bottom:4px;\n    color:#6989a4;\n    font-size:7px;\n    line-height:1.4;\n    font-weight:900;\n    letter-spacing:2px;\n}\n\n.cqc-bank-name{\n    color:var(--cqc-blue-dark);\n    font-size:clamp(24px,2vw,34px);\n    line-height:1.15;\n    font-weight:900;\n}\n\n.cqc-bank-type{\n    padding:9px 13px;\n    border-radius:10px;\n    background:var(--cqc-yellow);\n    color:var(--cqc-blue-dark);\n    font-size:8px;\n    font-weight:900;\n    letter-spacing:1.2px;\n}\n\n.cqc-bank-account{\n    display:flex;\n    align-items:center;\n    gap:20px;\n    margin-bottom:18px;\n    padding:21px;\n    border-radius:17px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--cqc-blue-dark),\n            var(--cqc-blue)\n        );\n\n    color:white;\n}\n\n.cqc-bank-account-copy{\n    display:flex;\n    flex-direction:column;\n    min-width:0;\n}\n\n.cqc-bank-account .cqc-bank-label{\n    color:#bfe6ff;\n}\n\n.cqc-bank-account strong{\n    font-size:clamp(31px,3.2vw,48px);\n    line-height:1.15;\n    font-weight:900;\n    letter-spacing:1px;\n    word-break:break-word;\n}\n\n.cqc-bank-copy-button,\n.cqc-qr-copy{\n    border:0;\n    cursor:pointer;\n    font-family:inherit;\n    font-weight:900;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n.cqc-bank-copy-button{\n    margin-left:auto;\n    min-height:48px;\n    padding:10px 16px;\n    border-radius:12px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:7px;\n\n    background:var(--cqc-yellow);\n    color:var(--cqc-blue-dark);\n    font-size:8px;\n    letter-spacing:1.5px;\n}\n\n.cqc-bank-copy-button:hover,\n.cqc-qr-copy:hover{\n    transform:translateY(-3px);\n    box-shadow:0 10px 25px rgba(7,59,122,.15);\n}\n\n.cqc-bank-info-grid{\n    display:grid;\n    grid-template-columns:1.7fr .7fr;\n    gap:13px;\n    margin-bottom:18px;\n}\n\n.cqc-bank-info{\n    min-height:95px;\n    padding:17px 19px;\n    border-radius:16px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n\n    background:#f7fbfd;\n    border:1px solid #e1edf3;\n}\n\n.cqc-bank-info span{\n    margin-bottom:5px;\n    color:#7b94a8;\n    font-size:7px;\n    line-height:1.4;\n    font-weight:900;\n    letter-spacing:1.8px;\n}\n\n.cqc-bank-info strong{\n    color:var(--cqc-blue-dark);\n    font-size:clamp(15px,1.2vw,19px);\n    line-height:1.35;\n    font-weight:900;\n}\n\n.cqc-bank-suggested{\n    display:grid;\n    grid-template-columns:auto 1fr auto;\n    align-items:center;\n    gap:14px;\n    padding:16px 19px;\n    border-radius:16px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #fff3aa,\n            var(--cqc-yellow)\n        );\n\n    color:var(--cqc-blue-dark);\n}\n\n.cqc-bank-suggested-icon{\n    width:43px;\n    height:43px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    background:var(--cqc-red);\n    color:white;\n}\n\n.cqc-bank-suggested-copy{\n    display:flex;\n    flex-direction:column;\n}\n\n.cqc-bank-suggested-copy small{\n    margin-bottom:3px;\n    font-size:7px;\n    line-height:1.4;\n    font-weight:900;\n    letter-spacing:1.6px;\n}\n\n.cqc-bank-suggested-copy strong{\n    font-size:24px;\n    line-height:1.25;\n    font-weight:900;\n}\n\n.cqc-bank-suggested-message{\n    font-size:11px;\n    font-weight:900;\n}\n\n.cqc-bank-card-footer{\n    margin-top:20px;\n    padding-top:18px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:9px;\n\n    border-top:1px solid #e3eff5;\n\n    color:#66849d;\n    font-size:11px;\n    line-height:1.4;\n    font-weight:700;\n    text-align:center;\n}\n\n.cqc-card-footer-heart{\n    color:var(--cqc-red);\n    font-size:15px;\n}\n\n.cqc-qr-card{\n    width:100%;\n    padding:28px 24px;\n    border-radius:30px;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n\n    background:rgba(255,255,255,.98);\n    box-shadow:0 30px 70px rgba(7,59,122,.13);\n}\n\n.cqc-qr-top{\n    width:100%;\n    display:flex;\n    align-items:center;\n    gap:12px;\n    margin-bottom:18px;\n}\n\n.cqc-qr-icon{\n    width:46px;\n    height:46px;\n    flex:0 0 46px;\n    border-radius:50%;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    background:var(--cqc-red);\n    color:white;\n    font-size:23px;\n}\n\n.cqc-qr-top > div:last-child{\n    display:flex;\n    flex-direction:column;\n}\n\n.cqc-qr-top small{\n    color:#788fa2;\n    font-size:7px;\n    line-height:1.4;\n    font-weight:900;\n    letter-spacing:1.7px;\n}\n\n.cqc-qr-top strong{\n    margin-top:3px;\n    color:var(--cqc-blue-dark);\n    font-size:20px;\n    line-height:1.25;\n    font-weight:900;\n}\n\n.cqc-qr-description{\n    margin:0 0 18px;\n    color:var(--cqc-text);\n    font-size:13px;\n    line-height:1.6;\n    text-align:center;\n}\n\n.cqc-qr-image{\n    width:100%;\n    max-width:280px;\n    aspect-ratio:562 \/ 1000;\n    overflow:hidden;\n    border-radius:18px;\n    background:#222;\n    box-shadow:0 15px 35px rgba(0,0,0,.12);\n}\n\n.cqc-qr-image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n}\n\n.cqc-qr-key{\n    width:100%;\n    margin-top:20px;\n    padding:16px;\n    border-radius:16px;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n\n    background:#f3f9fd;\n}\n\n.cqc-qr-key small{\n    color:#7690a6;\n    font-size:7px;\n    line-height:1.4;\n    font-weight:900;\n    letter-spacing:2px;\n}\n\n.cqc-qr-key strong{\n    margin:5px 0 12px;\n    color:var(--cqc-blue-dark);\n    font-size:28px;\n    line-height:1.2;\n    font-weight:900;\n}\n\n.cqc-qr-copy{\n    min-height:42px;\n    padding:9px 15px;\n    border-radius:10px;\n\n    display:flex;\n    align-items:center;\n    gap:7px;\n\n    background:var(--cqc-yellow);\n    color:var(--cqc-blue-dark);\n    font-size:8px;\n}\n\n.cqc-progress-card{\n    position:relative;\n    z-index:10;\n\n    width:min(1180px,96vw);\n\n    margin-top:38px;\n    padding:35px 38px;\n\n    border-radius:30px;\n\n    background:rgba(255,255,255,.96);\n    box-shadow:0 28px 70px rgba(7,59,122,.12);\n}\n\n.cqc-progress-header{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:30px;\n    margin-bottom:25px;\n}\n\n.cqc-progress-eyebrow{\n    display:block;\n    margin-bottom:5px;\n    color:var(--cqc-red);\n    font-size:8px;\n    line-height:1.4;\n    font-weight:900;\n    letter-spacing:2px;\n}\n\n.cqc-progress-header h3{\n    margin:0;\n    color:var(--cqc-blue-dark);\n    font-size:clamp(25px,2vw,36px);\n    line-height:1.2;\n    font-weight:900;\n}\n\n.cqc-progress-percent{\n    color:var(--cqc-blue);\n    font-size:clamp(38px,4vw,62px);\n    line-height:1;\n    font-weight:900;\n}\n\n.cqc-progress-numbers{\n    display:flex;\n    justify-content:space-between;\n    gap:20px;\n    margin-bottom:20px;\n}\n\n.cqc-progress-number,\n.cqc-progress-goal{\n    display:flex;\n    flex-direction:column;\n}\n\n.cqc-progress-number small,\n.cqc-progress-goal small,\n.cqc-progress-bottom small{\n    margin-bottom:4px;\n    color:#7890a5;\n    font-size:7px;\n    line-height:1.4;\n    font-weight:900;\n    letter-spacing:1.7px;\n}\n\n.cqc-progress-number strong,\n.cqc-progress-goal strong{\n    color:var(--cqc-blue-dark);\n    font-size:clamp(23px,2vw,33px);\n    line-height:1.2;\n    font-weight:900;\n}\n\n.cqc-progress-track{\n    width:100%;\n    height:32px;\n    overflow:hidden;\n    border-radius:40px;\n    background:#dfeff8;\n    box-shadow:inset 0 3px 8px rgba(7,59,122,.09);\n}\n\n.cqc-progress-fill{\n    width:0;\n    height:100%;\n    min-width:78px;\n    border-radius:40px;\n\n    display:flex;\n    align-items:center;\n    justify-content:flex-end;\n\n    padding-right:15px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--cqc-blue-dark),\n            var(--cqc-blue),\n            var(--cqc-sky)\n        );\n\n    transition:\n        width 1.8s\n        cubic-bezier(.2,.8,.2,1);\n}\n\n.cqc-progress-fill span{\n    color:white;\n    font-size:11px;\n    font-weight:900;\n}\n\n.cqc-progress-bottom{\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n    gap:20px;\n    margin-top:20px;\n}\n\n.cqc-progress-bottom > div:first-child{\n    display:flex;\n    flex-direction:column;\n}\n\n.cqc-progress-bottom strong{\n    color:var(--cqc-red);\n    font-size:clamp(22px,2vw,30px);\n    line-height:1.2;\n    font-weight:900;\n}\n\n.cqc-progress-message{\n    padding:13px 20px;\n    border-radius:30px;\n\n    display:flex;\n    align-items:center;\n    gap:8px;\n\n    background:var(--cqc-yellow);\n    color:var(--cqc-blue-dark);\n\n    font-size:11px;\n    line-height:1.3;\n    font-weight:900;\n    letter-spacing:1px;\n}\n\n.cqc-progress-message span{\n    color:var(--cqc-red);\n    font-size:15px;\n}\n\n.cqc-bank-heart,\n.cqc-bank-plus{\n    position:absolute;\n    z-index:3;\n    pointer-events:none;\n    animation:cqcBankFloat 4s ease-in-out infinite;\n}\n\n.cqc-bank-heart{\n    color:var(--cqc-red);\n}\n\n.cqc-bank-heart-one{\n    left:7%;\n    top:24%;\n    font-size:25px;\n}\n\n.cqc-bank-heart-two{\n    right:8%;\n    top:43%;\n    font-size:18px;\n    animation-delay:-1.8s;\n}\n\n.cqc-bank-plus{\n    color:var(--cqc-blue);\n}\n\n.cqc-bank-plus-one{\n    left:3%;\n    bottom:22%;\n    font-size:36px;\n}\n\n.cqc-bank-plus-two{\n    right:4%;\n    bottom:18%;\n    color:var(--cqc-yellow-dark);\n    font-size:40px;\n    animation-delay:-2s;\n}\n\n@keyframes cqcBankHeaderIn{\n    from{\n        opacity:0;\n        transform:translateY(25px);\n    }\n\n    to{\n        opacity:1;\n        transform:translateY(0);\n    }\n}\n\n@keyframes cqcBankCardIn{\n    from{\n        opacity:0;\n        transform:translateY(45px) scale(.95);\n    }\n\n    to{\n        opacity:1;\n        transform:translateY(0) scale(1);\n    }\n}\n\n@keyframes cqcBankHeartPulse{\n    0%,100%{\n        transform:scale(1);\n    }\n\n    50%{\n        transform:scale(1.2);\n    }\n}\n\n@keyframes cqcBankGradient{\n    from{\n        background-position:0% center;\n    }\n\n    to{\n        background-position:220% center;\n    }\n}\n\n@keyframes cqcBankFloat{\n    0%,100%{\n        transform:translateY(0) rotate(0deg);\n    }\n\n    50%{\n        transform:translateY(-14px) rotate(8deg);\n    }\n}\n\n@media(max-width:1050px){\n\n    .cqc-donation-methods{\n        grid-template-columns:1fr;\n    }\n\n    .cqc-qr-card{\n        max-width:650px;\n        margin:auto;\n    }\n}\n\n@media(max-width:767px){\n\n    .cqc-bank-zone{\n        padding:60px 20px 45px;\n    }\n\n    .cqc-bank-title{\n        padding-top:5px;\n        line-height:1;\n    }\n\n    .cqc-bank-title span{\n        font-size:clamp(40px,11vw,55px);\n        line-height:1.08;\n    }\n\n    .cqc-bank-title strong{\n        font-size:clamp(58px,17vw,84px);\n        line-height:1.08;\n        padding-top:.14em;\n        letter-spacing:-4px;\n    }\n\n    .cqc-bank-subtitle{\n        font-size:14px;\n    }\n\n    .cqc-bank-card{\n        padding:27px 16px 22px;\n        border-radius:23px;\n    }\n\n    .cqc-bank-card-top{\n        align-items:flex-start;\n        flex-wrap:wrap;\n    }\n\n    .cqc-bank-secure{\n        margin-left:64px;\n    }\n\n    .cqc-bank-name-block{\n        align-items:flex-start;\n        flex-direction:column;\n        gap:10px;\n    }\n\n    .cqc-bank-account{\n        align-items:flex-start;\n        flex-direction:column;\n    }\n\n    .cqc-bank-account strong{\n        font-size:clamp(29px,9vw,42px);\n    }\n\n    .cqc-bank-copy-button{\n        width:100%;\n        margin-left:0;\n    }\n\n    .cqc-bank-info-grid{\n        grid-template-columns:1fr;\n    }\n\n    .cqc-bank-suggested{\n        grid-template-columns:auto 1fr;\n    }\n\n    .cqc-bank-suggested-message{\n        grid-column:1 \/ -1;\n        padding-left:57px;\n    }\n\n    .cqc-qr-card{\n        padding:24px 17px;\n    }\n\n    .cqc-qr-image{\n        max-width:250px;\n    }\n\n    .cqc-progress-card{\n        width:100%;\n        padding:28px 18px;\n        border-radius:23px;\n    }\n\n    .cqc-progress-header{\n        align-items:flex-start;\n        flex-direction:column;\n        gap:10px;\n    }\n\n    .cqc-progress-numbers{\n        flex-direction:column;\n        gap:15px;\n    }\n\n    .cqc-progress-track{\n        height:29px;\n    }\n\n    .cqc-progress-bottom{\n        align-items:flex-start;\n        flex-direction:column;\n    }\n\n    .cqc-progress-message{\n        width:100%;\n        justify-content:center;\n    }\n\n    .cqc-bank-heart,\n    .cqc-bank-plus{\n        opacity:.35;\n    }\n}\n\n@media(prefers-reduced-motion:reduce){\n\n    .cqc-bank-zone *,\n    .cqc-bank-zone *::before,\n    .cqc-bank-zone *::after{\n        animation-duration:.001ms !important;\n        animation-iteration-count:1 !important;\n    }\n}\n<\/style>\n\n<script>\n\nfunction cqcCopyBankData(text, button){\n    cqcCopyText(\n        text,\n        button,\n        \".cqc-copy-text\"\n    );\n}\n\nfunction cqcCopyKey(text, button){\n    cqcCopyText(\n        text,\n        button,\n        \".cqc-key-copy-text\"\n    );\n}\n\nfunction cqcCopyText(text, button, selector){\n\n    function success(){\n\n        const label =\n            button.querySelector(\n                selector\n            );\n\n        if(!label){\n            return;\n        }\n\n        const original =\n            label.textContent;\n\n        label.textContent =\n            \"COPIADO \u2713\";\n\n        setTimeout(function(){\n            label.textContent =\n                original;\n        },1800);\n    }\n\n    if(\n        navigator.clipboard &&\n        window.isSecureContext\n    ){\n\n        navigator.clipboard\n            .writeText(text)\n            .then(success);\n\n    }else{\n\n        const textarea =\n            document.createElement(\n                \"textarea\"\n            );\n\n        textarea.value = text;\n        textarea.style.position = \"fixed\";\n        textarea.style.opacity = \"0\";\n\n        document.body.appendChild(\n            textarea\n        );\n\n        textarea.focus();\n        textarea.select();\n\n        try{\n\n            document.execCommand(\n                \"copy\"\n            );\n\n            success();\n\n        }catch(error){\n\n            console.log(\n                \"No se pudo copiar\",\n                error\n            );\n        }\n\n        document.body.removeChild(\n            textarea\n        );\n    }\n}\n\n\n\/* =========================================================\n   ANIMACI\u00d3N BARRA DE PROGRESO\n   PROGRESO REAL: 31.7057%\n========================================================= *\/\n\ndocument.addEventListener(\n    \"DOMContentLoaded\",\n    function(){\n\n        const bar =\n            document.querySelector(\n                \".cqc-progress-fill\"\n            );\n\n        if(!bar){\n            return;\n        }\n\n        const progress =\n            parseFloat(\n                bar.dataset.progress\n            ) || 0;\n\n        function activateProgress(){\n            bar.style.width =\n                progress + \"%\";\n        }\n\n        if(\n            \"IntersectionObserver\"\n            in window\n        ){\n\n            const observer =\n                new IntersectionObserver(\n\n                    function(entries){\n\n                        entries.forEach(\n                            function(entry){\n\n                                if(\n                                    entry.isIntersecting\n                                ){\n\n                                    activateProgress();\n\n                                    observer.disconnect();\n                                }\n                            }\n                        );\n                    },\n\n                    {\n                        threshold:.3\n                    }\n                );\n\n            observer.observe(\n                bar\n            );\n\n        }else{\n\n            activateProgress();\n        }\n    }\n);\n\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>+ + \u2665 UNA INICIATIVA QUE NACE DE LA SOLIDARIDAD TERREMOTO \u00b7 10 DE AGOSTO DE 2026 \u2665 Hoy muchas familias necesitan volver a empezar. Tu<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/corazonesqueconstruyen.com\/index.php\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corazonesqueconstruyen.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/corazonesqueconstruyen.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/corazonesqueconstruyen.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/corazonesqueconstruyen.com\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":106,"href":"https:\/\/corazonesqueconstruyen.com\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/corazonesqueconstruyen.com\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/corazonesqueconstruyen.com\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}