/* Start custom CSS *//* =========================================================
   OXFAM COLOMBIA
   NUESTRO MODELO 2026
   CSS COMPLETO / RESPONSIVE
   VERSIÓN AJUSTADA
   ========================================================= */


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

.oxfam-model-page {

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

    --ox-lime: #BECE45;
    --ox-pink: #E43989;
    --ox-orange: #F16E22;
    --ox-blue: #42A5CF;
    --ox-purple: #552E83;

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

    --ox-text: #444444;
    --ox-text-dark: #173A20;

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

    --ox-shadow:
        0 18px 46px rgba(35,77,28,.08);

    --ox-shadow-hover:
        0 26px 58px rgba(35,77,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;
}


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



/* =========================================================
   02. HERO
   ========================================================= */

.oxfam-model-hero {

    position: relative;

    width: 100%;

    min-height:
        clamp(560px,42vw,710px);

    margin: 0;
    padding: 0;

    overflow: hidden;

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

    isolation: isolate;
}



/* =========================================================
   03. HERO — IMAGEN
   ========================================================= */

.oxfam-model-hero__visual {

    position: absolute;

    inset: 0;

    z-index: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;
}


.oxfam-model-hero__image {

    display: block;

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

    max-width: none !important;

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

    object-fit: cover;

    object-position: 42% center;

    transform: scale(1.01);
}



/* =========================================================
   04. HERO — OVERLAY
   ========================================================= */

.oxfam-model-hero__overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(18,58,24,.04) 0%,
            rgba(18,58,24,.09) 34%,
            rgba(23,73,31,.36) 53%,
            rgba(23,73,31,.82) 74%,
            rgba(23,73,31,.97) 100%
        );
}


.oxfam-model-hero__overlay::before {

    content: "";

    position: absolute;

    inset: auto 0 0 0;

    height: 34%;

    background:
        linear-gradient(
            0deg,
            rgba(16,53,22,.28),
            transparent
        );
}


.oxfam-model-hero__overlay::after {

    content: "";

    position: absolute;

    top: -150px;
    right: 7%;

    width: 350px;
    height: 350px;

    transform: rotate(28deg);

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



/* =========================================================
   05. HERO — CONTENIDO
   ========================================================= */

.oxfam-model-hero__content {

    position: relative;

    z-index: 3;

    display: flex;

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

    width: 100%;

    min-height: inherit;

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



/* =========================================================
   06. HERO — PANEL
   ========================================================= */

.oxfam-model-hero__panel {

    width:
        min(44vw,650px);

    min-width: 0;

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



/* =========================================================
   07. HERO — EYEBROW
   ========================================================= */

.oxfam-model-hero__eyebrow {

    display: inline-flex;

    align-items: center;

    width: fit-content;

    margin: 0 0 18px;

    padding: 9px 15px;

    color: var(--ox-lime);

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

    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-model-hero__eyebrow::before {

    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    margin-right: 8px;

    border-radius: 50%;

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



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

.oxfam-model-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.6vw,94px);

    font-weight: 700;

    line-height: .90;

    letter-spacing: -.035em;

    text-transform: uppercase;

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


.oxfam-model-hero__title span {

    display: block;

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



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

.oxfam-model-hero__lead {

    width:
        min(100%,570px);

    margin: 24px 0 0;

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

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

    line-height: 1.5;
}



/* =========================================================
   10. HERO — ACENTO
   ========================================================= */

.oxfam-model-hero__accent {

    width: 72px;
    height: 6px;

    margin-top: 28px;

    border-radius: 999px;

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



/* =========================================================
   11. INTRO
   ========================================================= */

.oxfam-model-intro {

    position: relative;

    z-index: 5;

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

    margin:
        -52px
        auto
        0;

    background: var(--ox-white);

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

    border-radius: 26px;

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

    overflow: hidden;
}



/* =========================================================
   12. INTRO — INTERIOR
   AJUSTADO PARA EVITAR SUPERPOSICIÓN
   ========================================================= */

.oxfam-model-intro__inner {

    display: grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(0,1.08fr);

    gap:
        clamp(42px,5vw,72px);

    align-items: center;

    padding:
        clamp(44px,5vw,66px)
        clamp(42px,5.5vw,76px);
}



/* =========================================================
   13. INTRO — COLUMNA DE TÍTULO
   ========================================================= */

.oxfam-model-intro__heading {

    min-width: 0;

    max-width: 100%;

    padding-right:
        clamp(8px,1vw,18px);
}



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

.oxfam-model-kicker {

    display: inline-flex;

    align-items: center;

    width: fit-content;

    max-width: 100%;

    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-model-kicker::before {

    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    margin-right: 7px;

    border-radius: 50%;

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



/* =========================================================
   15. INTRO — TÍTULO
   CORRECCIÓN PRINCIPAL
   ========================================================= */

.oxfam-model-intro__heading h2 {

    width: 100%;

    max-width: 590px;

    margin: 24px 0 0 !important;

    padding: 0 !important;

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

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

    /*
     * Antes alcanzaba ~64px.
     * Lo reducimos para mantener la jerarquía
     * sin invadir la columna derecha.
     */
    font-size:
        clamp(40px,3.55vw,56px);

    font-weight: 700;

    line-height: .94;

    letter-spacing: -.025em;

    text-transform: uppercase;

    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}


.oxfam-model-intro__heading h2 span {

    display: block;

    margin-top: 3px;

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



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

.oxfam-model-intro__copy {

    min-width: 0;

    max-width: 680px;

    padding-left:
        clamp(30px,3vw,46px);

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


.oxfam-model-intro__copy p {

    margin: 0 0 20px;

    color: var(--ox-text);

    font-size: 18px;

    line-height: 1.65;
}


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

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

    font-size: 20px;

    font-weight: 500;

    line-height: 1.58;
}


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

    margin-bottom: 0;
}



/* =========================================================
   17. SECCIÓN ¿QUÉ HACEMOS?
   ========================================================= */

.oxfam-model-actions {

    width: 100%;

    padding:
        clamp(74px,8vw,112px)
        clamp(28px,5vw,80px)
        clamp(84px,9vw,120px);

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



/* =========================================================
   18. ENCABEZADO ACCIONES
   ========================================================= */

.oxfam-model-actions__header {

    width:
        min(100%,790px);

    margin:
        0 auto
        clamp(48px,6vw,72px);

    text-align: center;
}


.oxfam-model-actions__header
.oxfam-model-kicker {

    margin: 0 auto;
}


.oxfam-model-actions__header h2 {

    margin:
        20px 0 16px !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: .92;

    letter-spacing: -.03em;

    text-transform: uppercase;
}


.oxfam-model-actions__header h2 span {

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


.oxfam-model-actions__header p {

    max-width: 690px;

    margin: 0 auto;

    color: #666;

    font-size: 17px;

    line-height: 1.6;
}



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

.oxfam-model-actions__grid {

    display: grid;

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

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

    width:
        min(100%,1380px);

    margin: 0 auto;
}



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

.oxfam-model-card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    min-height: 380px;

    padding:
        clamp(30px,3.2vw,42px);

    overflow: hidden;

    background: var(--ox-white);

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

    border-radius: 18px;

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

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


.oxfam-model-card:hover {

    transform: translateY(-5px);

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


.oxfam-model-card::after {

    content: "";

    position: absolute;

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

    width: 140px;
    height: 140px;

    border-radius: 50%;

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

    pointer-events: none;
}



/* =========================================================
   21. TOP TARJETA
   ========================================================= */

.oxfam-model-card__top {

    display: flex;

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

    gap: 20px;

    margin-bottom: 28px;
}



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

.oxfam-model-card__number {

    display: inline-flex;

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

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    border-radius: 50%;

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

    background: var(--ox-lime);

    font-size: 11px;

    font-weight: 800;
}



/* =========================================================
   23. TAG
   ========================================================= */

.oxfam-model-card__tag {

    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ÍTULO TARJETA
   ========================================================= */

.oxfam-model-card h3 {

    max-width: 560px;

    margin:
        0 0 18px !important;

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

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

    font-size:
        clamp(30px,2.8vw,42px);

    line-height: .98;

    letter-spacing: -.02em;

    text-transform: uppercase;
}



/* =========================================================
   25. TEXTO TARJETA
   ========================================================= */

.oxfam-model-card p {

    max-width: 610px;

    margin: 0;

    color: var(--ox-text);

    font-size: 16.5px;

    line-height: 1.62;
}



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

.oxfam-model-card__line {

    display: block;

    width: 38px;
    height: 4px;

    margin-top: auto;

    border-radius: 999px;

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



/* =========================================================
   27. VARIANTES DE COLOR
   ========================================================= */

.oxfam-model-card--01 h3 {
    color: var(--ox-green) !important;
}

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


.oxfam-model-card--02 h3 {
    color: var(--ox-orange) !important;
}

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

.oxfam-model-card--02::after {
    background: rgba(241,110,34,.07);
}


.oxfam-model-card--03 h3 {
    color: var(--ox-purple) !important;
}

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

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


.oxfam-model-card--04 h3 {
    color: var(--ox-pink) !important;
}

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

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



/* =========================================================
   28. PILARES
   ========================================================= */

.oxfam-model-pillars {

    width: 100%;

    padding:
        clamp(72px,8vw,110px)
        clamp(28px,6vw,95px);

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


.oxfam-model-pillars__inner {

    display: grid;

    grid-template-columns:
        minmax(320px,.85fr)
        minmax(0,1.15fr);

    gap:
        clamp(50px,7vw,100px);

    align-items: center;

    width:
        min(100%,1300px);

    margin: 0 auto;
}



/* =========================================================
   29. PILARES — ENCABEZADO
   ========================================================= */

.oxfam-model-pillars__eyebrow {

    display: inline-block;

    margin-bottom: 19px;

    color: var(--ox-green);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .065em;

    text-transform: uppercase;
}


.oxfam-model-pillars__heading h2 {

    margin: 0 !important;

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

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

    font-size:
        clamp(42px,4.7vw,68px);

    line-height: .92;

    letter-spacing: -.03em;

    text-transform: uppercase;
}


.oxfam-model-pillars__heading h2 span {

    display: block;

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


.oxfam-model-pillars__heading > p {

    max-width: 570px;

    margin: 24px 0 0;

    color: var(--ox-text);

    font-size: 18px;

    line-height: 1.6;
}



/* =========================================================
   30. LISTA DE PILARES
   ========================================================= */

.oxfam-model-pillars__list {

    display: grid;

    gap: 14px;
}


.oxfam-model-pillar {

    display: grid;

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

    gap: 20px;

    align-items: flex-start;

    padding:
        24px 26px;

    background: var(--ox-cream);

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

    border-radius: 15px;
}


.oxfam-model-pillar__number {

    display: inline-flex;

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

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: var(--ox-lime);

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

    font-size: 10px;

    font-weight: 800;
}


.oxfam-model-pillar h3 {

    margin:
        0 0 5px !important;

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

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

    font-size: 23px;

    line-height: 1;

    text-transform: uppercase;
}


.oxfam-model-pillar p {

    margin: 0;

    color: var(--ox-text);

    font-size: 15.5px;

    line-height: 1.5;
}



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

.oxfam-model-statement {

    position: relative;

    width: 100%;

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

    overflow: hidden;

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

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


.oxfam-model-statement__shape {

    position: absolute;

    top: -160px;
    right: -115px;

    width: 390px;
    height: 390px;

    border-radius: 50%;

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


.oxfam-model-statement::before {

    content: "";

    position: absolute;

    left: -80px;
    bottom: -135px;

    width: 255px;
    height: 315px;

    transform: rotate(-42deg);

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


.oxfam-model-statement__inner {

    position: relative;

    z-index: 2;

    width:
        min(100%,880px);

    margin: 0 auto;

    text-align: center;
}


.oxfam-model-statement__eyebrow {

    display: inline-block;

    margin-bottom: 22px;

    color: var(--ox-lime);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .065em;

    text-transform: uppercase;
}


.oxfam-model-statement h2 {

    margin: 0 !important;

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

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

    font-size:
        clamp(46px,5vw,75px);

    font-weight: 700;

    line-height: .91;

    letter-spacing: -.03em;

    text-transform: uppercase;
}


.oxfam-model-statement h2 span {

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


.oxfam-model-statement p {

    width:
        min(100%,650px);

    margin:
        25px auto 0;

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

    font-size: 18px;

    line-height: 1.55;
}


.oxfam-model-statement__symbol {

    margin-top: 29px;

    color: var(--ox-lime);

    font-size: 25px;
}



/* =========================================================
   32. ESCRITORIO MEDIANO
   ========================================================= */

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

    .oxfam-model-hero {
        min-height: 590px;
    }


    .oxfam-model-hero__content {

        padding:
            52px
            72px;
    }


    .oxfam-model-hero__panel {

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


    .oxfam-model-hero__title {

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


    .oxfam-model-hero__lead {

        font-size: 19px;
    }


    /*
     * Ajuste específico de la tarjeta introductoria.
     */

    .oxfam-model-intro {

        width:
            min(
                calc(100% - 60px),
                1240px
            );
    }


    .oxfam-model-intro__inner {

        grid-template-columns:
            minmax(0,.92fr)
            minmax(0,1.08fr);

        gap: 46px;

        padding:
            48px
            50px;
    }


    .oxfam-model-intro__heading h2 {

        max-width: 500px;

        font-size:
            clamp(38px,3.3vw,49px);
    }


    .oxfam-model-intro__copy {

        padding-left: 34px;
    }


    .oxfam-model-intro__copy p {

        font-size: 17px;
    }


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

        font-size: 19px;
    }


    .oxfam-model-card {

        min-height: 410px;
    }


    .oxfam-model-card h3 {

        font-size:
            clamp(29px,2.6vw,37px);
    }


    .oxfam-model-card p {

        font-size: 16px;
    }
}



/* =========================================================
   33. TABLET
   ========================================================= */

@media (max-width:1024px) {

    .oxfam-model-hero {

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


    .oxfam-model-hero__image {

        object-position:
            40% center;
    }


    .oxfam-model-hero__overlay {

        background:
            linear-gradient(
                90deg,
                rgba(18,58,24,.04) 0%,
                rgba(18,58,24,.12) 28%,
                rgba(23,73,31,.40) 50%,
                rgba(23,73,31,.88) 76%,
                rgba(23,73,31,.97) 100%
            );
    }


    .oxfam-model-hero__content {

        padding:
            48px
            44px;
    }


    .oxfam-model-hero__panel {

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


    .oxfam-model-hero__title {

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


    /*
     * En tablet convertimos la introducción
     * a una columna para eliminar cualquier
     * riesgo de superposición.
     */

    .oxfam-model-intro {

        width:
            calc(100% - 44px);

        margin-top: -38px;
    }


    .oxfam-model-intro__inner {

        grid-template-columns: 1fr;

        gap: 34px;

        padding:
            46px
            42px;
    }


    .oxfam-model-intro__heading {

        padding-right: 0;
    }


    .oxfam-model-intro__heading h2 {

        max-width: 690px;

        font-size:
            clamp(40px,6vw,56px);
    }


    .oxfam-model-intro__copy {

        max-width: 760px;

        padding-left: 28px;
    }


    .oxfam-model-actions__grid {

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


    .oxfam-model-card {

        min-height: 430px;
    }


    .oxfam-model-pillars__inner {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    .oxfam-model-pillars__heading {

        max-width: 740px;
    }
}



/* =========================================================
   34. MÓVIL
   ========================================================= */

@media (max-width:767px) {

    .oxfam-model-hero {

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


    .oxfam-model-hero__image {

        object-position:
            43% center;
    }


    .oxfam-model-hero__overlay {

        background:
            linear-gradient(
                180deg,
                rgba(20,62,25,.04) 0%,
                rgba(20,62,25,.11) 28%,
                rgba(23,73,31,.48) 53%,
                rgba(23,73,31,.90) 75%,
                rgba(23,73,31,.98) 100%
            );
    }


    .oxfam-model-hero__overlay::after {

        top: -110px;
        right: -105px;

        width: 270px;
        height: 270px;
    }


    .oxfam-model-hero__content {

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

        padding:
            285px
            24px
            48px;
    }


    .oxfam-model-hero__panel {

        width: 100%;

        max-width: 520px;
    }


    .oxfam-model-hero__eyebrow {

        margin-bottom: 13px;

        padding: 8px 12px;

        font-size: 10px;
    }


    .oxfam-model-hero__title {

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

        line-height: .92;
    }


    .oxfam-model-hero__lead {

        max-width: 430px;

        margin-top: 18px;

        font-size: 16.5px;

        line-height: 1.45;
    }


    .oxfam-model-hero__accent {

        width: 52px;
        height: 5px;

        margin-top: 22px;
    }


    /* INTRO */

    .oxfam-model-intro {

        width:
            calc(100% - 28px);

        margin-top: -23px;

        border-radius: 17px;
    }


    .oxfam-model-intro__inner {

        grid-template-columns: 1fr;

        padding:
            34px
            23px
            38px;

        gap: 28px;
    }


    .oxfam-model-intro__heading {

        padding-right: 0;
    }


    .oxfam-model-intro__heading h2 {

        max-width: 100%;

        margin-top: 18px !important;

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

        line-height: .95;
    }


    .oxfam-model-intro__copy {

        max-width: 100%;

        padding-left: 18px;

        border-left-width: 4px;
    }


    .oxfam-model-intro__copy p {

        font-size: 16.5px;

        line-height: 1.62;
    }


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

        font-size: 18px;
    }


    /* ACCIONES */

    .oxfam-model-actions {

        padding:
            62px
            18px
            76px;
    }


    .oxfam-model-actions__header {

        margin-bottom: 40px;
    }


    .oxfam-model-actions__header h2 {

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


    .oxfam-model-actions__header p {

        font-size: 16px;
    }


    .oxfam-model-actions__grid {

        grid-template-columns: 1fr;

        gap: 15px;
    }


    .oxfam-model-card {

        min-height: auto;

        padding:
            26px
            24px
            30px;

        border-radius: 15px;
    }


    .oxfam-model-card__top {

        margin-bottom: 20px;
    }


    .oxfam-model-card h3 {

        max-width: none;

        font-size:
            clamp(27px,7.7vw,34px);
    }


    .oxfam-model-card p {

        font-size: 16px;

        line-height: 1.56;
    }


    .oxfam-model-card__line {

        margin-top: 26px;
    }


    /* PILARES */

    .oxfam-model-pillars {

        padding:
            62px
            18px
            70px;
    }


    .oxfam-model-pillars__inner {

        gap: 36px;
    }


    .oxfam-model-pillars__heading h2 {

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


    .oxfam-model-pillars__heading > p {

        margin-top: 18px;

        font-size: 16.5px;
    }


    .oxfam-model-pillar {

        gap: 15px;

        padding:
            20px
            19px;
    }


    .oxfam-model-pillar h3 {

        font-size: 21px;
    }


    .oxfam-model-pillar p {

        font-size: 15px;
    }


    /* CIERRE */

    .oxfam-model-statement {

        padding:
            72px
            22px;
    }


    .oxfam-model-statement h2 {

        font-size:
            clamp(39px,10.5vw,53px);
    }


    .oxfam-model-statement p {

        font-size: 16.5px;
    }
}



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

@media (max-width:420px) {

    .oxfam-model-hero {

        min-height: 610px;
    }


    .oxfam-model-hero__image {

        object-position:
            40% center;
    }


    .oxfam-model-hero__content {

        padding:
            275px
            19px
            42px;
    }


    .oxfam-model-hero__title {

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


    .oxfam-model-hero__lead {

        font-size: 16px;
    }


    .oxfam-model-intro {

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


    .oxfam-model-intro__inner {

        padding:
            30px
            19px
            34px;
    }


    .oxfam-model-intro__heading h2 {

        font-size:
            clamp(31px,8.8vw,39px);
    }


    .oxfam-model-intro__copy p {

        font-size: 16px;
    }


    .oxfam-model-actions {

        padding-left: 12px;
        padding-right: 12px;
    }


    .oxfam-model-card {

        padding:
            24px
            20px
            28px;
    }


    .oxfam-model-card p {

        font-size: 15.5px;
    }


    .oxfam-model-pillars {

        padding-left: 14px;
        padding-right: 14px;
    }


    .oxfam-model-pillar {

        padding:
            18px
            16px;
    }


    .oxfam-model-statement {

        padding:
            64px
            18px;
    }
}



/* =========================================================
   36. PANTALLAS GRANDES
   ========================================================= */

@media (min-width:1700px) {

    .oxfam-model-hero {

        min-height: 720px;
    }


    .oxfam-model-hero__content {

        padding-right: 9vw;
    }


    .oxfam-model-hero__panel {

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


    .oxfam-model-hero__title {

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


    .oxfam-model-hero__lead {

        max-width: 600px;

        font-size: 22px;
    }


    /*
     * Incluso en pantallas grandes mantenemos
     * controlado el ancho del titular.
     */

    .oxfam-model-intro__heading h2 {

        max-width: 620px;

        font-size:
            clamp(48px,3.3vw,58px);
    }


    .oxfam-model-card {

        min-height: 390px;
    }
}



/* =========================================================
   37. ACCESIBILIDAD
   ========================================================= */

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

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

        animation: none !important;

        transition: none !important;

        scroll-behavior: auto !important;
    }
}/* End custom CSS */