.elementor-45 .elementor-element.elementor-element-4c5d0b3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:6px 0px 0px 0px;--border-top-width:6px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-600e0bb .elementor-repeater-item-e13e7a4 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://dngsustentablemx.org/wp-content/uploads/2025/12/carousel-slide-1.jpg);background-size:cover;}.elementor-45 .elementor-element.elementor-element-600e0bb .elementor-repeater-item-aa93492 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://dngsustentablemx.org/wp-content/uploads/2025/12/carousel-slide-1.jpg);background-size:cover;}.elementor-45 .elementor-element.elementor-element-600e0bb .swiper-slide{transition-duration:calc(5000ms*1.2);height:500px;}.elementor-45 .elementor-element.elementor-element-600e0bb .swiper-slide-contents{max-width:66%;}.elementor-45 .elementor-element.elementor-element-600e0bb .swiper-slide-inner{text-align:center;}.elementor-45 .elementor-element.elementor-element-600e0bb .swiper-pagination-bullet{height:13px;width:13px;}.elementor-45 .elementor-element.elementor-element-600e0bb .swiper-horizontal .swiper-pagination-progressbar{height:13px;}.elementor-45 .elementor-element.elementor-element-600e0bb .swiper-pagination-fraction{font-size:13px;}.elementor-45 .elementor-element.elementor-element-600e0bb .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:var( --e-global-color-e6d2cfa );opacity:var( --e-global-color-e6d2cfa );}.elementor-45 .elementor-element.elementor-element-600e0bb .swiper-pagination-bullet-active{background-color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-61604b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-61604b4:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-61604b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF4FF;}.elementor-45 .elementor-element.elementor-element-35b2e70{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:50px;--padding-bottom:140px;--padding-left:50px;--padding-right:50px;}.elementor-45 .elementor-element.elementor-element-35b2e70:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-35b2e70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://dngsustentablemx.org/wp-content/uploads/2025/12/fondo-decorativo.png");background-position:bottom center;background-repeat:no-repeat;background-size:100% auto;}.elementor-45 .elementor-element.elementor-element-fbd5a11 img{width:100%;max-width:240px;}.elementor-45 .elementor-element.elementor-element-1698bbd{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-e6d2cfa );}.elementor-45 .elementor-element.elementor-element-f1f1437 .elementor-button:hover, .elementor-45 .elementor-element.elementor-element-f1f1437 .elementor-button:focus{background-color:var( --e-global-color-e6d2cfa );color:var( --e-global-color-primary );border-color:var( --e-global-color-e6d2cfa );}.elementor-45 .elementor-element.elementor-element-f1f1437 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-45 .elementor-element.elementor-element-f1f1437 .elementor-button:hover svg, .elementor-45 .elementor-element.elementor-element-f1f1437 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-f1f1437 .elementor-button{border-style:solid;border-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;}.elementor-45 .elementor-element.elementor-element-2997a83{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:0px 0px 60px 60px;}.elementor-45 .elementor-element.elementor-element-2997a83:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-2997a83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF4FF;}.elementor-45 .elementor-element.elementor-element-fb9b623{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-63de5e9{text-align:center;}.elementor-45 .elementor-element.elementor-element-63de5e9 .elementor-heading-title{font-weight:800;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-be91670{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:6px;margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-45 .elementor-element.elementor-element-be91670 .elementor-divider-separator{width:40px;margin:0 auto;margin-center:0;}.elementor-45 .elementor-element.elementor-element-be91670 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-45 .elementor-element.elementor-element-bdaa9cf{text-align:center;}.elementor-45 .elementor-element.elementor-element-060bcde{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-e4b2f51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-45 .elementor-element.elementor-element-911b3de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;}.elementor-45 .elementor-element.elementor-element-334b092{text-align:center;}.elementor-45 .elementor-element.elementor-element-334b092 .elementor-heading-title{font-weight:800;color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-0172993 .elementor-button{background-color:var( --e-global-color-accent );}.elementor-45 .elementor-element.elementor-element-0172993 .elementor-button:hover, .elementor-45 .elementor-element.elementor-element-0172993 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-e6d2cfa );}.elementor-45 .elementor-element.elementor-element-0172993 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-45 .elementor-element.elementor-element-0172993 .elementor-button:hover svg, .elementor-45 .elementor-element.elementor-element-0172993 .elementor-button:focus svg{fill:var( --e-global-color-e6d2cfa );}.elementor-45 .elementor-element.elementor-element-f6aea62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-45 .elementor-element.elementor-element-ed3d76e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;}.elementor-45 .elementor-element.elementor-element-02c2048{text-align:center;}.elementor-45 .elementor-element.elementor-element-02c2048 .elementor-heading-title{font-weight:800;color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-0f0eb9d .elementor-button{background-color:var( --e-global-color-accent );}.elementor-45 .elementor-element.elementor-element-0f0eb9d .elementor-button:hover, .elementor-45 .elementor-element.elementor-element-0f0eb9d .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-e6d2cfa );}.elementor-45 .elementor-element.elementor-element-0f0eb9d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-45 .elementor-element.elementor-element-0f0eb9d .elementor-button:hover svg, .elementor-45 .elementor-element.elementor-element-0f0eb9d .elementor-button:focus svg{fill:var( --e-global-color-e6d2cfa );}.elementor-45 .elementor-element.elementor-element-e6a81ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-45 .elementor-element.elementor-element-a2b01bc{text-align:center;}.elementor-45 .elementor-element.elementor-element-a2b01bc .elementor-heading-title{font-weight:800;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-97012c2{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:6px;margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-45 .elementor-element.elementor-element-97012c2 .elementor-divider-separator{width:40px;margin:0 auto;margin-center:0;}.elementor-45 .elementor-element.elementor-element-97012c2 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-45 .elementor-element.elementor-element-1d33c9e{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-2d4d57c{text-align:center;}.elementor-45 .elementor-element.elementor-element-87b2e7f{border-radius:10px 10px 10px 10px;}.elementor-45 .elementor-element.elementor-element-87b2e7f .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-45 .elementor-element.elementor-element-ad9eb70{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-ad9eb70:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-ad9eb70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dngsustentablemx.org/wp-content/uploads/2025/12/cat_ayudar_donacion_deco.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-45 .elementor-element.elementor-element-934dae3{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:8%;}.elementor-45 .elementor-element.elementor-element-3dbc01a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-45 .elementor-element.elementor-element-3dbc01a .elementor-heading-title{font-weight:800;text-shadow:1px 0px 8px rgba(0, 0, 0, 0.57);color:var( --e-global-color-e6d2cfa );}.elementor-45 .elementor-element.elementor-element-e70c500{margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-45 .elementor-element.elementor-element-e70c500 .elementor-heading-title{font-weight:800;text-shadow:1px 0px 8px rgba(0, 0, 0, 0.57);color:var( --e-global-color-secondary );}.elementor-45 .elementor-element.elementor-element-b55df7d{text-align:center;color:var( --e-global-color-e6d2cfa );}.elementor-45 .elementor-element.elementor-element-3340e6a .elementor-button{background-color:var( --e-global-color-accent );border-radius:12px 12px 12px 12px;}.elementor-45 .elementor-element.elementor-element-3340e6a{margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-45 .elementor-element.elementor-element-3340e6a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-45 .elementor-element.elementor-element-3340e6a .elementor-button:hover, .elementor-45 .elementor-element.elementor-element-3340e6a .elementor-button:focus{color:var( --e-global-color-e6d2cfa );}.elementor-45 .elementor-element.elementor-element-3340e6a .elementor-button:hover svg, .elementor-45 .elementor-element.elementor-element-3340e6a .elementor-button:focus svg{fill:var( --e-global-color-e6d2cfa );}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-61604b4{--content-width:80%;}.elementor-45 .elementor-element.elementor-element-35b2e70{--content-width:100%;}.elementor-45 .elementor-element.elementor-element-fb9b623{--width:80%;}.elementor-45 .elementor-element.elementor-element-e4b2f51{--width:50%;}.elementor-45 .elementor-element.elementor-element-f6aea62{--width:50%;}.elementor-45 .elementor-element.elementor-element-1d33c9e{--content-width:80%;}.elementor-45 .elementor-element.elementor-element-934dae3{--width:40%;}}/* Start custom CSS for slides, class: .elementor-element-600e0bb *//* 1. Definimos un Grid de 2 columnas: Izquierda (texto) y Derecha (botón) */
.elementor-45 .elementor-element.elementor-element-600e0bb .swiper-slide-contents {
    display: grid !important;
    grid-template-columns: 1fr auto !important; /* El texto ocupa el resto, el botón su tamaño */
    grid-template-areas: 
        "header button"
        "description button";
    column-gap: 50px;
    align-items: center;
    text-align: left !important;
    width: 90% !important;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 40px !important;
}

/* 2. Asignamos cada elemento a su lugar en el Grid */
.elementor-45 .elementor-element.elementor-element-600e0bb .elementor-slide-heading {
    grid-area: header;
    border-left: 7px solid #396639; /* Barra amarilla */
    padding-left: 20px !important;
    margin: 0 !important;
    font-weight: 900 !important;
    color: #FFD100 !important;
    font-size: clamp(30px, 4vw, 30px) !important; /* Tamaño responsivo */
    text-transform: uppercase;
    line-height: 1.1;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.8) !important;
}

.elementor-45 .elementor-element.elementor-element-600e0bb .elementor-slide-description {
    grid-area: description;
    border-left: 7px solid #396639; /* Continuación barra amarilla */
    padding-left: 20px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 18px !important;
    padding-top: 5px !important;
}

.elementor-45 .elementor-element.elementor-element-600e0bb .elementor-slide-button {
    grid-area: button;
    justify-self: end; /* Empuja el botón a la derecha */
    background-color: #FFD100 !important;
    color: #0f233f !important;
    border-radius: 12px !important;
    padding: 15px 40px !important;
    font-weight: bold !important;
    white-space: nowrap; /* Evita que el botón se rompa en dos líneas */
    border-color: #FFD100 ;
        box-shadow: 1px 2px 8px rgba(0, 0, 0, .6);
}

/* 3. Ajuste para móvil (apilado vertical) */
@media (max-width: 767px) {
    .elementor-45 .elementor-element.elementor-element-600e0bb .swiper-slide-contents {
        grid-template-columns: 1fr !important;
        grid-template-areas: 
            "header"
            "description"
            "button" !important;
    }
    .elementor-45 .elementor-element.elementor-element-600e0bb .elementor-slide-button {
        justify-self: start;
        margin-top: 20px !important;
        margin-left: 25px; /* Para alinear con el texto tras el borde */
    }
}


.elementor-45 .elementor-element.elementor-element-600e0bb .swiper-slide-inner {
    align-items: end;
}/* End custom CSS */