:root{--page-title-display:none;}/* Start custom CSS *//* =========================================================
   OXFAM COLOMBIA
   PRINCIPIOS FEMINISTAS 2026
   CSS COMPLETO / RESPONSIVE
   ========================================================= */


/* =========================================================
   01. VARIABLES
   ========================================================= */

.oxfam-feminist-page {

    --ox-green: #44841A;
    --ox-green-dark: #2F6818;
    --ox-green-deep: #17491F;

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

    --ox-purple: #552E83;
    --ox-blue: #42A5CF;

    --ox-white: #FFFFFF;
    --ox-cream: #F6F7EF;
    --ox-soft: #F1F3E8;

    --ox-text: #444444;
    --ox-text-dark: #16351D;

    --ox-border: rgba(68, 132, 26, .10);

    --ox-shadow:
        0 18px 45px rgba(34, 76, 28, .08);

    --ox-shadow-hover:
        0 26px 58px rgba(34, 76, 28, .14);

    position: relative;

    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background: var(--ox-white);

    color: var(--ox-text);

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


/* =========================================================
   02. RESET LOCAL
   ========================================================= */

.oxfam-feminist-page *,
.oxfam-feminist-page *::before,
.oxfam-feminist-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   03. HERO GENERAL
   ========================================================= */

.oxfam-feminist-hero {

    position: relative;

    width: 100%;

    min-height:
        clamp(560px, 43vw, 720px);

    overflow: hidden;

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

    isolation: isolate;
}


/* =========================================================
   04. HERO — IMAGEN
   ========================================================= */

.oxfam-feminist-hero__visual {

    position: absolute;

    inset: 0;

    z-index: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;
}


.oxfam-feminist-hero__image {

    display: block;

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

    max-width: none !important;

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

    object-fit: cover;

    /*
     * La fotografía tiene bastante información.
     * Este encuadre deja aire para el texto.
     */
    object-position: 44% center;

    transform: scale(1.01);
}


/* =========================================================
   05. HERO — OVERLAY
   ========================================================= */

.oxfam-feminist-hero__overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:

        linear-gradient(
            90deg,
            rgba(18, 58, 24, .10) 0%,
            rgba(18, 58, 24, .12) 36%,
            rgba(20, 67, 27, .39) 55%,
            rgba(20, 67, 27, .79) 73%,
            rgba(20, 67, 27, .96) 100%
        );
}


/* leve oscurecimiento inferior */

.oxfam-feminist-hero__overlay::before {

    content: "";

    position: absolute;

    inset:
        auto 0 0 0;

    height: 34%;

    background:
        linear-gradient(
            0deg,
            rgba(18, 55, 23, .24),
            transparent
        );
}


/* figura geométrica */

.oxfam-feminist-hero__overlay::after {

    content: "";

    position: absolute;

    top: -160px;
    right: 5%;

    width: 360px;
    height: 360px;

    transform:
        rotate(28deg);

    background:
        rgba(228, 57, 137, .06);
}


/* =========================================================
   06. HERO — CONTENIDO
   ========================================================= */

.oxfam-feminist-hero__content {

    position: relative;

    z-index: 3;

    display: flex;

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

    width: 100%;

    min-height: inherit;

    padding:
        58px
        clamp(58px, 7vw, 135px);
}


/* =========================================================
   07. HERO — PANEL
   ========================================================= */

.oxfam-feminist-hero__panel {

    width:
        min(44vw, 680px);

    min-width: 0;

    color: var(--ox-white);
}


/* =========================================================
   08. HERO — EYEBROW
   ========================================================= */

.oxfam-feminist-hero__eyebrow {

    display: inline-flex;

    align-items: center;

    width: fit-content;

    margin: 0 0 19px;

    padding:
        9px 15px;

    color:
        var(--ox-lime);

    background:
        rgba(35, 92, 27, .40);

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

    border-radius:
        999px;

    backdrop-filter:
        blur(5px);

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

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .055em;

    text-transform: uppercase;
}


.oxfam-feminist-hero__eyebrow::before {

    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    margin-right: 8px;

    border-radius: 50%;

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


/* =========================================================
   09. HERO — TÍTULO
   ========================================================= */

.oxfam-feminist-hero__title {

    margin:
        0 !important;

    padding:
        0 !important;

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

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

    font-size:
        clamp(58px, 5.5vw, 92px);

    font-weight: 700;

    line-height: .90;

    letter-spacing: -.035em;

    text-transform: uppercase;

    text-shadow:
        0 4px 22px rgba(0, 0, 0, .10);
}


.oxfam-feminist-hero__title span {

    display: block;

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


/* =========================================================
   10. HERO — DESCRIPCIÓN
   ========================================================= */

.oxfam-feminist-hero__lead {

    width:
        min(100%, 590px);

    margin:
        24px 0 0;

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

    font-size:
        clamp(18px, 1.45vw, 22px);

    font-weight: 400;

    line-height: 1.5;
}


/* =========================================================
   11. HERO — LÍNEA
   ========================================================= */

.oxfam-feminist-hero__accent {

    width: 72px;
    height: 6px;

    margin-top: 29px;

    border-radius:
        999px;

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


/* =========================================================
   12. INTRODUCCIÓN
   ========================================================= */

.oxfam-feminist-intro {

    position: relative;

    z-index: 5;

    width:
        min(
            calc(100% - 70px),
            1260px
        );

    margin:
        -52px
        auto
        0;

    background:
        var(--ox-white);

    border:
        1px solid var(--ox-border);

    border-radius:
        24px;

    box-shadow:
        var(--ox-shadow);
}


/* =========================================================
   13. INTRO — INTERIOR
   ========================================================= */

.oxfam-feminist-intro__inner {

    display: grid;

    grid-template-columns:
        minmax(290px, .85fr)
        minmax(0, 1.3fr);

    gap:
        clamp(42px, 6vw, 82px);

    align-items: center;

    padding:
        clamp(44px, 5vw, 68px)
        clamp(38px, 6vw, 78px);
}


/* =========================================================
   14. KICKER GENERAL
   ========================================================= */

.oxfam-feminist-kicker {

    display: inline-flex;

    align-items: center;

    width: fit-content;

    padding:
        8px 13px;

    color:
        var(--ox-green);

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

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

    border-radius:
        999px;

    font-size: 11px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .055em;

    text-transform: uppercase;
}


.oxfam-feminist-kicker::before {

    content: "";

    width: 6px;
    height: 6px;

    margin-right: 7px;

    border-radius: 50%;

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


/* =========================================================
   15. INTRO — TÍTULO
   ========================================================= */

.oxfam-feminist-intro__heading h2 {

    margin:
        20px 0 0 !important;

    color:
        var(--ox-green-deep) !important;

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

    font-size:
        clamp(40px, 4.3vw, 64px);

    line-height: .94;

    letter-spacing:
        -.025em;

    text-transform:
        uppercase;
}


.oxfam-feminist-intro__heading h2 span {

    display: block;

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


/* =========================================================
   16. INTRO — TEXTO
   ========================================================= */

.oxfam-feminist-intro__copy {

    position: relative;

    padding-left:
        clamp(28px, 3vw, 42px);

    border-left:
        5px solid var(--ox-lime);
}


.oxfam-feminist-intro__copy p {

    margin:
        0 0 19px;

    color:
        var(--ox-text);

    font-size:
        18px;

    line-height:
        1.65;
}


.oxfam-feminist-intro__copy p:first-child {

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

    font-size:
        20px;

    font-weight: 500;
}


.oxfam-feminist-intro__copy p:last-child {

    margin-bottom: 0;
}


/* =========================================================
   17. PRINCIPIOS — SECCIÓN
   ========================================================= */

.oxfam-feminist-principles {

    width: 100%;

    padding:
        clamp(72px, 8vw, 115px)
        clamp(28px, 5vw, 80px)
        clamp(82px, 9vw, 125px);

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


/* =========================================================
   18. PRINCIPIOS — ENCABEZADO
   ========================================================= */

.oxfam-feminist-principles__header {

    width:
        min(100%, 790px);

    margin:
        0 auto
        clamp(45px, 5vw, 66px);

    text-align: center;
}


.oxfam-feminist-principles__header
.oxfam-feminist-kicker {

    margin:
        0 auto;
}


.oxfam-feminist-principles__header h2 {

    margin:
        20px 0 17px !important;

    color:
        var(--ox-green-dark) !important;

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

    font-size:
        clamp(44px, 5vw, 70px);

    line-height:
        .91;

    letter-spacing:
        -.03em;

    text-transform:
        uppercase;
}


.oxfam-feminist-principles__header h2 span {

    display: block;

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


.oxfam-feminist-principles__header p {

    max-width:
        720px;

    margin:
        0 auto;

    color:
        #666;

    font-size:
        17px;

    line-height:
        1.6;
}


/* =========================================================
   19. GRID
   ========================================================= */

.oxfam-feminist-grid {

    display: grid;

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

    gap:
        clamp(18px, 2vw, 28px);

    width:
        min(100%, 1380px);

    margin:
        0 auto;
}


/* =========================================================
   20. TARJETAS
   ========================================================= */

.oxfam-feminist-card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    min-height: 340px;

    padding:
        clamp(27px, 3vw, 38px);

    overflow: hidden;

    background:
        var(--ox-white);

    border:
        1px solid rgba(68, 132, 26, .08);

    border-radius:
        18px;

    box-shadow:
        var(--ox-shadow);

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


.oxfam-feminist-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        var(--ox-shadow-hover);
}


/* Forma gráfica inferior */

.oxfam-feminist-card::after {

    content: "";

    position: absolute;

    right: -55px;
    bottom: -55px;

    width: 135px;
    height: 135px;

    border-radius: 50%;

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

    pointer-events: none;
}


/* =========================================================
   21. META
   ========================================================= */

.oxfam-feminist-card__meta {

    display: flex;

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

    gap: 20px;

    margin-bottom: 28px;
}


/* =========================================================
   22. NÚMERO
   ========================================================= */

.oxfam-feminist-card__number {

    display: inline-flex;

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

    width: 34px;
    height: 34px;

    flex:
        0 0 34px;

    border-radius: 50%;

    background:
        var(--ox-lime);

    color:
        var(--ox-green-deep);

    font-size:
        10px;

    font-weight:
        800;
}


/* =========================================================
   23. CATEGORÍA
   ========================================================= */

.oxfam-feminist-card__category {

    color:
        var(--ox-green);

    font-size:
        9px;

    font-weight: 700;

    letter-spacing:
        .07em;

    line-height:
        1.2;

    text-align:
        right;

    text-transform:
        uppercase;
}


/* =========================================================
   24. TÍTULOS DE TARJETAS
   ========================================================= */

.oxfam-feminist-card h3 {

    margin:
        0 0 16px !important;

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

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

    font-size:
        clamp(26px, 2.35vw, 35px);

    font-weight:
        700;

    line-height:
        .98;

    letter-spacing:
        -.015em;

    text-transform:
        uppercase;
}


/* =========================================================
   25. DESCRIPCIÓN TARJETAS
   ========================================================= */

.oxfam-feminist-card p {

    margin:
        0;

    color:
        var(--ox-text);

    font-size:
        16px;

    line-height:
        1.58;
}


/* =========================================================
   26. LÍNEA INFERIOR
   ========================================================= */

.oxfam-feminist-card__line {

    display: block;

    width: 34px;
    height: 4px;

    margin-top:
        auto;

    padding-top: 0;

    transform:
        translateY(4px);

    border-radius:
        999px;

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


/* =========================================================
   27. COLORES DE TARJETAS
   ========================================================= */


/* PURPLE */

.oxfam-feminist-card--purple h3 {
    color:
        var(--ox-purple);
}

.oxfam-feminist-card--purple
.oxfam-feminist-card__line {
    background:
        var(--ox-purple);
}

.oxfam-feminist-card--purple::after {
    background:
        rgba(85, 46, 131, .07);
}


/* PINK */

.oxfam-feminist-card--pink h3 {
    color:
        var(--ox-pink);
}

.oxfam-feminist-card--pink
.oxfam-feminist-card__line {
    background:
        var(--ox-pink);
}

.oxfam-feminist-card--pink::after {
    background:
        rgba(228, 57, 137, .07);
}


/* LIME */

.oxfam-feminist-card--lime h3 {
    color:
        var(--ox-green);
}

.oxfam-feminist-card--lime
.oxfam-feminist-card__line {
    background:
        var(--ox-lime);
}

.oxfam-feminist-card--lime::after {
    background:
        rgba(190, 206, 69, .12);
}


/* GREEN */

.oxfam-feminist-card--green h3 {
    color:
        var(--ox-green);
}

.oxfam-feminist-card--green
.oxfam-feminist-card__line {
    background:
        var(--ox-green);
}

.oxfam-feminist-card--green::after {
    background:
        rgba(68, 132, 26, .08);
}


/* ORANGE */

.oxfam-feminist-card--orange h3 {
    color:
        var(--ox-orange);
}

.oxfam-feminist-card--orange
.oxfam-feminist-card__line {
    background:
        var(--ox-orange);
}

.oxfam-feminist-card--orange::after {
    background:
        rgba(241, 110, 34, .08);
}


/* =========================================================
   28. ÚLTIMA TARJETA
   Ocupa dos columnas
   ========================================================= */

@media (min-width: 1025px) {

    .oxfam-feminist-card:nth-child(11) {

        grid-column:
            span 2;

        min-height:
            300px;
    }

}


/* =========================================================
   29. CIERRE INSTITUCIONAL
   ========================================================= */

.oxfam-feminist-statement {

    position: relative;

    width: 100%;

    padding:
        clamp(78px, 9vw, 125px)
        30px;

    overflow: hidden;

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

    color:
        var(--ox-white);
}


/* =========================================================
   30. FORMA DECORATIVA
   ========================================================= */

.oxfam-feminist-statement__shape {

    position: absolute;

    top: -155px;
    right: -115px;

    width: 380px;
    height: 380px;

    border-radius: 50%;

    background:
        rgba(190, 206, 69, .08);
}


.oxfam-feminist-statement::before {

    content: "";

    position: absolute;

    left: -80px;
    bottom: -125px;

    width: 250px;
    height: 300px;

    transform:
        rotate(-42deg);

    background:
        rgba(190, 206, 69, .07);
}


/* =========================================================
   31. CONTENIDO CIERRE
   ========================================================= */

.oxfam-feminist-statement__inner {

    position: relative;

    z-index: 2;

    width:
        min(100%, 840px);

    margin:
        0 auto;

    text-align:
        center;
}


/* =========================================================
   32. EYEBROW CIERRE
   ========================================================= */

.oxfam-feminist-statement__eyebrow {

    display: inline-block;

    margin-bottom: 22px;

    color:
        var(--ox-lime);

    font-size: 11px;

    font-weight: 700;

    letter-spacing:
        .065em;

    text-transform:
        uppercase;
}


/* =========================================================
   33. TÍTULO CIERRE
   ========================================================= */

.oxfam-feminist-statement h2 {

    margin:
        0 !important;

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

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

    font-size:
        clamp(48px, 5.2vw, 76px);

    font-weight:
        700;

    line-height:
        .91;

    letter-spacing:
        -.03em;

    text-transform:
        uppercase;
}


.oxfam-feminist-statement h2 span {

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


/* =========================================================
   34. TEXTO CIERRE
   ========================================================= */

.oxfam-feminist-statement p {

    width:
        min(100%, 650px);

    margin:
        25px auto 0;

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

    font-size:
        18px;

    line-height:
        1.55;
}


/* =========================================================
   35. SÍMBOLO
   ========================================================= */

.oxfam-feminist-statement__symbol {

    margin-top: 29px;

    color:
        var(--ox-lime);

    font-size:
        25px;
}


/* =========================================================
   36. ESCRITORIO MEDIANO
   ========================================================= */

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

    .oxfam-feminist-hero {

        min-height:
            590px;
    }


    .oxfam-feminist-hero__content {

        padding:
            52px
            72px;
    }


    .oxfam-feminist-hero__panel {

        width:
            min(46vw, 600px);
    }


    .oxfam-feminist-hero__title {

        font-size:
            clamp(53px, 5.2vw, 76px);
    }


    .oxfam-feminist-hero__lead {

        font-size:
            19px;
    }


    .oxfam-feminist-card {

        min-height:
            365px;
    }


    .oxfam-feminist-card h3 {

        font-size:
            clamp(25px, 2.2vw, 31px);
    }


    .oxfam-feminist-card p {

        font-size:
            15.5px;
    }

}


/* =========================================================
   37. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    /* HERO */

    .oxfam-feminist-hero {

        min-height:
            clamp(560px, 69vw, 660px);
    }


    .oxfam-feminist-hero__image {

        object-position:
            42% center;
    }


    .oxfam-feminist-hero__overlay {

        background:
            linear-gradient(
                90deg,
                rgba(18, 58, 24, .05) 0%,
                rgba(18, 58, 24, .13) 30%,
                rgba(20, 67, 27, .39) 50%,
                rgba(20, 67, 27, .88) 75%,
                rgba(20, 67, 27, .97) 100%
            );
    }


    .oxfam-feminist-hero__content {

        padding:
            48px
            46px;
    }


    .oxfam-feminist-hero__panel {

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


    .oxfam-feminist-hero__title {

        font-size:
            clamp(48px, 7.2vw, 68px);
    }


    .oxfam-feminist-hero__lead {

        font-size:
            17.5px;
    }


    /* INTRO */

    .oxfam-feminist-intro {

        width:
            calc(100% - 44px);

        margin-top:
            -38px;
    }


    .oxfam-feminist-intro__inner {

        grid-template-columns:
            1fr;

        gap:
            35px;

        padding:
            46px 42px;
    }


    .oxfam-feminist-intro__heading {

        max-width:
            680px;
    }


    .oxfam-feminist-intro__copy {

        max-width:
            760px;

        padding-left:
            28px;
    }


    /* GRID */

    .oxfam-feminist-grid {

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


    .oxfam-feminist-card {

        min-height:
            330px;
    }

}


/* =========================================================
   38. MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       HERO
       ===================================================== */

    .oxfam-feminist-hero {

        min-height:
            min(150vw, 660px);
    }


    .oxfam-feminist-hero__image {

        object-position:
            42% center;
    }


    .oxfam-feminist-hero__overlay {

        background:
            linear-gradient(
                180deg,
                rgba(19, 62, 24, .04) 0%,
                rgba(19, 62, 24, .12) 30%,
                rgba(20, 67, 27, .48) 53%,
                rgba(20, 67, 27, .90) 75%,
                rgba(20, 67, 27, .98) 100%
            );
    }


    .oxfam-feminist-hero__overlay::after {

        top: -115px;
        right: -110px;

        width: 270px;
        height: 270px;
    }


    .oxfam-feminist-hero__content {

        align-items: flex-end;
        justify-content: flex-start;

        padding:
            290px
            24px
            48px;
    }


    .oxfam-feminist-hero__panel {

        width: 100%;

        max-width:
            520px;
    }


    .oxfam-feminist-hero__eyebrow {

        margin-bottom:
            13px;

        padding:
            8px 12px;

        font-size:
            10px;
    }


    .oxfam-feminist-hero__title {

        font-size:
            clamp(43px, 12vw, 59px);

        line-height:
            .92;
    }


    .oxfam-feminist-hero__lead {

        width: 100%;

        max-width:
            430px;

        margin-top:
            18px;

        font-size:
            16.5px;

        line-height:
            1.45;
    }


    .oxfam-feminist-hero__accent {

        width: 52px;
        height: 5px;

        margin-top:
            22px;
    }


    /* =====================================================
       INTRO
       ===================================================== */

    .oxfam-feminist-intro {

        width:
            calc(100% - 28px);

        margin-top:
            -23px;

        border-radius:
            17px;
    }


    .oxfam-feminist-intro__inner {

        padding:
            34px
            23px
            38px;

        gap:
            29px;
    }


    .oxfam-feminist-intro__heading h2 {

        margin-top:
            17px !important;

        font-size:
            clamp(34px, 9vw, 45px);
    }


    .oxfam-feminist-intro__copy {

        padding-left:
            18px;

        border-left-width:
            4px;
    }


    .oxfam-feminist-intro__copy p {

        font-size:
            16.5px;

        line-height:
            1.62;
    }


    .oxfam-feminist-intro__copy
    p:first-child {

        font-size:
            18px;
    }


    /* =====================================================
       PRINCIPIOS
       ===================================================== */

    .oxfam-feminist-principles {

        padding:
            62px
            18px
            76px;
    }


    .oxfam-feminist-principles__header {

        margin-bottom:
            38px;
    }


    .oxfam-feminist-principles__header h2 {

        font-size:
            clamp(37px, 10vw, 50px);
    }


    .oxfam-feminist-principles__header p {

        font-size:
            16px;
    }


    /* GRID 1 COLUMNA */

    .oxfam-feminist-grid {

        grid-template-columns:
            1fr;

        gap:
            15px;
    }


    .oxfam-feminist-card {

        min-height:
            auto;

        padding:
            26px 24px 30px;

        border-radius:
            15px;
    }


    .oxfam-feminist-card__meta {

        margin-bottom:
            21px;
    }


    .oxfam-feminist-card h3 {

        font-size:
            clamp(26px, 7.5vw, 32px);
    }


    .oxfam-feminist-card p {

        font-size:
            16px;

        line-height:
            1.55;
    }


    .oxfam-feminist-card__line {

        margin-top:
            26px;
    }


    /* =====================================================
       CIERRE
       ===================================================== */

    .oxfam-feminist-statement {

        padding:
            72px
            22px;
    }


    .oxfam-feminist-statement h2 {

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


    .oxfam-feminist-statement p {

        font-size:
            16.5px;
    }

}


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

@media (max-width: 420px) {

    .oxfam-feminist-hero {

        min-height:
            610px;
    }


    .oxfam-feminist-hero__image {

        object-position:
            40% center;
    }


    .oxfam-feminist-hero__content {

        padding:
            280px
            19px
            42px;
    }


    .oxfam-feminist-hero__title {

        font-size:
            clamp(40px, 11.4vw, 51px);
    }


    .oxfam-feminist-hero__lead {

        font-size:
            16px;
    }


    .oxfam-feminist-intro {

        width:
            calc(100% - 20px);
    }


    .oxfam-feminist-intro__inner {

        padding:
            30px
            19px
            34px;
    }


    .oxfam-feminist-intro__copy p {

        font-size:
            16px;
    }


    .oxfam-feminist-principles {

        padding-left:
            12px;

        padding-right:
            12px;
    }


    .oxfam-feminist-card {

        padding:
            24px
            20px
            28px;
    }


    .oxfam-feminist-card p {

        font-size:
            15.5px;
    }


    .oxfam-feminist-statement {

        padding:
            65px
            18px;
    }

}


/* =========================================================
   40. PANTALLAS GRANDES
   ========================================================= */

@media (min-width: 1700px) {

    .oxfam-feminist-hero {

        min-height:
            720px;
    }


    .oxfam-feminist-hero__content {

        padding-right:
            9vw;
    }


    .oxfam-feminist-hero__panel {

        width:
            min(41vw, 700px);
    }


    .oxfam-feminist-hero__title {

        font-size:
            clamp(78px, 5.4vw, 104px);
    }


    .oxfam-feminist-hero__lead {

        max-width:
            610px;

        font-size:
            22px;
    }


    .oxfam-feminist-card {

        min-height:
            355px;
    }

}


/* =========================================================
   41. ACCESIBILIDAD
   ========================================================= */

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

    .oxfam-feminist-page *,
    .oxfam-feminist-page *::before,
    .oxfam-feminist-page *::after {

        animation:
            none !important;

        transition:
            none !important;

        scroll-behavior:
            auto !important;
    }

}/* End custom CSS */