.elementor-16120 .elementor-element.elementor-element-d6b99e7{--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;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:4px;--margin-right:0px;--padding-top:0px;--padding-bottom:9px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-16120 .elementor-element.elementor-element-d6b99e7::before, .elementor-16120 .elementor-element.elementor-element-d6b99e7 > .elementor-background-video-container::before, .elementor-16120 .elementor-element.elementor-element-d6b99e7 > .e-con-inner > .elementor-background-video-container::before, .elementor-16120 .elementor-element.elementor-element-d6b99e7 > .elementor-background-slideshow::before, .elementor-16120 .elementor-element.elementor-element-d6b99e7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16120 .elementor-element.elementor-element-d6b99e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.oxfamcolombia.org/wp-content/uploads/2021/05/About_core_02.jpg");--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-16120 .elementor-element.elementor-element-94a3c47 > .elementor-widget-container{background-color:var( --e-global-color-488b68c );margin:7px 0px 0px 0px;padding:11px 11px 11px 11px;}.elementor-16120 .elementor-element.elementor-element-94a3c47.elementor-element{--align-self:flex-start;}.elementor-16120 .elementor-element.elementor-element-94a3c47{text-align:start;}.elementor-16120 .elementor-element.elementor-element-94a3c47 .elementor-heading-title{font-family:var( --e-global-typography-855babb-font-family ), Sans-serif;font-size:var( --e-global-typography-855babb-font-size );color:#FFFFFF;}.elementor-16120 .elementor-element.elementor-element-79680f1{--swiper-slides-to-display:3;--swiper-slides-gap:0px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:21px;--arrow-normal-color:var( --e-global-color-3414513 );}.elementor-16120 .elementor-element.elementor-element-79680f1 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-98a1ee4 );border-style:solid;border-radius:4px 4px 4px 4px;padding:0px 0px 0px 0px;}.elementor-16120 .elementor-element.elementor-element-79680f1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16120 .elementor-element.elementor-element-79680f1.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-16120 .elementor-element.elementor-element-79680f1 .swiper-slide > .elementor-element{height:100%;}.elementor-16120 .elementor-element.elementor-element-2db97e0{--spacer-size:30px;}.elementor-16120 .elementor-element.elementor-element-787827f{--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;--margin-top:7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16120 .elementor-element.elementor-element-295fd50{--display:flex;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16120 .elementor-element.elementor-element-9ea1870 > .elementor-widget-container{background-color:var( --e-global-color-488b68c );margin:7px 0px 0px 0px;padding:11px 11px 11px 11px;}.elementor-16120 .elementor-element.elementor-element-9ea1870.elementor-element{--align-self:flex-start;}.elementor-16120 .elementor-element.elementor-element-9ea1870{text-align:start;}.elementor-16120 .elementor-element.elementor-element-9ea1870 .elementor-heading-title{font-family:var( --e-global-typography-09c493f-font-family ), Sans-serif;font-size:var( --e-global-typography-09c493f-font-size );color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-16120 .elementor-element.elementor-element-94a3c47 .elementor-heading-title{font-size:var( --e-global-typography-855babb-font-size );}.elementor-16120 .elementor-element.elementor-element-79680f1{--swiper-slides-to-display:2;}.elementor-16120 .elementor-element.elementor-element-9ea1870 .elementor-heading-title{font-size:var( --e-global-typography-09c493f-font-size );}}@media(max-width:880px){.elementor-16120 .elementor-element.elementor-element-79680f1{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-16120 .elementor-element.elementor-element-94a3c47 .elementor-heading-title{font-size:var( --e-global-typography-855babb-font-size );}.elementor-16120 .elementor-element.elementor-element-79680f1{--swiper-slides-to-display:1;}.elementor-16120 .elementor-element.elementor-element-787827f{--margin-top:8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16120 .elementor-element.elementor-element-9ea1870 .elementor-heading-title{font-size:var( --e-global-typography-09c493f-font-size );}}@media(min-width:768px){.elementor-16120 .elementor-element.elementor-element-d6b99e7{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-62db60d *//* =========================================================
   OXFAM COLOMBIA
   BANNER RESPUESTA HUMANITARIA
   HOME 2026
   VERSIÓN COMPACTA RESPONSIVE
   ========================================================= */


/* =========================================================
   VARIABLES
   ========================================================= */

.oxfam-emergency-banner {

    --ox-green: #44841A;
    --ox-green-dark: #346C16;
    --ox-green-deep: #285411;

    --ox-lime: #BECE45;

    --ox-red-dark: #A20011;
    --ox-red: #D90B20;
    --ox-red-bright: #FF1D34;

    --ox-white: #FFFFFF;

    position: relative;

    width: 100%;

    margin: 0;

    overflow: hidden;

    background: #FFFFFF;

    box-shadow:
        0 5px 16px
        rgba(0,0,0,.08);

    z-index: 2;
}


/* =========================================================
   RESET
   ========================================================= */

.oxfam-emergency-banner,
.oxfam-emergency-banner *,
.oxfam-emergency-banner *::before,
.oxfam-emergency-banner *::after {

    box-sizing: border-box;
}


/* =========================================================
   TICKER
   ========================================================= */

.oxfam-emergency-banner__ticker {

    position: relative;

    width: 100%;

    height: 24px;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            #A20011 0%,
            #D90B20 45%,
            #FF1D34 100%
        );
}


/* TRACK */

.oxfam-emergency-banner__ticker-track {

    display: flex;

    width: max-content;

    min-width: 200%;

    height: 100%;

    animation:
        oxfamEmergencyTicker
        30s
        linear
        infinite;

    will-change: transform;
}


/* GRUPOS */

.oxfam-emergency-banner__ticker-group {

    display: flex;

    align-items: center;

    flex-shrink: 0;

    gap: 13px;

    height: 24px;

    padding:
        0
        18px;

    white-space: nowrap;

    color: #FFFFFF;

    font-family:
        "T-Star Pro",
        "Roboto",
        Arial,
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .045em;

    text-transform: uppercase;
}


/* PUNTO */

.oxfam-emergency-banner__ticker-dot {

    color: #FFFFFF;

    opacity: .85;

    font-size: 11px;
}


/* =========================================================
   CUERPO
   ========================================================= */

.oxfam-emergency-banner__body {

    width: 100%;

    min-height: 82px;

    display: grid;

    grid-template-columns:
        minmax(180px, 1.15fr)
        minmax(150px, .88fr)
        minmax(180px, 1.15fr)
        minmax(125px, .78fr)
        minmax(380px, 1.8fr);

    align-items: stretch;
}


/* =========================================================
   FOTOGRAFÍAS
   ========================================================= */

.oxfam-emergency-banner__photo {

    position: relative;

    min-width: 0;

    height: 82px;

    overflow: hidden;

    background: #DDD;
}


/* IMAGEN */

.oxfam-emergency-banner__photo img {

    display: block;

    width: 100%;
    height: 100%;

    max-width: none;

    object-fit: cover;

    transform: scale(1.01);

    transition:
        transform
        .6s
        ease;
}


/* BUENAVENTURA */

.oxfam-emergency-banner__photo--buenaventura img {

    object-position:
        50%
        52%;
}


/* CHOCÓ */

.oxfam-emergency-banner__photo--choco img {

    object-position:
        50%
        53%;
}


/* PEQUEÑO ZOOM */

.oxfam-emergency-banner:hover
.oxfam-emergency-banner__photo img {

    transform:
        scale(1.035);
}


/* SOMBRA FOTO */

.oxfam-emergency-banner__photo-shade {

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.08),
            rgba(0,0,0,0)
        );
}


/* =========================================================
   LUGARES
   ========================================================= */

.oxfam-emergency-banner__place {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 3px;

    height: 82px;

    padding:
        6px
        10px;

    overflow: hidden;

    text-align: center;

    color: #FFFFFF;

    isolation: isolate;
}


/* FONDO */

.oxfam-emergency-banner__place::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -2;

    background:
        linear-gradient(
            135deg,
            #CB0C20 0%,
            #FF1D34 100%
        );
}


/* DETALLE GRÁFICO */

.oxfam-emergency-banner__place::after {

    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    right: -50px;
    bottom: -65px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.06);

    z-index: -1;
}


/* =========================================================
   PIN
   ========================================================= */

.oxfam-emergency-banner__pin {

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 1;
}


.oxfam-emergency-banner__pin svg {

    display: block;

    width: 22px;
    height: 22px;

    fill: #FFFFFF;

    filter:
        drop-shadow(
            0 2px 3px
            rgba(0,0,0,.16)
        );

    animation:
        oxfamPinPulse
        3s
        ease-in-out
        infinite;
}


/* =========================================================
   BUENAVENTURA / CHOCÓ
   TITULARES OXFAM
   ========================================================= */

.oxfam-emergency-banner__place-name {

    display: block;

    color: #FFFFFF;

    font-family:
        "Titulares OXFAM",
        Arial Black,
        Arial,
        sans-serif !important;

    font-size:
        clamp(17px, 1.25vw, 25px);

    font-weight: 700;

    line-height: .95;

    letter-spacing: .025em;

    text-transform: uppercase;

    animation:
        oxfamPlaceBreath
        3.5s
        ease-in-out
        infinite;
}


/* =========================================================
   CTA VERDE
   ========================================================= */

.oxfam-emergency-banner__cta {

    position: relative;

    min-width: 0;

    height: 82px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 18px;

    padding:
        10px
        22px;

    overflow: hidden;

    isolation: isolate;

    background:
        linear-gradient(
            90deg,
            #3C791B 0%,
            #44841A 58%,
            #397418 100%
        );
}


/* FONDO GRÁFICO */

.oxfam-emergency-banner__cta-background {

    position: absolute;

    inset: 0;

    z-index: -1;

    opacity: 1;

    background:

        radial-gradient(
            circle at 90% 0%,
            rgba(190,206,69,.15),
            transparent 40%
        ),

        linear-gradient(
            120deg,
            rgba(255,255,255,.035),
            transparent 35%
        );
}


/* =========================================================
   TEXTO CTA
   T-STAR
   ========================================================= */

.oxfam-emergency-banner__cta-copy {

    min-width: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 3px;

    font-family:
        "T-Star Pro",
        "Roboto",
        Arial,
        sans-serif;
}


/* KICKER */

.oxfam-emergency-banner__cta-kicker {

    color:
        rgba(255,255,255,.82);

    font-family:
        "T-Star Pro",
        "Roboto",
        Arial,
        sans-serif;

    font-size: 9px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .065em;

    text-transform: uppercase;
}


/* TITULAR */

.oxfam-emergency-banner__cta-title {

    display: block;

    max-width: 28ch;

    margin: 0;

    color: #FFFFFF;

    font-family:
        "T-Star Pro",
        "Roboto",
        Arial,
        sans-serif;

    font-size:
        clamp(14px, 1vw, 19px);

    font-weight: 600;

    line-height: 1.13;
}


/* =========================================================
   BOTÓN
   ========================================================= */

.oxfam-emergency-banner__button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-height: 38px;

    padding:
        10px
        19px;

    border-radius:
        999px;

    background:
        #FFFFFF;

    color:
        var(--ox-green);

    font-family:
        "T-Star Pro",
        "Roboto",
        Arial,
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .025em;

    text-decoration: none;

    white-space: nowrap;

    box-shadow:
        0 5px 14px
        rgba(0,0,0,.12);

    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease;
}


/* HOVER */

.oxfam-emergency-banner__button:hover {

    background:
        var(--ox-lime);

    color:
        #285411;

    transform:
        translateY(-1px);

    box-shadow:
        0 8px 18px
        rgba(0,0,0,.16);
}


/* FLECHA */

.oxfam-emergency-banner__button-arrow {

    display: inline-block;

    font-size: 16px;

    transition:
        transform .22s ease;
}


.oxfam-emergency-banner__button:hover
.oxfam-emergency-banner__button-arrow {

    transform:
        translateX(3px);
}


/* =========================================================
   ANIMACIONES
   ========================================================= */

@keyframes oxfamEmergencyTicker {

    0% {
        transform:
            translateX(0);
    }

    100% {
        transform:
            translateX(-50%);
    }

}


/* Movimiento apenas perceptible */

@keyframes oxfamPlaceBreath {

    0%,
    100% {
        transform:
            scale(1);
    }

    50% {
        transform:
            scale(.975);
    }

}


/* PIN */

@keyframes oxfamPinPulse {

    0%,
    100% {
        transform:
            translateY(0)
            scale(1);
    }

    50% {
        transform:
            translateY(-1px)
            scale(.95);
    }

}


/* =========================================================
   TABLET GRANDE
   ========================================================= */

@media (max-width: 1180px) {

    .oxfam-emergency-banner__body {

        grid-template-columns:
            minmax(150px, 1fr)
            minmax(130px, .8fr)
            minmax(150px, 1fr)
            minmax(105px, .7fr)
            minmax(300px, 1.4fr);
    }


    .oxfam-emergency-banner__place-name {

        font-size:
            clamp(15px, 1.35vw, 20px);
    }


    .oxfam-emergency-banner__cta {

        gap: 12px;

        padding:
            9px
            16px;
    }


    .oxfam-emergency-banner__cta-title {

        font-size:
            14px;
    }


    .oxfam-emergency-banner__button {

        padding:
            9px
            15px;

        font-size:
            11px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    /* ticker */

    .oxfam-emergency-banner__ticker {

        height: 22px;
    }


    .oxfam-emergency-banner__ticker-group {

        height: 22px;

        padding:
            0
            12px;

        gap: 10px;

        font-size: 9px;
    }


    /* Dos filas */

    .oxfam-emergency-banner__body {

        grid-template-columns:
            minmax(0, 1fr)
            125px
            minmax(0, 1fr)
            100px;

        grid-template-rows:
            68px
            54px;

        min-height: 122px;
    }


    /* fotos */

    .oxfam-emergency-banner__photo {

        height: 68px;
    }


    /* lugares */

    .oxfam-emergency-banner__place {

        height: 68px;
    }


    .oxfam-emergency-banner__pin svg {

        width: 19px;
        height: 19px;
    }


    .oxfam-emergency-banner__place-name {

        font-size: 15px;
    }


    /* CTA ocupa segunda fila */

    .oxfam-emergency-banner__cta {

        grid-column:
            1 / -1;

        height: 54px;

        min-height: 54px;

        grid-template-columns:
            1fr
            auto;

        padding:
            7px
            20px;

        gap: 14px;
    }


    .oxfam-emergency-banner__cta-copy {

        flex-direction: row;

        align-items: center;

        gap: 10px;
    }


    .oxfam-emergency-banner__cta-kicker {

        flex-shrink: 0;

        font-size: 9px;
    }


    .oxfam-emergency-banner__cta-title {

        max-width: none;

        font-size: 13px;
    }


    .oxfam-emergency-banner__button {

        min-height: 34px;

        padding:
            9px
            15px;

        font-size: 11px;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .oxfam-emergency-banner {

        box-shadow:
            0 4px 12px
            rgba(0,0,0,.08);
    }


    /* TICKER */

    .oxfam-emergency-banner__ticker {

        height: 21px;
    }


    .oxfam-emergency-banner__ticker-track {

        animation-duration:
            25s;
    }


    .oxfam-emergency-banner__ticker-group {

        height: 21px;

        font-size: 8.5px;

        letter-spacing: .035em;
    }


    /* Primera fila */

    .oxfam-emergency-banner__body {

        grid-template-columns:
            minmax(0, 1fr)
            91px
            minmax(0, 1fr)
            72px;

        grid-template-rows:
            62px
            58px;

        min-height: 120px;
    }


    /* Fotos */

    .oxfam-emergency-banner__photo {

        height: 62px;
    }


    .oxfam-emergency-banner__photo--buenaventura img {

        object-position:
            48%
            52%;
    }


    .oxfam-emergency-banner__photo--choco img {

        object-position:
            52%
            52%;
    }


    /* Lugares */

    .oxfam-emergency-banner__place {

        height: 62px;

        padding:
            4px;
    }


    .oxfam-emergency-banner__pin svg {

        width: 17px;
        height: 17px;
    }


    .oxfam-emergency-banner__place-name {

        font-size: 11px;

        line-height: 1;
    }


    /* CTA */

    .oxfam-emergency-banner__cta {

        height: 58px;

        min-height: 58px;

        padding:
            7px
            12px;

        gap: 8px;
    }


    .oxfam-emergency-banner__cta-copy {

        flex-direction: column;

        align-items: flex-start;

        gap: 2px;
    }


    .oxfam-emergency-banner__cta-kicker {

        font-size: 8px;
    }


    .oxfam-emergency-banner__cta-title {

        max-width: 27ch;

        font-size: 12px;

        line-height: 1.1;
    }


    .oxfam-emergency-banner__button {

        min-height: 34px;

        padding:
            8px
            13px;

        font-size: 10px;
    }


    .oxfam-emergency-banner__button-arrow {

        font-size: 14px;
    }

}


/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 480px) {

    .oxfam-emergency-banner__body {

        grid-template-columns:
            minmax(0, 1fr)
            78px
            minmax(0, 1fr)
            62px;

        grid-template-rows:
            58px
            56px;

        min-height: 114px;
    }


    .oxfam-emergency-banner__photo,
    .oxfam-emergency-banner__place {

        height: 58px;
    }


    .oxfam-emergency-banner__place-name {

        font-size: 9.5px;
    }


    .oxfam-emergency-banner__pin svg {

        width: 15px;
        height: 15px;
    }


    .oxfam-emergency-banner__cta {

        height: 56px;

        min-height: 56px;

        padding:
            6px
            10px;
    }


    .oxfam-emergency-banner__cta-kicker {

        font-size: 7.5px;
    }


    .oxfam-emergency-banner__cta-title {

        font-size: 11px;
    }


    .oxfam-emergency-banner__button {

        padding:
            8px
            11px;

        font-size: 9px;
    }

}


/* =========================================================
   ACCESIBILIDAD
   REDUCIR MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .oxfam-emergency-banner__ticker-track,

    .oxfam-emergency-banner__place-name,

    .oxfam-emergency-banner__pin svg {

        animation: none !important;
    }


    .oxfam-emergency-banner__photo img,

    .oxfam-emergency-banner__button,

    .oxfam-emergency-banner__button-arrow {

        transition: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-61530f6 *//* =========================================================
   OXFAM COLOMBIA
   HOME HERO SLIDER 2026
   VERSIÓN CONSOLIDADA
   + SLIDE DE EMERGENCIA
   + NAVEGACIÓN CORREGIDA
   ========================================================= */


/* =========================================================
   01. VARIABLES Y CONTENEDOR
   ========================================================= */

.oxfam-home-slider {

    --ox-green: #44841A;
    --ox-green-dark: #255D18;

    --ox-lime: #BECE45;
    --ox-pink: #E43989;

    --ox-emergency-red: #FF1D34;
    --ox-emergency-dark: #A20011;

    --ox-yellow: #F7D500;
    --ox-white: #FFFFFF;

    position: relative;

    width: 100%;
    height: clamp(520px, 38vw, 720px);

    margin: 0;
    padding: 0;

    overflow: hidden;

    background: var(--ox-green-dark);

    font-family:
        "T-Star Pro",
        "T-StarPro",
        "Roboto",
        Arial,
        sans-serif;
}


.oxfam-home-slider *,
.oxfam-home-slider *::before,
.oxfam-home-slider *::after {

    box-sizing: border-box;
}


/* =========================================================
   02. VIEWPORT
   ========================================================= */

.oxfam-home-slider__viewport,
.oxfam-home-slider__track {

    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   03. SLIDES / FADE
   ========================================================= */

.oxfam-home-slide {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    z-index: 1;

    transform: scale(1.012);

    transition:
        opacity 900ms ease,
        transform 1800ms ease,
        visibility 0s linear 900ms;
}


.oxfam-home-slide.is-active {

    opacity: 1;
    visibility: visible;

    pointer-events: auto;

    z-index: 2;

    transform: scale(1);

    transition:
        opacity 900ms ease,
        transform 6000ms ease,
        visibility 0s linear 0s;
}


/* =========================================================
   04. LINK DEL SLIDE
   ========================================================= */

.oxfam-home-slide__link {

    position: relative;

    display: block;

    width: 100%;
    height: 100%;

    overflow: hidden;

    color: #FFFFFF !important;

    text-decoration: none !important;
}


.oxfam-home-slide__link:hover,
.oxfam-home-slide__link:focus,
.oxfam-home-slide__link:visited {

    color: #FFFFFF !important;

    text-decoration: none !important;
}


/* =========================================================
   05. FOTOGRAFÍAS DE PROYECTOS
   ========================================================= */

.oxfam-home-slide__image {

    position: absolute;

    inset: 0;

    display: block;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover;

    transform: scale(1.01);

    transition:
        transform 8s ease;
}


.oxfam-home-slide.is-active
.oxfam-home-slide__image {

    transform: scale(1.045);
}


/* Voz y liderazgo */

.oxfam-home-slide--vlm
.oxfam-home-slide__image {

    object-position: 42% center;
}


/* Caminos de Paz */

.oxfam-home-slide--caminos
.oxfam-home-slide__image {

    object-position: 38% center;
}


/* =========================================================
   06. OVERLAY PROYECTOS
   ========================================================= */

.oxfam-home-slide__overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(9,48,25,.03) 0%,
            rgba(9,48,25,.06) 42%,
            rgba(9,48,25,.33) 67%,
            rgba(9,48,25,.76) 100%
        );
}


/* =========================================================
   07. CONTENIDO PROYECTOS
   ========================================================= */

.oxfam-home-slide__content {

    position: absolute;

    z-index: 3;

    top: 50%;

    right: clamp(70px, 7vw, 145px);

    width: min(31vw, 520px);

    transform: translateY(-50%);

    color: #FFFFFF;
}


.oxfam-home-slide__content > * {

    opacity: 0;

    transform: translateY(15px);

    transition:
        opacity 650ms ease,
        transform 650ms ease;
}


.oxfam-home-slide.is-active
.oxfam-home-slide__content > * {

    opacity: 1;

    transform: translateY(0);
}


.oxfam-home-slide.is-active
.oxfam-home-slide__title {

    transition-delay: 180ms;
}


.oxfam-home-slide.is-active
.oxfam-home-slide__cta {

    transition-delay: 290ms;
}


/* =========================================================
   08. TÍTULOS PROYECTOS
   ========================================================= */

.oxfam-home-slide__title {

    margin: 0 0 26px !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-family:
        "Titulares OXFAM",
        "Arial Black",
        Arial,
        sans-serif !important;

    font-size:
        clamp(40px, 3.7vw, 70px);

    font-weight: 700;

    line-height: .93;

    letter-spacing: -.025em;

    text-transform: uppercase;

    text-shadow:
        0 3px 18px
        rgba(0,0,0,.22);
}


.oxfam-home-slide__title span {

    display: block;

    margin-top: 6px;

    color: var(--ox-lime) !important;
}


.oxfam-home-slide--vlm
.oxfam-home-slide__title {

    font-size:
        clamp(35px, 3.15vw, 60px);
}


/* =========================================================
   09. CTA PROYECTOS
   ========================================================= */

.oxfam-home-slide__cta {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    width: fit-content;

    min-height: 50px;

    padding: 12px 22px;

    border-radius: 999px;

    background: var(--ox-pink);

    color: #FFFFFF !important;

    box-shadow:
        0 10px 26px
        rgba(228,57,137,.28);

    font-family:
        "Titulares OXFAM",
        Arial,
        sans-serif;

    font-size: 13px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .025em;

    text-transform: uppercase;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


.oxfam-home-slide__cta svg {

    width: 18px;
    height: 18px;

    fill: none;

    stroke: #FFFFFF;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.oxfam-home-slide__link:hover
.oxfam-home-slide__cta {

    transform: translateX(4px);

    background: #C82873;

    box-shadow:
        0 14px 32px
        rgba(228,57,137,.34);
}


/* =========================================================
   10. SLIDE DE EMERGENCIA
   ========================================================= */


/* Fotografías */

.oxfam-emergency-slide__visual {

    position: absolute;

    inset: 0;

    display: grid;

    grid-template-columns:
        50% 50%;

    width: 100%;
    height: 100%;
}


.oxfam-emergency-slide__photo {

    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;

    overflow: hidden;

    background: #222222;
}


.oxfam-emergency-slide__photo img {

    display: block;

    width: 100%;
    height: 100%;

    max-width: none;

    object-fit: cover;

    transform: scale(1.015);

    transition:
        transform 7s ease;
}


.oxfam-home-slide--emergency.is-active
.oxfam-emergency-slide__photo img {

    transform: scale(1.055);
}


.oxfam-emergency-slide__photo--buenaventura img {

    object-position: 50% center;
}


.oxfam-emergency-slide__photo--choco img {

    object-position: 52% center;
}


/* =========================================================
   11. CRÉDITOS FOTOGRÁFICOS
   ========================================================= */

.oxfam-emergency-slide__photo figcaption {

    position: absolute;

    z-index: 4;

    bottom: 13px;
    left: 16px;

    margin: 0;

    color:
        rgba(255,255,255,.88);

    font-family:
        "T-Star Pro",
        "Roboto",
        Arial,
        sans-serif;

    font-size: 9px;

    font-weight: 500;

    line-height: 1;

    letter-spacing: .025em;

    text-transform: uppercase;

    text-shadow:
        0 2px 5px
        rgba(0,0,0,.65);
}


/* =========================================================
   12. SOMBREADO EMERGENCIA
   ========================================================= */

.oxfam-emergency-slide__overlay {

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(20,25,19,.03) 0%,
            rgba(20,25,19,.04) 31%,
            rgba(22,28,20,.28) 48%,
            rgba(17,24,18,.78) 67%,
            rgba(12,18,13,.97) 100%
        );
}


.oxfam-emergency-slide__overlay::after {

    content: "";

    position: absolute;

    right: 0;
    bottom: 0;
    left: 0;

    height: 22%;

    background:
        linear-gradient(
            0deg,
            rgba(0,0,0,.42),
            transparent
        );
}


/* =========================================================
   13. TEXTO EMERGENCIA
   ========================================================= */

.oxfam-emergency-slide__content {

    position: absolute;

    z-index: 5;

    top: 50%;

    right:
        clamp(58px, 6.5vw, 130px);

    width:
        min(30vw, 500px);

    transform:
        translateY(-50%);

    color: #FFFFFF;
}


.oxfam-emergency-slide__content > * {

    opacity: 0;

    transform:
        translateY(16px);

    transition:
        opacity 650ms ease,
        transform 650ms ease;
}


.oxfam-home-slide--emergency.is-active
.oxfam-emergency-slide__content > * {

    opacity: 1;

    transform: translateY(0);
}


.oxfam-home-slide--emergency.is-active
.oxfam-emergency-slide__title {

    transition-delay: 170ms;
}


.oxfam-home-slide--emergency.is-active
.oxfam-emergency-slide__description {

    transition-delay: 260ms;
}


.oxfam-home-slide--emergency.is-active
.oxfam-emergency-slide__cta {

    transition-delay: 350ms;
}


.oxfam-home-slide--emergency.is-active
.oxfam-emergency-slide__closing {

    transition-delay: 430ms;
}


/* =========================================================
   14. TÍTULO EMERGENCIA
   ========================================================= */

.oxfam-emergency-slide__title {

    margin:
        0
        0
        20px;

    padding: 0;

    color: #FFFFFF;

    font-family:
        "Titulares OXFAM",
        "Arial Black",
        Arial,
        sans-serif;

    font-size:
        clamp(39px, 3.5vw, 68px);

    font-weight: 700;

    line-height: .94;

    letter-spacing: -.02em;

    text-transform: uppercase;

    text-shadow:
        0 3px 15px
        rgba(0,0,0,.25);
}


.oxfam-emergency-slide__title span {

    display: block;

    margin-top: 3px;

    color:
        var(--ox-emergency-red);
}


/* =========================================================
   15. DESCRIPCIÓN EMERGENCIA
   ========================================================= */

.oxfam-emergency-slide__description {

    margin:
        0
        0
        20px;

    color:
        rgba(255,255,255,.94);

    font-family:
        "T-Star Pro",
        "T-StarPro",
        "Roboto",
        Arial,
        sans-serif;

    font-size:
        clamp(15px, 1.25vw, 20px);

    font-weight: 400;

    line-height: 1.35;

    text-transform: uppercase;
}


.oxfam-emergency-slide__description strong {

    color: #FFFFFF;

    font-weight: 700;
}


/* =========================================================
   16. CTA EMERGENCIA
   ========================================================= */

.oxfam-emergency-slide__cta {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 11px;

    min-height: 54px;

    padding:
        13px
        25px;

    border-radius: 10px;

    background:
        var(--ox-emergency-red);

    color: #FFFFFF;

    box-shadow:
        0 12px 28px
        rgba(162,0,17,.28);

    font-family:
        "Titulares OXFAM",
        Arial,
        sans-serif;

    font-size: 18px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .025em;

    text-transform: uppercase;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


.oxfam-emergency-slide__cta svg {

    width: 20px;
    height: 20px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.oxfam-emergency-slide:hover
.oxfam-emergency-slide__cta {

    transform:
        translateX(4px);

    background:
        var(--ox-emergency-dark);

    box-shadow:
        0 16px 35px
        rgba(162,0,17,.36);
}


/* =========================================================
   17. CIERRE EMERGENCIA
   ========================================================= */

.oxfam-emergency-slide__closing {

    margin:
        16px
        0
        0;

    color:
        rgba(255,255,255,.82);

    font-family:
        "T-Star Pro",
        "T-StarPro",
        "Roboto",
        Arial,
        sans-serif;

    font-size: 14px;

    font-weight: 500;

    line-height: 1.3;

    letter-spacing: .02em;

    text-transform: uppercase;
}


/* =========================================================
   18. RESET FUERTE PARA BOTONES DEL SLIDER
   EVITA ESTILOS GLOBALES DE ELEMENTOR
   ========================================================= */

.oxfam-home-slider
button.oxfam-home-slider__arrow,

.oxfam-home-slider
button.oxfam-home-slider__dot {

    appearance: none !important;
    -webkit-appearance: none !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    text-indent: 0 !important;

    box-shadow: none !important;

    background-image: none !important;

    outline-offset: 4px;
}


/* =========================================================
   19. FLECHAS
   SOLO CHEVRÓN AMARILLO
   SIN CÍRCULO NI FONDO
   ========================================================= */

.oxfam-home-slider
button.oxfam-home-slider__arrow {

    position: absolute !important;

    top: 50% !important;

    z-index: 30 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    height: 64px !important;

    min-width: 40px !important;
    min-height: 64px !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: var(--ox-yellow) !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transform:
        translateY(-50%) !important;

    transition:
        transform 180ms ease,
        opacity 180ms ease,
        color 180ms ease !important;
}


/* elimina pseudo-elementos del tema */

.oxfam-home-slider
button.oxfam-home-slider__arrow::before,

.oxfam-home-slider
button.oxfam-home-slider__arrow::after {

    content: none !important;

    display: none !important;
}


/* SVG */

.oxfam-home-slider
button.oxfam-home-slider__arrow svg {

    display: block !important;

    width: 28px !important;
    height: 28px !important;

    min-width: 28px !important;
    min-height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    fill: none !important;

    stroke: currentColor !important;

    stroke-width: 2.8 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    pointer-events: none;
}


/* hover */

.oxfam-home-slider
button.oxfam-home-slider__arrow:hover {

    background: transparent !important;
    background-color: transparent !important;

    color: var(--ox-lime) !important;

    box-shadow: none !important;

    transform:
        translateY(-50%)
        scale(1.16) !important;
}


/* focus teclado */

.oxfam-home-slider
button.oxfam-home-slider__arrow:focus-visible {

    outline:
        2px solid
        rgba(255,255,255,.9) !important;

    background:
        transparent !important;
}


/* posiciones */

.oxfam-home-slider
button.oxfam-home-slider__arrow--prev {

    left: 26px !important;
}


.oxfam-home-slider
button.oxfam-home-slider__arrow--next {

    right: 72px !important;
}


/* =========================================================
   20. CONTENEDOR DE PUNTOS
   ========================================================= */

.oxfam-home-slider__dots {

    position: absolute !important;

    z-index: 30 !important;

    left: 50% !important;
    bottom: 20px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    width: auto !important;
    height: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    box-shadow: none !important;

    transform:
        translateX(-50%) !important;
}


/* =========================================================
   21. PUNTOS
   CÍRCULOS REALES, NO CÁPSULAS
   ========================================================= */

.oxfam-home-slider
button.oxfam-home-slider__dot {

    display: block !important;

    flex:
        0 0 9px !important;

    width: 9px !important;
    height: 9px !important;

    min-width: 9px !important;
    min-height: 9px !important;

    max-width: 9px !important;
    max-height: 9px !important;

    aspect-ratio: 1 / 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    border-radius: 50% !important;

    background:
        rgba(255,255,255,.82) !important;

    background-color:
        rgba(255,255,255,.82) !important;

    background-image:
        none !important;

    box-shadow:
        0 1px 5px
        rgba(0,0,0,.18) !important;

    cursor: pointer !important;

    overflow: hidden;

    transform: none !important;

    transition:
        transform 180ms ease,
        background-color 180ms ease,
        opacity 180ms ease !important;
}


/* elimina cualquier decoración global */

.oxfam-home-slider
button.oxfam-home-slider__dot::before,

.oxfam-home-slider
button.oxfam-home-slider__dot::after {

    content: none !important;

    display: none !important;
}


/* activo */

.oxfam-home-slider
button.oxfam-home-slider__dot.is-active {

    width: 10px !important;
    height: 10px !important;

    min-width: 10px !important;
    min-height: 10px !important;

    max-width: 10px !important;
    max-height: 10px !important;

    flex:
        0 0 10px !important;

    background:
        var(--ox-pink) !important;

    background-color:
        var(--ox-pink) !important;

    border-radius:
        50% !important;

    transform:
        scale(1.1) !important;

    box-shadow:
        0 0 0 3px
        rgba(255,255,255,.13) !important;
}


/* hover */

.oxfam-home-slider
button.oxfam-home-slider__dot:hover {

    background:
        var(--ox-lime) !important;

    background-color:
        var(--ox-lime) !important;

    transform:
        scale(1.18) !important;
}


/* focus */

.oxfam-home-slider
button.oxfam-home-slider__dot:focus-visible {

    outline:
        2px solid
        #FFFFFF !important;

    outline-offset:
        4px !important;
}


/* =========================================================
   22. ESCRITORIO MEDIANO
   ========================================================= */

@media
(max-width: 1366px)
and
(min-width: 1025px) {

    .oxfam-home-slider {

        height: 580px;
    }


    .oxfam-home-slide__content {

        right: 92px;

        width:
            min(34vw,470px);
    }


    .oxfam-home-slide__title {

        font-size:
            clamp(37px,3.5vw,58px);
    }


    .oxfam-home-slide--vlm
    .oxfam-home-slide__title {

        font-size:
            clamp(32px,3vw,50px);
    }


    .oxfam-emergency-slide__content {

        right: 90px;

        width:
            min(33vw,470px);
    }


    .oxfam-emergency-slide__title {

        font-size:
            clamp(37px,3.4vw,56px);
    }

}


/* =========================================================
   23. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .oxfam-home-slider {

        height:
            clamp(500px,64vw,620px);
    }


    /* proyectos */

    .oxfam-home-slide__content {

        top: auto;

        right: 52px;
        bottom: 64px;
        left: 52px;

        width: auto;

        max-width: 540px;

        transform: none;
    }


    .oxfam-home-slide__overlay {

        background:
            linear-gradient(
                180deg,
                rgba(9,48,25,.03) 10%,
                rgba(9,48,25,.16) 43%,
                rgba(9,48,25,.90) 100%
            );
    }


    .oxfam-home-slide__title,
    .oxfam-home-slide--vlm
    .oxfam-home-slide__title {

        font-size:
            clamp(38px,6vw,58px);
    }


    /* emergencia */

    .oxfam-emergency-slide__overlay {

        background:
            linear-gradient(
                180deg,
                rgba(15,20,16,.06) 0%,
                rgba(15,20,16,.24) 42%,
                rgba(12,17,13,.92) 100%
            );
    }


    .oxfam-emergency-slide__content {

        top: auto;

        right: 58px;
        bottom: 61px;
        left: 58px;

        width: auto;

        max-width: 540px;

        transform: none;
    }


    .oxfam-emergency-slide__title {

        max-width: 520px;

        font-size:
            clamp(39px,6vw,60px);
    }


    .oxfam-emergency-slide__description br {

        display: none;
    }


    /* flechas */

    .oxfam-home-slider
    button.oxfam-home-slider__arrow--prev {

        left: 12px !important;
    }


    .oxfam-home-slider
    button.oxfam-home-slider__arrow--next {

        right: 12px !important;
    }


    .oxfam-home-slider
    button.oxfam-home-slider__arrow svg {

        width: 25px !important;
        height: 25px !important;

        min-width: 25px !important;
        min-height: 25px !important;
    }

}


/* =========================================================
   24. MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .oxfam-home-slider {

        height:
            min(138vw,650px);

        min-height: 530px;
    }


    /* proyectos */

    .oxfam-home-slide__image,
    .oxfam-home-slide.is-active
    .oxfam-home-slide__image {

        transform: none;
    }


    .oxfam-home-slide--vlm
    .oxfam-home-slide__image {

        object-position:
            18% center;
    }


    .oxfam-home-slide--caminos
    .oxfam-home-slide__image {

        object-position:
            15% center;
    }


    .oxfam-home-slide__overlay {

        background:
            linear-gradient(
                180deg,
                rgba(8,45,23,.08) 0%,
                rgba(8,45,23,.22) 34%,
                rgba(8,45,23,.70) 68%,
                rgba(8,45,23,.94) 100%
            );
    }


    .oxfam-home-slide__content {

        right: 22px;
        bottom: 58px;
        left: 22px;

        max-width: 360px;
    }


    .oxfam-home-slide__title,
    .oxfam-home-slide--vlm
    .oxfam-home-slide__title {

        max-width: 330px;

        margin-bottom:
            17px !important;

        font-size:
            clamp(29px,8.8vw,40px);

        line-height: .94;
    }


    .oxfam-home-slide__cta {

        min-height: 42px;

        padding:
            9px 15px;

        font-size:
            10.5px;
    }


    /* emergencia */

    .oxfam-emergency-slide__visual {

        height: 47%;

        grid-template-columns:
            50% 50%;
    }


    .oxfam-emergency-slide__photo {

        height: 100%;
    }


    .oxfam-emergency-slide__photo img,
    .oxfam-home-slide--emergency.is-active
    .oxfam-emergency-slide__photo img {

        transform: none;
    }


    .oxfam-emergency-slide__photo--buenaventura img {

        object-position:
            48% center;
    }


    .oxfam-emergency-slide__photo--choco img {

        object-position:
            52% center;
    }


    .oxfam-emergency-slide__photo figcaption {

        bottom: 7px;
        left: 8px;

        max-width: 90%;

        font-size: 6.5px;
    }


    .oxfam-emergency-slide__overlay {

        background:
            linear-gradient(
                180deg,
                rgba(17,20,17,.04) 0%,
                rgba(17,20,17,.09) 39%,
                rgba(20,24,19,.94) 48%,
                rgba(14,18,15,.99) 100%
            );
    }


    .oxfam-emergency-slide__content {

        top: 51%;

        right: 23px;
        bottom: auto;
        left: 23px;

        width: auto;

        max-width: none;

        transform: none;
    }


    .oxfam-emergency-slide__title {

        max-width: 350px;

        margin-bottom: 14px;

        font-size:
            clamp(31px,9.5vw,43px);

        line-height: .93;
    }


    .oxfam-emergency-slide__title br {

        display: none;
    }


    .oxfam-emergency-slide__description {

        margin-bottom: 15px;

        font-size: 13px;

        line-height: 1.35;
    }


    .oxfam-emergency-slide__description br {

        display: none;
    }


    .oxfam-emergency-slide__cta {

        min-height: 43px;

        padding:
            10px 18px;

        border-radius: 9px;

        font-size: 14px;
    }


    .oxfam-emergency-slide__closing {

        margin-top: 12px;

        font-size: 10.5px;
    }


    /* flechas */

    .oxfam-home-slider
    button.oxfam-home-slider__arrow {

        width: 30px !important;
        height: 48px !important;

        min-width: 30px !important;
        min-height: 48px !important;
    }


    .oxfam-home-slider
    button.oxfam-home-slider__arrow svg {

        width: 21px !important;
        height: 21px !important;

        min-width: 21px !important;
        min-height: 21px !important;
    }


    .oxfam-home-slider
    button.oxfam-home-slider__arrow--prev {

        left: 6px !important;
    }


    .oxfam-home-slider
    button.oxfam-home-slider__arrow--next {

        right: 6px !important;
    }


    /* puntos */

    .oxfam-home-slider__dots {

        bottom: 15px !important;

        gap: 8px !important;
    }


    .oxfam-home-slider
    button.oxfam-home-slider__dot {

        width: 8px !important;
        height: 8px !important;

        min-width: 8px !important;
        min-height: 8px !important;

        max-width: 8px !important;
        max-height: 8px !important;

        flex:
            0 0 8px !important;
    }


    .oxfam-home-slider
    button.oxfam-home-slider__dot.is-active {

        width: 9px !important;
        height: 9px !important;

        min-width: 9px !important;
        min-height: 9px !important;

        max-width: 9px !important;
        max-height: 9px !important;

        flex:
            0 0 9px !important;
    }

}


/* =========================================================
   25. CELULAR ANGOSTO
   ========================================================= */

@media (max-width: 420px) {

    .oxfam-home-slider {

        height: 590px;
    }


    /* proyectos */

    .oxfam-home-slide--vlm
    .oxfam-home-slide__image {

        object-position:
            15% center;
    }


    .oxfam-home-slide--caminos
    .oxfam-home-slide__image {

        object-position:
            12% center;
    }


    .oxfam-home-slide__content {

        right: 18px;
        left: 18px;

        max-width: 310px;
    }


    .oxfam-home-slide__title,
    .oxfam-home-slide--vlm
    .oxfam-home-slide__title {

        max-width: 290px;

        font-size:
            clamp(27px,8.5vw,36px);
    }


    /* emergencia */

    .oxfam-emergency-slide__visual {

        height: 44%;
    }


    .oxfam-emergency-slide__content {

        top: 47.5%;

        right: 19px;
        left: 19px;
    }


    .oxfam-emergency-slide__title {

        font-size:
            clamp(29px,9vw,38px);
    }


    .oxfam-emergency-slide__description {

        font-size: 12px;
    }


    .oxfam-emergency-slide__cta {

        min-height: 41px;

        padding:
            9px 16px;

        font-size: 13px;
    }

}


/* =========================================================
   26. ACCESIBILIDAD
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .oxfam-home-slide,

    .oxfam-home-slide__image,

    .oxfam-home-slide__content > *,

    .oxfam-emergency-slide__photo img,

    .oxfam-emergency-slide__content > *,

    .oxfam-home-slide__cta,

    .oxfam-emergency-slide__cta,

    .oxfam-home-slider__arrow,

    .oxfam-home-slider__dot {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0b39a0 *//* =========================================================
   OXFAM COLOMBIA EN CIFRAS
   FULL WIDTH DESKTOP + RESPONSIVE
   ========================================================= */

.ox-cifras {

  --green: #44841A;
  --green-dark: #285F1B;
  --green-deep: #173E1C;

  --lime: #BECE45;

  --pink: #E43989;
  --purple: #4E2B7F;

  --orange: #F47935;
  --yellow: #F8DB5A;
  --blue: #35ACD0;

  --wine: #781536;

  --white: #FFFFFF;
  --text: #203A1B;

  position: relative;

  width: 100%;

  margin: 0;

  padding: 4px 0 17px;

  overflow: hidden;

  color: var(--text);

  font-family:
    Roboto,
    Arial,
    sans-serif;
}


.ox-cifras *,
.ox-cifras *::before,
.ox-cifras *::after {
  box-sizing: border-box;
}



/* =========================================================
   FULL BLEED SOLO EN ESCRITORIO
   Rompe el max-width del contenedor Elementor
   ========================================================= */

@media (min-width: 1025px) {

  .ox-cifras {

    width: 100vw;
    max-width: 100vw;

    margin-left:
      calc(50% - 50vw);

    margin-right:
      calc(50% - 50vw);

    padding-left: 0;
    padding-right: 0;
  }


  .ox-cifras__viewport {

    width: 100%;

    max-width: none !important;

    margin: 0;

    border-radius: 0;
  }

}



/* =========================================================
   VIEWPORT
   ========================================================= */

.ox-cifras__viewport {

  width: 100%;

  margin: 0 auto;

  overflow: hidden;

  border-radius: 18px;
}


.ox-cifras__track {

  position: relative;

  width: 100%;
}



/* =========================================================
   SLIDES
   ========================================================= */

.ox-cifras__slide {

  display: none;

  width: 100%;
}


.ox-cifras__slide.is-active {

  display: grid;

  animation:
    oxCifrasFade .3s ease both;
}


@keyframes oxCifrasFade {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }

}



/* =========================================================
   SLIDE 01
   ========================================================= */

.ox-cifras__slide--01 {

  grid-template-columns:
    repeat(2, minmax(0,1fr));
}


.ox-cifras__panel--implementations {

  grid-column: 1 / -1;
}



/* =========================================================
   SLIDE 02
   ========================================================= */

.ox-cifras__slide--02 {

  grid-template-columns:
    repeat(2, minmax(0,1fr));
}



/* =========================================================
   PANELES
   ========================================================= */

.ox-cifras__panel {

  position: relative;

  min-width: 0;

  padding:
    clamp(22px, 2.15vw, 34px);

  overflow: hidden;
}


.ox-cifras__panel--people {

  color: white;

  background:
    var(--green-dark);
}


.ox-cifras__panel--organizations {

  color: white;

  background:
    var(--purple);
}


.ox-cifras__panel--implementations {

  color: var(--text);

  background:
    var(--yellow);
}


.ox-cifras__panel--initiatives {

  color: white;

  background:
    var(--green);
}


.ox-cifras__panel--budget {

  color: var(--text);

  background:
    var(--lime);
}



/* =========================================================
   ENCABEZADOS
   ========================================================= */

.ox-cifras__panel-heading {

  display: flex;

  align-items: flex-start;

  gap: 10px;

  width: 100%;

  margin-bottom: 17px;
}


.ox-cifras__panel-number {

  display: flex;

  align-items: center;
  justify-content: center;

  flex:
    0 0 28px;

  width: 28px;
  height: 28px;

  color:
    var(--green-deep);

  background:
    var(--lime);

  border-radius: 50%;

  font-family:
    "Titulares OXFAM",
    "Arial Black",
    Arial,
    sans-serif;

  font-size: 8px;

  line-height: 1;
}


.ox-cifras__panel--implementations
.ox-cifras__panel-number,

.ox-cifras__panel--budget
.ox-cifras__panel-number {

  color: white;

  background:
    var(--green);
}


.ox-cifras__panel-label {

  display: block;

  margin-bottom: 3px;

  color: inherit;

  opacity: .65;

  font-size: 9px;

  font-weight: 700;

  letter-spacing:
    .07em;

  line-height: 1;

  text-transform: uppercase;
}


.ox-cifras__panel h3 {

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;

  font-family:
    "Titulares OXFAM",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(19px, 1.65vw, 27px);

  line-height: 1;

  letter-spacing:
    -.015em;

  text-transform: uppercase;

  white-space: normal !important;
}



/* =========================================================
   PERIODO
   ========================================================= */

.ox-cifras__period {

  margin:
    0 0 13px !important;

  color:
    rgba(255,255,255,.76);

  font-size: 12px;

  line-height: 1.35;
}



/* =========================================================
   CIFRA GRANDE
   ========================================================= */

.ox-cifras__big-stat {

  display: flex;

  align-items: baseline;

  flex-wrap: wrap;

  gap: 8px;

  margin-bottom: 19px;
}


.ox-cifras__big-stat strong {

  color:
    var(--lime);

  font-family:
    "Titulares OXFAM",
    "Arial Black",
    Arial,
    sans-serif;

  font-size:
    clamp(43px, 3.6vw, 61px);

  line-height: .9;
}


.ox-cifras__big-stat span {

  color: inherit;

  font-size:
    clamp(15px, 1.15vw, 19px);

  line-height: 1;
}



/* =========================================================
   MUJERES / JÓVENES
   ========================================================= */

.ox-cifras__people-breakdown {

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0,1fr));

  gap: 10px;

  max-width: 640px;
}


.ox-cifras__mini-stat {

  display: flex;

  align-items: center;

  gap: 10px;

  padding:
    11px 14px;

  background:
    rgba(255,255,255,.08);

  border:
    1px solid rgba(255,255,255,.11);

  border-radius: 12px;
}


.ox-cifras__mini-icon {

  display: flex;

  align-items: center;
  justify-content: center;

  flex: 0 0 28px;

  width: 28px;
  height: 28px;

  color:
    var(--green-deep);

  background:
    var(--lime);

  border-radius: 50%;

  font-size: 13px;
}


.ox-cifras__mini-stat strong {

  display: block;

  color:
    var(--lime);

  font-family:
    "Titulares OXFAM",
    Arial,
    sans-serif;

  font-size: 18px;

  line-height: 1;
}


.ox-cifras__mini-stat div span {

  display: block;

  margin-top: 3px;

  color:
    rgba(255,255,255,.87);

  font-size: 11px;
}



/* =========================================================
   ORGANIZACIONES
   ========================================================= */

.ox-cifras__organization-list {

  display: grid;

  max-width: 760px;
}


.ox-cifras__organization {

  display: grid;

  grid-template-columns:
    58px minmax(0,1fr);

  align-items: center;

  gap: 12px;

  padding: 10px 0;

  border-bottom:
    1px solid rgba(255,255,255,.11);
}


.ox-cifras__organization strong {

  color:
    var(--lime);

  font-family:
    "Titulares OXFAM",
    Arial,
    sans-serif;

  font-size:
    clamp(25px, 2vw, 34px);

  line-height: 1;
}


.ox-cifras__organization span {

  color:
    rgba(255,255,255,.94);

  font-size: 12px;

  line-height: 1.3;
}


.ox-cifras__organization--featured {

  margin-top: 5px;

  padding:
    11px 14px;

  background:
    rgba(190,206,69,.11);

  border:
    1px solid rgba(190,206,69,.2);

  border-radius: 12px;
}



/* =========================================================
   IMPLEMENTACIONES
   ========================================================= */

.ox-cifras__panel--implementations {

  padding-top:
    20px;

  padding-bottom:
    24px;
}


.ox-cifras__implementation-content {

  display: grid;

  grid-template-columns:
    190px minmax(0,1fr);

  align-items: center;

  gap:
    clamp(35px, 4vw, 70px);

  width: 100%;
}



/* =========================================================
   DONUT
   ========================================================= */

.ox-cifras__donut-wrapper {

  position: relative;

  width:
    min(100%, 180px);

  aspect-ratio: 1;

  margin:
    0 auto;
}


.ox-cifras__donut {

  display: block;

  width: 100%;
  height: 100%;

  overflow: visible;

  transform:
    rotate(-90deg);
}


.ox-cifras__donut circle {

  fill: none;

  stroke-width: 18;
}


.ox-cifras__donut-bg {

  stroke:
    rgba(255,255,255,.25);
}


.ox-cifras__segment {

  cursor: pointer;

  transition:
    stroke-width .15s ease,
    opacity .15s ease;
}


.ox-cifras__segment:hover {

  stroke-width: 20;

  opacity: .88;
}



/* IMPLEMENTACIONES */

.ox-cifras__segment--humanitarian {
  stroke:
    var(--orange);
}

.ox-cifras__segment--climate {
  stroke:
    #F2BF3A;
}

.ox-cifras__segment--governance {
  stroke:
    var(--wine);
}

.ox-cifras__segment--gender {
  stroke:
    var(--pink);
}

.ox-cifras__segment--economies {
  stroke:
    var(--blue);
}



/* PRESUPUESTO */

.ox-cifras__segment--budget-humanitarian {
  stroke:
    var(--orange);
}

.ox-cifras__segment--development {
  stroke:
    var(--pink);
}

.ox-cifras__segment--operation {
  stroke:
    #109ED0;
}



/* =========================================================
   CENTRO DONUT
   ========================================================= */

.ox-cifras__donut-center {

  position: absolute;

  top: 50%;
  left: 50%;

  width: 52%;

  transform:
    translate(-50%,-50%);

  text-align: center;
}


.ox-cifras__donut-center strong {

  display: block;

  color:
    var(--green-dark);

  font-family:
    "Titulares OXFAM",
    Arial,
    sans-serif;

  font-size:
    clamp(23px, 1.8vw, 30px);

  line-height: 1;
}


.ox-cifras__donut-center span {

  display: block;

  margin-top: 3px;

  color:
    rgba(32,58,27,.72);

  font-size: 7px;

  font-weight: 700;

  line-height: 1.1;

  text-transform: uppercase;
}



/* =========================================================
   LEYENDAS
   ========================================================= */

.ox-cifras__legend {

  display: grid;

  gap: 5px;
}


.ox-cifras__legend--implementations {

  display: grid;

  grid-template-columns:
    repeat(
      auto-fit,
      minmax(145px, 1fr)
    );

  align-items: center;

  column-gap:
    clamp(18px, 2.3vw, 42px);

  row-gap: 8px;

  width: 100%;
}


.ox-cifras__legend-item {

  display: grid;

  grid-template-columns:
    10px minmax(0,1fr);

  align-items: center;

  gap: 8px;

  min-width: 0;

  padding: 5px 0;
}


.ox-cifras__legend-color {

  width: 10px;
  height: 10px;

  border-radius: 3px;
}


.ox-cifras__legend-item strong {

  display: block;

  color:
    var(--text);

  font-size: 11px;

  line-height: 1.2;
}


.ox-cifras__legend-item div span {

  display: block;

  margin-top: 2px;

  color:
    rgba(32,58,27,.64);

  font-size: 9px;
}



/* COLORES LEYENDA */

.ox-cifras__legend-color--humanitarian {
  background:
    var(--orange);
}

.ox-cifras__legend-color--climate {
  background:
    #F2BF3A;
}

.ox-cifras__legend-color--governance {
  background:
    var(--wine);
}

.ox-cifras__legend-color--gender {
  background:
    var(--pink);
}

.ox-cifras__legend-color--economies {
  background:
    var(--blue);
}


.ox-cifras__legend-color--budget-humanitarian {
  background:
    var(--orange);
}

.ox-cifras__legend-color--development {
  background:
    var(--pink);
}

.ox-cifras__legend-color--operation {
  background:
    #109ED0;
}



/* =========================================================
   DESCRIPCIONES
   ========================================================= */

.ox-cifras__description {

  margin:
    0 0 15px !important;

  color: inherit;

  opacity: .8;

  font-size: 12px;

  line-height: 1.4;
}



/* =========================================================
   BARRAS
   ========================================================= */

.ox-cifras__bars {

  display: grid;

  gap: 9px;
}


.ox-cifras__bar-meta {

  display: flex;

  align-items: center;

  justify-content:
    space-between;

  gap: 8px;

  margin-bottom: 4px;
}


.ox-cifras__bar-meta span {

  color: white;

  font-size: 11px;
}


.ox-cifras__bar-meta strong {

  color:
    var(--lime);

  font-family:
    "Titulares OXFAM",
    Arial,
    sans-serif;

  font-size: 14px;
}


.ox-cifras__bar-track {

  width: 100%;

  height: 9px;

  overflow: hidden;

  background:
    rgba(255,255,255,.14);

  border-radius: 999px;
}


.ox-cifras__bar-fill {

  display: block;

  width:
    calc(var(--value) * 1%);

  height: 100%;

  background:
    var(--lime);

  border-radius: inherit;
}



/* =========================================================
   PRESUPUESTO
   ========================================================= */

.ox-cifras__money {

  display: flex;

  align-items: baseline;

  flex-wrap: wrap;

  gap: 6px;

  margin-bottom: 17px;
}


.ox-cifras__money strong {

  color:
    var(--green-dark);

  font-family:
    "Titulares OXFAM",
    Arial,
    sans-serif;

  font-size:
    clamp(27px, 2.7vw, 41px);

  line-height: .95;
}


.ox-cifras__money span {

  color:
    var(--green-dark);

  font-size: 12px;

  font-weight: 700;
}


.ox-cifras__budget-layout {

  display: grid;

  grid-template-columns:
    180px minmax(0,1fr);

  gap: 25px;

  align-items: center;
}



/* =========================================================
   DONANTES
   ========================================================= */

.ox-cifras__donors {

  display: grid;

  grid-template-columns:
    auto minmax(0,1fr);

  align-items: center;

  gap: 12px;

  margin-top: 17px;

  padding:
    13px 16px;

  color: white;

  background:
    var(--green-dark);

  border-radius: 12px;
}


.ox-cifras__donors strong {

  color:
    var(--lime);

  font-family:
    "Titulares OXFAM",
    Arial,
    sans-serif;

  font-size:
    clamp(30px, 2.7vw, 41px);

  line-height: 1;
}


.ox-cifras__donors p {

  margin:
    0 !important;

  color:
    rgba(255,255,255,.9);

  font-size: 10px;

  line-height: 1.35;
}



/* =========================================================
   NAVEGACIÓN MINIMALISTA
   ========================================================= */

.ox-cifras__navigation {

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 12px;

  width: 100%;

  margin:
    12px auto 0;
}



/* FLECHAS */

.ox-cifras__arrow {

  appearance: none;
  -webkit-appearance: none;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 26px;
  height: 26px;

  margin: 0;
  padding: 0;

  color:
    rgba(40,95,27,.55);

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;

  cursor: pointer;

  transition:
    color .15s ease,
    transform .15s ease;
}


.ox-cifras__arrow:hover {

  color:
    var(--pink);

  background:
    transparent !important;
}


.ox-cifras__arrow--prev:hover {

  transform:
    translateX(-2px);
}


.ox-cifras__arrow--next:hover {

  transform:
    translateX(2px);
}


.ox-cifras__arrow svg {

  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;
}



/* OPCIONES */

.ox-cifras__nav-option {

  appearance: none;
  -webkit-appearance: none;

  position: relative;

  margin: 0;

  padding:
    5px 2px 7px;

  color:
    rgba(40,95,27,.68);

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;

  font-family:
    Roboto,
    Arial,
    sans-serif;

  font-size: 10px;

  font-weight: 700;

  line-height: 1;

  letter-spacing:
    .045em;

  text-transform: uppercase;

  cursor: pointer;

  transition:
    color .15s ease;
}


.ox-cifras__nav-option::after {

  content: "";

  position: absolute;

  left: 50%;
  bottom: 0;

  width: 0;
  height: 2px;

  background:
    var(--pink);

  border-radius: 999px;

  transform:
    translateX(-50%);

  transition:
    width .18s ease;
}


.ox-cifras__nav-option:hover {

  color:
    var(--green-dark);
}


.ox-cifras__nav-option.is-active {

  color:
    var(--green-dark);
}


.ox-cifras__nav-option.is-active::after {

  width: 100%;
}


.ox-cifras__nav-divider {

  display: block;

  width: 3px;
  height: 3px;

  background:
    var(--lime);

  border-radius: 50%;
}



/* =========================================================
   TOOLTIP
   ========================================================= */

.ox-cifras__tooltip {

  position: fixed;

  z-index: 9999;

  display: none;

  max-width: 220px;

  padding:
    9px 12px;

  color: white;

  background:
    var(--green-deep);

  border-radius: 8px;

  box-shadow:
    0 7px 20px
    rgba(0,0,0,.16);

  pointer-events: none;
}


.ox-cifras__tooltip.is-visible {

  display: block;
}


.ox-cifras__tooltip-title {

  display: block;

  font-size: 11px;
}


.ox-cifras__tooltip-value {

  display: block;

  margin-top: 2px;

  color:
    var(--lime);

  font-size: 10px;

  font-weight: 700;
}



/* =========================================================
   ESCRITORIOS GRANDES
   Mantener el contenido sutil aunque haya mucho ancho
   ========================================================= */

@media (min-width: 1500px) {

  .ox-cifras__panel {

    padding-left:
      clamp(35px, 3.4vw, 65px);

    padding-right:
      clamp(35px, 3.4vw, 65px);
  }


  .ox-cifras__panel h3 {

    font-size:
      clamp(21px, 1.45vw, 28px);
  }


  .ox-cifras__people-breakdown {

    max-width: 720px;
  }


  .ox-cifras__organization-list {

    max-width: 800px;
  }


  .ox-cifras__implementation-content {

    grid-template-columns:
      190px minmax(0,1fr);

    gap:
      clamp(50px, 5vw, 95px);
  }


  .ox-cifras__legend--implementations {

    grid-template-columns:
      repeat(5, minmax(130px,1fr));
  }

}



/* =========================================================
   TABLET
   ========================================================= */

@media
(min-width: 768px)
and (max-width: 1024px) {

  .ox-cifras {

    padding:
      5px 10px 16px;
  }


  .ox-cifras__viewport {

    max-width: 100%;

    border-radius: 17px;
  }


  .ox-cifras__panel {

    padding:
      22px 24px;
  }


  .ox-cifras__implementation-content {

    grid-template-columns:
      170px minmax(0,1fr);

    gap: 28px;
  }


  .ox-cifras__legend--implementations {

    grid-template-columns:
      repeat(2, minmax(0,1fr));

    gap:
      5px 18px;
  }


  .ox-cifras__budget-layout {

    grid-template-columns:
      165px minmax(0,1fr);
  }

}



/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .ox-cifras {

    width: 100%;

    margin: 0;

    padding:
      4px 5px 14px;
  }


  .ox-cifras__viewport {

    width: 100%;

    max-width: 100%;

    border-radius: 17px;
  }


  .ox-cifras__slide--01,
  .ox-cifras__slide--02 {

    grid-template-columns: 1fr;
  }


  .ox-cifras__panel--implementations {

    grid-column: auto;
  }


  .ox-cifras__panel {

    padding:
      22px 18px;
  }


  /* headings */

  .ox-cifras__panel-heading {

    gap: 9px;

    margin-bottom: 15px;
  }


  .ox-cifras__panel-number {

    flex-basis: 26px;

    width: 26px;
    height: 26px;

    font-size: 7px;
  }


  .ox-cifras__panel-label {

    font-size: 8px;
  }


  .ox-cifras__panel h3 {

    font-size:
      clamp(18px, 5.2vw, 23px);

    line-height: 1.04;

    letter-spacing:
      -.02em;
  }


  .ox-cifras__panel--implementations h3,
  .ox-cifras__panel--budget h3 {

    font-size:
      clamp(17px, 4.9vw, 21px);
  }


  /* principal */

  .ox-cifras__big-stat strong {

    font-size:
      clamp(40px, 12vw, 54px);
  }


  .ox-cifras__big-stat span {

    font-size: 15px;
  }


  /* mini datos */

  .ox-cifras__people-breakdown {

    grid-template-columns:
      repeat(2, minmax(0,1fr));

    max-width: none;
  }


  .ox-cifras__mini-stat {

    padding:
      10px 11px;
  }


  .ox-cifras__mini-stat strong {

    font-size: 15px;
  }


  /* organizaciones */

  .ox-cifras__organization-list {

    max-width: none;
  }


  .ox-cifras__organization {

    grid-template-columns:
      48px minmax(0,1fr);

    padding: 9px 0;
  }


  .ox-cifras__organization strong {

    font-size: 24px;
  }


  .ox-cifras__organization span {

    font-size: 11px;
  }


  /* Implementaciones */

  .ox-cifras__implementation-content {

    grid-template-columns: 1fr;

    gap: 18px;
  }


  .ox-cifras__donut-wrapper {

    width:
      min(52vw, 180px);
  }


  .ox-cifras__legend--implementations {

    grid-template-columns:
      repeat(2, minmax(0,1fr));

    column-gap: 12px;

    row-gap: 2px;
  }


  .ox-cifras__legend-item {

    grid-template-columns:
      9px minmax(0,1fr);

    gap: 7px;

    padding: 5px 0;
  }


  .ox-cifras__legend-item strong {

    font-size: 10px;
  }


  .ox-cifras__legend-item div span {

    font-size: 9px;
  }


  /* presupuesto */

  .ox-cifras__budget-layout {

    grid-template-columns: 1fr;

    gap: 18px;
  }


  .ox-cifras__money strong {

    font-size:
      clamp(25px, 7.5vw, 34px);

    overflow-wrap: anywhere;
  }


  /* navegación */

  .ox-cifras__navigation {

    gap: 10px;

    margin-top: 10px;
  }


  .ox-cifras__arrow {

    width: 24px;
    height: 24px;
  }


  .ox-cifras__arrow svg {

    width: 13px;
    height: 13px;
  }


  .ox-cifras__nav-option {

    padding:
      5px 1px 6px;

    font-size: 9px;
  }

}



/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 420px) {

  .ox-cifras__panel {

    padding:
      20px 15px;
  }


  .ox-cifras__people-breakdown {

    grid-template-columns: 1fr;
  }


  .ox-cifras__legend--implementations {

    grid-template-columns: 1fr;
  }


  .ox-cifras__donut-wrapper {

    width:
      min(56vw, 175px);
  }


  .ox-cifras__panel--implementations h3 {

    font-size:
      clamp(16px, 4.6vw, 19px);
  }

}



/* =========================================================
   ACCESIBILIDAD
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ox-cifras__slide.is-active {

    animation: none !important;
  }


  .ox-cifras__segment,
  .ox-cifras__arrow,
  .ox-cifras__nav-option,
  .ox-cifras__nav-option::after {

    transition: none !important;
  }

}
/* =========================================================
   OXFAM COLOMBIA EN CIFRAS
   AJUSTE TIPOGRÁFICO FINAL — ESCRITORIO
   Mantiene tablet y móvil sin cambios
   ========================================================= */

@media (min-width: 1025px) {

  /* =======================================================
     ENCABEZADOS DE CADA PANEL
     ======================================================= */

  .ox-cifras__panel-number {
    width: 34px;
    height: 34px;

    flex-basis: 34px;

    font-size: 10px;
  }


  .ox-cifras__panel-label {
    margin-bottom: 5px;

    font-size: 12px;

    line-height: 1.1;

    letter-spacing: .065em;
  }


  .ox-cifras__panel h3 {
    font-size:
      clamp(25px, 1.85vw, 34px);

    line-height: 1.03;
  }



  /* =======================================================
     PERÍODO
     ======================================================= */

  .ox-cifras__period {
    margin-bottom: 17px !important;

    font-size: 16px;

    line-height: 1.45;
  }



  /* =======================================================
     CIFRA PRINCIPAL
     ======================================================= */

  .ox-cifras__big-stat {
    gap: 11px;

    margin-bottom: 23px;
  }


  .ox-cifras__big-stat strong {
    font-size:
      clamp(52px, 4vw, 72px);
  }


  .ox-cifras__big-stat span {
    font-size:
      clamp(19px, 1.3vw, 23px);

    line-height: 1.1;
  }



  /* =======================================================
     MUJERES / JÓVENES
     ======================================================= */

  .ox-cifras__mini-stat {
    gap: 13px;

    padding:
      14px 17px;
  }


  .ox-cifras__mini-icon {
    width: 34px;
    height: 34px;

    flex-basis: 34px;

    font-size: 16px;
  }


  .ox-cifras__mini-stat strong {
    font-size: 23px;
  }


  .ox-cifras__mini-stat div span {
    margin-top: 4px;

    font-size: 14px;

    line-height: 1.25;
  }



  /* =======================================================
     ORGANIZACIONES
     ======================================================= */

  .ox-cifras__organization {
    grid-template-columns:
      72px minmax(0, 1fr);

    gap: 15px;

    padding: 13px 0;
  }


  .ox-cifras__organization strong {
    font-size:
      clamp(31px, 2.25vw, 41px);
  }


  .ox-cifras__organization span {
    font-size: 16px;

    line-height: 1.38;
  }


  .ox-cifras__organization--featured {
    margin-top: 8px;

    padding:
      15px 18px;
  }



  /* =======================================================
     CENTRO DE LOS GRÁFICOS DONUT
     ======================================================= */

  .ox-cifras__donut-center strong {
    font-size:
      clamp(27px, 2vw, 35px);
  }


  .ox-cifras__donut-center span {
    margin-top: 5px;

    font-size: 10px;

    line-height: 1.15;
  }



  /* =======================================================
     LEYENDAS DE IMPLEMENTACIONES / PRESUPUESTO
     ======================================================= */

  .ox-cifras__legend-item {
    grid-template-columns:
      13px minmax(0, 1fr);

    gap: 10px;

    padding: 7px 0;
  }


  .ox-cifras__legend-color {
    width: 13px;
    height: 13px;
  }


  .ox-cifras__legend-item strong {
    font-size: 15px;

    line-height: 1.3;
  }


  .ox-cifras__legend-item div span {
    margin-top: 3px;

    font-size: 12px;

    line-height: 1.25;
  }



  /* =======================================================
     DESCRIPCIONES
     ======================================================= */

  .ox-cifras__description {
    margin-bottom: 19px !important;

    font-size: 16px;

    line-height: 1.5;
  }



  /* =======================================================
     BARRAS DE INICIATIVAS
     ======================================================= */

  .ox-cifras__bars {
    gap: 13px;
  }


  .ox-cifras__bar-meta {
    margin-bottom: 6px;
  }


  .ox-cifras__bar-meta span {
    font-size: 15px;

    line-height: 1.3;
  }


  .ox-cifras__bar-meta strong {
    font-size: 19px;
  }


  .ox-cifras__bar-track {
    height: 11px;
  }



  /* =======================================================
     PRESUPUESTO
     ======================================================= */

  .ox-cifras__money {
    gap: 8px;

    margin-bottom: 20px;
  }


  .ox-cifras__money strong {
    font-size:
      clamp(35px, 3vw, 50px);
  }


  .ox-cifras__money span {
    font-size: 16px;
  }



  /* =======================================================
     DONANTES
     ======================================================= */

  .ox-cifras__donors {
    gap: 16px;

    margin-top: 21px;

    padding:
      16px 20px;
  }


  .ox-cifras__donors strong {
    font-size:
      clamp(35px, 3vw, 48px);
  }


  .ox-cifras__donors p {
    font-size: 14px;

    line-height: 1.45;
  }



  /* =======================================================
     NAVEGACIÓN DEL SLIDER
     ======================================================= */

  .ox-cifras__navigation {
    gap: 15px;

    margin-top: 15px;
  }


  .ox-cifras__arrow {
    width: 32px;
    height: 32px;
  }


  .ox-cifras__arrow svg {
    width: 17px;
    height: 17px;
  }


  .ox-cifras__nav-option {
    padding:
      7px 3px 9px;

    font-size: 13px;

    letter-spacing: .04em;
  }


  .ox-cifras__nav-divider {
    width: 4px;
    height: 4px;
  }



  /* =======================================================
     TOOLTIP
     ======================================================= */

  .ox-cifras__tooltip {
    max-width: 260px;

    padding:
      11px 14px;
  }


  .ox-cifras__tooltip-title {
    font-size: 14px;
  }


  .ox-cifras__tooltip-value {
    margin-top: 3px;

    font-size: 13px;
  }

}



/* =========================================================
   ESCRITORIOS GRANDES
   Ajuste adicional para pantallas amplias
   ========================================================= */

@media (min-width: 1500px) {

  .ox-cifras__panel h3 {
    font-size:
      clamp(27px, 1.7vw, 36px);
  }


  .ox-cifras__panel-label {
    font-size: 13px;
  }


  .ox-cifras__period {
    font-size: 17px;
  }


  .ox-cifras__organization span {
    font-size: 17px;
  }


  .ox-cifras__legend-item strong {
    font-size: 16px;
  }


  .ox-cifras__legend-item div span {
    font-size: 13px;
  }


  .ox-cifras__description {
    font-size: 17px;
  }


  .ox-cifras__bar-meta span {
    font-size: 16px;
  }


  .ox-cifras__bar-meta strong {
    font-size: 20px;
  }


  .ox-cifras__donors p {
    font-size: 15px;
  }


  .ox-cifras__nav-option {
    font-size: 14px;
  }

}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   OXFAM COLOMBIA
   HOME — CARRUSEL DESTACADOS 2026
   Clase del carrusel: oxfam-destacados-carousel
   Clase del encabezado: oxfam-destacados-title

   IMPORTANTE:
   - NO forzamos width de .swiper-slide.
   - Elementor/Swiper conserva 3 / 2 / 1 elementos.
   - Conservamos imagen 3:2.
   ========================================================= */


/* =========================================================
   VARIABLES
   ========================================================= */

.oxfam-destacados-carousel {

  --ox-green: #44841A;
  --ox-green-dark: #235B13;
  --ox-green-deep: #123F22;

  --ox-lime: #BECE45;
  --ox-pink: #E43989;
  --ox-white: #FFFFFF;

  width: 100%;
  max-width: 100%;

  overflow: hidden;

  position: relative;
}


/* =========================================================
   TÍTULO DE SECCIÓN
   ========================================================= */

.oxfam-destacados-title {

  position: relative;

  width: fit-content;

  margin:
    0 0 18px !important;

  padding:
    0 0 9px !important;

  background:
    transparent !important;

  color:
    var(--ox-green-dark, #235B13) !important;

  font-family:
    "Titulares OXFAM",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(34px, 3.2vw, 54px) !important;

  font-weight:
    700 !important;

  line-height:
    .94 !important;

  letter-spacing:
    -.025em;

  text-transform:
    uppercase;
}


/* Línea verde/lima inferior */

.oxfam-destacados-title::after {

  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 58px;
  height: 5px;

  border-radius: 999px;

  background: #BECE45;
}


/* Si el texto está dentro de un heading */

.oxfam-destacados-title h1,
.oxfam-destacados-title h2,
.oxfam-destacados-title h3,
.oxfam-destacados-title .elementor-heading-title {

  margin: 0 !important;
  padding: 0 !important;

  color: #235B13 !important;

  font-family:
    "Titulares OXFAM",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size: inherit !important;
  line-height: inherit !important;
}



/* =========================================================
   SWIPER
   ========================================================= */

.oxfam-destacados-carousel .swiper,
.oxfam-destacados-carousel .swiper-container,
.oxfam-destacados-carousel .swiper-wrapper {

  margin: 0 !important;
  padding: 0 !important;
}


/*
 * No utilizamos gap en swiper-wrapper porque Swiper
 * calcula internamente los desplazamientos.
 */

.oxfam-destacados-carousel .swiper-wrapper {

  gap: 0 !important;

  align-items: stretch !important;
}



/* =========================================================
   SLIDES
   ========================================================= */

.oxfam-destacados-carousel .swiper-slide,
.oxfam-destacados-carousel .swiper-slide.e-loop-item {

  position: relative;

  height: auto !important;

  min-width: 0;

  margin: 0 !important;

  /*
   * Un espacio mínimo entre publicaciones.
   * No afecta el cálculo del ancho de Swiper.
   */

  padding: 0 4px !important;

  box-sizing: border-box;

  overflow: visible;
}


/*
 * Primer y último slide quedan prácticamente
 * alineados con los extremos.
 */

.oxfam-destacados-carousel
.swiper-slide:first-child {

  padding-left: 0 !important;
}


.oxfam-destacados-carousel
.swiper-slide:last-child {

  padding-right: 0 !important;
}



/* =========================================================
   CONTENEDOR INTERNO DEL LOOP
   ========================================================= */

.oxfam-destacados-carousel
.swiper-slide.e-loop-item > .e-con,

.oxfam-destacados-carousel
.swiper-slide.e-loop-item > .elementor-element {

  position: relative;

  display: flex !important;

  flex-direction: column !important;

  width: 100%;

  height: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden;

  background: var(--ox-green-dark);

  border-radius: 18px;

  box-sizing: border-box;

  box-shadow:
    0 10px 26px
    rgba(20, 66, 27, .09);

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}



/* =========================================================
   HOVER GENERAL
   ========================================================= */

.oxfam-destacados-carousel
.swiper-slide:hover
> .e-con,

.oxfam-destacados-carousel
.swiper-slide:hover
> .elementor-element {

  transform:
    translateY(-4px);

  box-shadow:
    0 18px 38px
    rgba(20, 66, 27, .15);
}



/* =========================================================
   IMAGEN DESTACADA
   ========================================================= */

.oxfam-destacados-carousel
.elementor-widget-theme-post-featured-image {

  width: 100%;

  flex:
    0 0 auto;

  margin:
    0 !important;

  padding:
    0 !important;
}



.oxfam-destacados-carousel
.elementor-widget-theme-post-featured-image
.elementor-widget-container {

  position: relative;

  display: block;

  width: 100%;

  aspect-ratio: 3 / 2;

  overflow: hidden;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    var(--ox-green);
}



/* =========================================================
   ENLACE DE LA IMAGEN
   ========================================================= */

.oxfam-destacados-carousel
.elementor-widget-theme-post-featured-image a {

  display: block;

  width: 100%;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;
}



/* =========================================================
   IMAGEN
   ========================================================= */

.oxfam-destacados-carousel
.elementor-widget-theme-post-featured-image img {

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;

  object-fit: cover !important;

  object-position: center center !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  transform:
    scale(1.001);

  transition:
    transform .7s cubic-bezier(.2,.65,.3,1);
}



/* Zoom MUY discreto */

.oxfam-destacados-carousel
.swiper-slide:hover
.elementor-widget-theme-post-featured-image img {

  transform:
    scale(1.035);
}



/* =========================================================
   OSCURECIDO INFERIOR DE LA FOTO
   ========================================================= */

.oxfam-destacados-carousel
.elementor-widget-theme-post-featured-image
.elementor-widget-container::after {

  content: "";

  position: absolute;

  inset:
    auto 0 0;

  z-index: 2;

  height: 32%;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(15,63,31,.24)
    );
}



/* =========================================================
   EVITAR ESPACIOS RESIDUALES
   ========================================================= */

.oxfam-destacados-carousel
.elementor-widget-theme-post-featured-image p {

  margin:
    0 !important;

  padding:
    0 !important;
}



/* =========================================================
   TÍTULO DE CADA PUBLICACIÓN
   ========================================================= */

.oxfam-destacados-carousel
.elementor-widget-theme-post-title {

  position: relative;

  display: flex;

  flex:
    1 1 auto;

  width: 100%;

  min-height:
    132px;

  margin:
    0 !important;

  padding:
    25px 28px 27px !important;

  background:
    linear-gradient(
      135deg,
      #44841A 0%,
      #347217 100%
    );

  overflow: hidden;
}



/* detalle editorial */

.oxfam-destacados-carousel
.elementor-widget-theme-post-title::after {

  content: "";

  position: absolute;

  right: -45px;
  bottom: -62px;

  width: 135px;
  height: 135px;

  border-radius: 50%;

  background:
    rgba(190,206,69,.13);

  pointer-events: none;
}



/* =========================================================
   H2 / H3 DEL POST
   ========================================================= */

.oxfam-destacados-carousel
.elementor-widget-theme-post-title
.elementor-heading-title,

.oxfam-destacados-carousel
.elementor-widget-theme-post-title h2,

.oxfam-destacados-carousel
.elementor-widget-theme-post-title h3 {

  position: relative;

  z-index: 2;

  align-self: center;

  width: 100%;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    #FFFFFF !important;

  font-family:
    "T-StarPro",
    "T-Star Pro",
    Roboto,
    Arial,
    sans-serif !important;

  /*
   * Deliberadamente NO usamos una fuente enorme.
   * Los títulos destacados pueden ser largos.
   */

  font-size:
    clamp(17px, 1.35vw, 22px) !important;

  font-weight:
    700 !important;

  line-height:
    1.22 !important;

  letter-spacing:
    -.01em;

  text-transform:
    none !important;

  text-decoration:
    none !important;

  display:
    -webkit-box;

  -webkit-box-orient:
    vertical;

  -webkit-line-clamp:
    4;

  overflow:
    hidden;
}



/* Enlaces */

.oxfam-destacados-carousel
.elementor-widget-theme-post-title a {

  color:
    #FFFFFF !important;

  text-decoration:
    none !important;
}



/* =========================================================
   PEQUEÑO ACENTO SUPERIOR DEL TEXTO
   ========================================================= */

.oxfam-destacados-carousel
.elementor-widget-theme-post-title::before {

  content: "";

  position: absolute;

  z-index: 3;

  top: 15px;
  left: 28px;

  width: 42px;
  height: 4px;

  border-radius:
    999px;

  background:
    var(--ox-lime);
}



/* Ajustamos espacio para el acento */

.oxfam-destacados-carousel
.elementor-widget-theme-post-title {

  padding-top:
    32px !important;
}



/* =========================================================
   FLECHAS
   ========================================================= */

.oxfam-destacados-carousel
.elementor-swiper-button {

  z-index: 30 !important;

  display: flex !important;

  align-items: center;
  justify-content: center;

  width: 42px !important;
  height: 42px !important;

  color:
    #FFFFFF !important;

  background:
    rgba(228,57,137,.94) !important;

  border:
    2px solid rgba(255,255,255,.90) !important;

  border-radius:
    50% !important;

  box-shadow:
    0 8px 22px
    rgba(0,0,0,.18);

  transition:
    transform .2s ease,
    background-color .2s ease;
}



.oxfam-destacados-carousel
.elementor-swiper-button:hover {

  background:
    #C82873 !important;

  transform:
    scale(1.08);
}



/* Iconos */

.oxfam-destacados-carousel
.elementor-swiper-button svg {

  width:
    18px !important;

  height:
    18px !important;

  fill:
    currentColor !important;
}



/* Flecha izquierda */

.oxfam-destacados-carousel
.elementor-swiper-button-prev {

  left:
    14px !important;
}



/* Flecha derecha */

.oxfam-destacados-carousel
.elementor-swiper-button-next {

  right:
    14px !important;
}



/* =========================================================
   PAGINACIÓN / DOTS
   SI ESTÁ ACTIVADA EN ELEMENTOR
   ========================================================= */

.oxfam-destacados-carousel
.swiper-pagination {

  position:
    relative !important;

  bottom:
    auto !important;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    7px;

  margin-top:
    17px;
}



.oxfam-destacados-carousel
.swiper-pagination-bullet {

  width:
    8px !important;

  height:
    8px !important;

  margin:
    0 !important;

  opacity:
    1 !important;

  background:
    rgba(68,132,26,.28) !important;

  transition:
    width .2s ease,
    background-color .2s ease;
}



.oxfam-destacados-carousel
.swiper-pagination-bullet-active {

  width:
    25px !important;

  border-radius:
    999px !important;

  background:
    var(--ox-pink) !important;
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .oxfam-destacados-carousel
  .swiper-slide,

  .oxfam-destacados-carousel
  .swiper-slide.e-loop-item {

    padding:
      0 4px !important;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-featured-image
  .elementor-widget-container {

    aspect-ratio:
      3 / 2;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title {

    min-height:
      125px;

    padding:
      29px 22px 23px !important;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title::before {

    top:
      14px;

    left:
      22px;

    width:
      36px;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title
  .elementor-heading-title,

  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title h2,

  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title h3 {

    font-size:
      clamp(16px,2vw,20px) !important;

    -webkit-line-clamp:
      4;
  }


  .oxfam-destacados-carousel
  .elementor-swiper-button {

    width:
      38px !important;

    height:
      38px !important;
  }

}



/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  /*
   * Una sola publicación.
   * Dejamos un borde lateral muy pequeño para que
   * se entienda visualmente que es un carrusel.
   */

  .oxfam-destacados-carousel {

    padding:
      0 8px;
  }


  .oxfam-destacados-carousel
  .swiper-slide,

  .oxfam-destacados-carousel
  .swiper-slide.e-loop-item {

    padding:
      0 !important;
  }


  .oxfam-destacados-carousel
  .swiper-slide.e-loop-item > .e-con,

  .oxfam-destacados-carousel
  .swiper-slide.e-loop-item > .elementor-element {

    border-radius:
      16px;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-featured-image
  .elementor-widget-container {

    aspect-ratio:
      3 / 2;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title {

    min-height:
      115px;

    padding:
      28px 20px 22px !important;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title::before {

    top:
      13px;

    left:
      20px;

    width:
      34px;

    height:
      4px;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title
  .elementor-heading-title,

  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title h2,

  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title h3 {

    font-size:
      clamp(17px,4.8vw,21px) !important;

    line-height:
      1.2 !important;

    -webkit-line-clamp:
      4;
  }


  /* Flechas */

  .oxfam-destacados-carousel
  .elementor-swiper-button {

    width:
      34px !important;

    height:
      34px !important;
  }


  .oxfam-destacados-carousel
  .elementor-swiper-button-prev {

    left:
      13px !important;
  }


  .oxfam-destacados-carousel
  .elementor-swiper-button-next {

    right:
      13px !important;
  }


  .oxfam-destacados-carousel
  .elementor-swiper-button svg {

    width:
      15px !important;

    height:
      15px !important;
  }

}



/* =========================================================
   MÓVILES PEQUEÑOS
   ========================================================= */

@media (max-width: 420px) {

  .oxfam-destacados-carousel {

    padding:
      0 6px;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title {

    min-height:
      110px;

    padding:
      27px 17px 19px !important;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title::before {

    left:
      17px;
  }


  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title
  .elementor-heading-title,

  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title h2,

  .oxfam-destacados-carousel
  .elementor-widget-theme-post-title h3 {

    font-size:
      clamp(16px,4.7vw,19px) !important;

    -webkit-line-clamp:
      4;
  }

}



/* =========================================================
   ACCESIBILIDAD
   ========================================================= */

.oxfam-destacados-carousel a:focus-visible {

  outline:
    3px solid var(--ox-lime);

  outline-offset:
    -3px;
}



@media (prefers-reduced-motion: reduce) {

  .oxfam-destacados-carousel
  .swiper-slide.e-loop-item > .e-con,

  .oxfam-destacados-carousel
  .swiper-slide.e-loop-item > .elementor-element,

  .oxfam-destacados-carousel
  .elementor-widget-theme-post-featured-image img,

  .oxfam-destacados-carousel
  .elementor-swiper-button {

    transition:
      none !important;
  }


  .oxfam-destacados-carousel
  .swiper-slide:hover
  > .e-con,

  .oxfam-destacados-carousel
  .swiper-slide:hover
  > .elementor-element {

    transform:
      none !important;
  }


  .oxfam-destacados-carousel
  .swiper-slide:hover
  .elementor-widget-theme-post-featured-image img {

    transform:
      none !important;
  }

}
/* =========================================================
   OXFAM HOME — DESTACADOS
   AJUSTES FINALES
   TÍTULO BLANCO + FLECHAS MÁS SUTILES
   ========================================================= */


/* =========================================================
   1. TÍTULO DESTACADOS EN BLANCO
   ========================================================= */

.oxfam-destacados-title,
.oxfam-destacados-title h1,
.oxfam-destacados-title h2,
.oxfam-destacados-title h3,
.oxfam-destacados-title .elementor-heading-title,
.oxfam-destacados-title .elementor-heading-title a {
    color: #ffffff !important;
}


/* Conservamos el pequeño acento lima inferior */

.oxfam-destacados-title::after {
    width: 58px;
    height: 5px;

    background: #bece45 !important;

    border-radius: 999px;
}



/* =========================================================
   2. FLECHAS MÁS PEQUEÑAS Y DELICADAS
   ========================================================= */

.oxfam-destacados-carousel .elementor-swiper-button {

    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;
    min-height: 34px !important;

    padding: 0 !important;

    color: #ffffff !important;

    background:
        rgba(228, 57, 137, 0.92) !important;

    border:
        1px solid rgba(255,255,255,.90) !important;

    border-radius:
        50% !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.14) !important;

    opacity: .92;

    transition:
        transform .18s ease,
        background-color .18s ease,
        opacity .18s ease !important;
}


/* Icono interno */

.oxfam-destacados-carousel
.elementor-swiper-button svg {

    width: 14px !important;
    height: 14px !important;

    fill: currentColor !important;
}


/* Hover muy sutil */

.oxfam-destacados-carousel
.elementor-swiper-button:hover {

    background: #e43989 !important;

    opacity: 1;

    transform: scale(1.06);
}



/* =========================================================
   3. POSICIÓN
   ========================================================= */

.oxfam-destacados-carousel
.elementor-swiper-button-prev {

    left: 10px !important;
}


.oxfam-destacados-carousel
.elementor-swiper-button-next {

    right: 10px !important;
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .oxfam-destacados-carousel
    .elementor-swiper-button {

        width: 32px !important;
        height: 32px !important;

        min-width: 32px !important;
        min-height: 32px !important;
    }


    .oxfam-destacados-carousel
    .elementor-swiper-button svg {

        width: 13px !important;
        height: 13px !important;
    }


    .oxfam-destacados-carousel
    .elementor-swiper-button-prev {

        left: 9px !important;
    }


    .oxfam-destacados-carousel
    .elementor-swiper-button-next {

        right: 9px !important;
    }

}



/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    /*
     * En celular siguen siendo pequeñas,
     * pero suficientemente fáciles de tocar.
     */

    .oxfam-destacados-carousel
    .elementor-swiper-button {

        width: 30px !important;
        height: 30px !important;

        min-width: 30px !important;
        min-height: 30px !important;

        border-width: 1px !important;

        box-shadow:
            0 4px 11px rgba(0,0,0,.13) !important;
    }


    .oxfam-destacados-carousel
    .elementor-swiper-button svg {

        width: 12px !important;
        height: 12px !important;
    }


    .oxfam-destacados-carousel
    .elementor-swiper-button-prev {

        left: 8px !important;
    }


    .oxfam-destacados-carousel
    .elementor-swiper-button-next {

        right: 8px !important;
    }

}



/* =========================================================
   MÓVILES PEQUEÑOS
   ========================================================= */

@media (max-width: 420px) {

    .oxfam-destacados-carousel
    .elementor-swiper-button {

        width: 29px !important;
        height: 29px !important;

        min-width: 29px !important;
        min-height: 29px !important;
    }


    .oxfam-destacados-carousel
    .elementor-swiper-button svg {

        width: 11px !important;
        height: 11px !important;
    }

}/* End custom CSS */