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


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

.oxfam-documents-page {

    --ox-green: #44841A;
    --ox-green-dark: #326716;
    --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: #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;

    color: var(--ox-text);

    background: var(--ox-white);

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


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

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


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

.oxfam-documents-hero {

    position: relative;

    width: 100%;

    min-height:
        clamp(540px, 42vw, 700px);

    margin: 0;
    padding: 0;

    overflow: hidden;

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

    isolation: isolate;
}


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

.oxfam-documents-hero__visual {

    position: absolute;

    inset: 0;

    z-index: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;
}


.oxfam-documents-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: center center;

    transform: scale(1.01);
}


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

.oxfam-documents-hero__overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(17,54,23,.06) 0%,
            rgba(17,54,23,.10) 36%,
            rgba(23,73,31,.42) 56%,
            rgba(23,73,31,.82) 75%,
            rgba(23,73,31,.97) 100%
        );
}


/* Degradado inferior */

.oxfam-documents-hero__overlay::before {

    content: "";

    position: absolute;

    inset:
        auto 0 0 0;

    height: 36%;

    background:
        linear-gradient(
            0deg,
            rgba(15,52,22,.26),
            transparent
        );
}


/* Forma decorativa */

.oxfam-documents-hero__overlay::after {

    content: "";

    position: absolute;

    top: -150px;
    right: 6%;

    width: 340px;
    height: 340px;

    transform: rotate(27deg);

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


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

.oxfam-documents-hero__content {

    position: relative;

    z-index: 3;

    display: flex;

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

    width: 100%;

    min-height: inherit;

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


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

.oxfam-documents-hero__panel {

    width:
        min(44vw,650px);

    min-width: 0;

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


/* =========================================================
   08. HERO — ETIQUETA
   ========================================================= */

.oxfam-documents-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-documents-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-documents-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,.10);
}


.oxfam-documents-hero__title span {

    display: block;

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


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

.oxfam-documents-hero__lead {

    width:
        min(100%,560px);

    margin: 24px 0 0;

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

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

    line-height: 1.5;
}


/* =========================================================
   11. HERO — ACENTO
   ========================================================= */

.oxfam-documents-hero__accent {

    width: 72px;
    height: 6px;

    margin-top: 28px;

    border-radius: 999px;

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


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

.oxfam-documents-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-documents-intro__inner {

    display: grid;

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

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

    align-items: center;

    padding:
        clamp(44px,5vw,66px)
        clamp(38px,6vw,76px);
}


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

.oxfam-documents-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-documents-kicker::before {

    content: "";

    width: 6px;
    height: 6px;

    margin-right: 7px;

    border-radius: 50%;

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


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

.oxfam-documents-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-documents-intro__heading h2 span {

    display: block;

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


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

.oxfam-documents-intro__copy {

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

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


.oxfam-documents-intro__copy p {

    margin: 0 0 18px;

    color: var(--ox-text);

    font-size: 18px;

    line-height: 1.65;
}


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

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

    font-size: 20px;

    font-weight: 500;
}


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

    margin-bottom: 0;
}


/* =========================================================
   17. BIBLIOTECA
   ========================================================= */

.oxfam-documents-library {

    width: 100%;

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

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


/* =========================================================
   18. ENCABEZADO BIBLIOTECA
   ========================================================= */

.oxfam-documents-library__header {

    width:
        min(100%,760px);

    margin:
        0 auto
        clamp(50px,6vw,74px);

    text-align: center;
}


.oxfam-documents-library__header
.oxfam-documents-kicker {

    margin: 0 auto;
}


.oxfam-documents-library__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-documents-library__header h2 span {

    display: block;

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


.oxfam-documents-library__header p {

    max-width: 650px;

    margin: 0 auto;

    color: #666;

    font-size: 17px;

    line-height: 1.6;
}


/* =========================================================
   19. GRUPO DOCUMENTAL
   ========================================================= */

.oxfam-document-group {

    width:
        min(100%,1380px);

    margin:
        0 auto 70px;
}


.oxfam-document-group:last-child {

    margin-bottom: 0;
}


/* =========================================================
   20. CABECERA DE GRUPO
   ========================================================= */

.oxfam-document-group__heading {

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 36px;

    margin-bottom: 28px;

    padding-bottom: 22px;

    border-bottom:
        1px solid rgba(68,132,26,.14);
}


.oxfam-document-group__heading > div {

    display: flex;

    align-items: center;

    gap: 14px;
}


/* =========================================================
   21. ÍNDICE
   ========================================================= */

.oxfam-document-group__index {

    display: inline-flex;

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

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

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

    background: var(--ox-lime);

    border-radius: 50%;

    font-size: 11px;

    font-weight: 800;
}


/* =========================================================
   22. TÍTULO DE GRUPO
   ========================================================= */

.oxfam-document-group__heading h3 {

    margin: 0 !important;

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

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

    font-size:
        clamp(30px,3.1vw,44px);

    line-height: 1;

    text-transform: uppercase;
}


.oxfam-document-group__heading p {

    max-width: 470px;

    margin: 0;

    color: #666;

    font-size: 15px;

    line-height: 1.5;

    text-align: right;
}


/* =========================================================
   23. GRID DOCUMENTAL
   ========================================================= */

.oxfam-document-grid {

    display: grid;

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

    gap: 18px;
}


/* =========================================================
   24. TARJETA DOCUMENTAL
   ========================================================= */

.oxfam-document-card {

    position: relative;

    display: grid;

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

    align-items: center;

    gap: 20px;

    min-height: 130px;

    padding:
        24px 26px;

    overflow: hidden;

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

    background: var(--ox-white);

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

    border-radius: 16px;

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

    text-decoration: none !important;

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


.oxfam-document-card:hover {

    transform: translateY(-4px);

    background: #FCFDF9;

    border-color:
        rgba(68,132,26,.20);

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


/* Pequeña decoración */

.oxfam-document-card::after {

    content: "";

    position: absolute;

    right: -38px;
    bottom: -45px;

    width: 100px;
    height: 100px;

    border-radius: 50%;

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

    pointer-events: none;
}


/* =========================================================
   25. NÚMERO DOCUMENTO
   ========================================================= */

.oxfam-document-card__number {

    display: inline-flex;

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

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    border-radius: 50%;

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

    background: var(--ox-lime);

    font-size: 10px;

    font-weight: 800;
}


/* =========================================================
   26. CONTENIDO DE TARJETA
   ========================================================= */

.oxfam-document-card__content {

    min-width: 0;
}


/* =========================================================
   27. TIPO
   ========================================================= */

.oxfam-document-card__type {

    display: block;

    margin-bottom: 7px;

    color: var(--ox-green);

    font-size: 10px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: .065em;

    text-transform: uppercase;
}


/* =========================================================
   28. TÍTULO DOCUMENTO
   ========================================================= */

.oxfam-document-card h4 {

    margin: 0 !important;

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

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

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

    font-weight: 600;

    line-height: 1.35;
}


/* =========================================================
   29. ICONO
   ========================================================= */

.oxfam-document-card__icon {

    position: relative;

    z-index: 2;

    display: inline-flex;

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

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    color: var(--ox-green);

    background:
        rgba(68,132,26,.08);

    border-radius: 50%;

    font-size: 18px;

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


.oxfam-document-card:hover
.oxfam-document-card__icon {

    color: var(--ox-white);

    background: var(--ox-pink);

    transform:
        translate(2px,-2px);
}


/* =========================================================
   30. GRUPO INTERMÓN
   ========================================================= */

.oxfam-document-group--intermon
.oxfam-document-group__index {

    color: var(--ox-white);

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


.oxfam-document-group--intermon
.oxfam-document-card__number {

    color: var(--ox-white);

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


.oxfam-document-group--intermon
.oxfam-document-card__type {

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


.oxfam-document-group--intermon
.oxfam-document-card__icon {

    color: var(--ox-purple);

    background:
        rgba(85,46,131,.08);
}


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

.oxfam-documents-statement {

    position: relative;

    width: 100%;

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

    overflow: hidden;

    color: var(--ox-white);

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


/* =========================================================
   32. DECORACIÓN CIERRE
   ========================================================= */

.oxfam-documents-statement__shape {

    position: absolute;

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

    width: 390px;
    height: 390px;

    border-radius: 50%;

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


.oxfam-documents-statement::before {

    content: "";

    position: absolute;

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

    width: 255px;
    height: 315px;

    transform:
        rotate(-42deg);

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


/* =========================================================
   33. CIERRE — INTERIOR
   ========================================================= */

.oxfam-documents-statement__inner {

    position: relative;

    z-index: 2;

    width:
        min(100%,850px);

    margin: 0 auto;

    text-align: center;
}


/* =========================================================
   34. CIERRE — EYEBROW
   ========================================================= */

.oxfam-documents-statement__eyebrow {

    display: inline-block;

    margin-bottom: 21px;

    color: var(--ox-lime);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .065em;

    text-transform: uppercase;
}


/* =========================================================
   35. CIERRE — TÍTULO
   ========================================================= */

.oxfam-documents-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,74px);

    font-weight: 700;

    line-height: .92;

    letter-spacing: -.03em;

    text-transform: uppercase;
}


.oxfam-documents-statement h2 span {

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


/* =========================================================
   36. CIERRE — TEXTO
   ========================================================= */

.oxfam-documents-statement p {

    width:
        min(100%,650px);

    margin:
        25px auto 0;

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

    font-size: 18px;

    line-height: 1.55;
}


/* =========================================================
   37. CIERRE — SÍMBOLO
   ========================================================= */

.oxfam-documents-statement__symbol {

    margin-top: 29px;

    color: var(--ox-lime);

    font-size: 25px;
}


/* =========================================================
   38. ESCRITORIO MEDIANO
   ========================================================= */

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

    .oxfam-documents-hero {

        min-height: 590px;
    }


    .oxfam-documents-hero__content {

        padding:
            50px
            72px;
    }


    .oxfam-documents-hero__panel {

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


    .oxfam-documents-hero__title {

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


    .oxfam-document-card {

        min-height: 126px;
    }

}


/* =========================================================
   39. TABLET
   ========================================================= */

@media (max-width:1024px) {

    /* HERO */

    .oxfam-documents-hero {

        min-height:
            clamp(550px,69vw,650px);
    }


    .oxfam-documents-hero__image {

        object-position:
            44% center;
    }


    .oxfam-documents-hero__overlay {

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


    .oxfam-documents-hero__content {

        padding:
            46px
            44px;
    }


    .oxfam-documents-hero__panel {

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


    .oxfam-documents-hero__title {

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


    /* INTRO */

    .oxfam-documents-intro {

        width:
            calc(100% - 44px);

        margin-top: -38px;
    }


    .oxfam-documents-intro__inner {

        grid-template-columns:
            1fr;

        gap: 34px;

        padding:
            46px
            42px;
    }


    .oxfam-documents-intro__copy {

        max-width: 760px;
    }


    /* GRUPOS */

    .oxfam-document-group__heading {

        align-items: flex-start;

        flex-direction: column;

        gap: 13px;
    }


    .oxfam-document-group__heading p {

        max-width: 620px;

        text-align: left;
    }


    .oxfam-document-grid {

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

}


/* =========================================================
   40. MÓVIL
   ========================================================= */

@media (max-width:767px) {

    /* HERO */

    .oxfam-documents-hero {

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


    .oxfam-documents-hero__image {

        object-position:
            42% center;
    }


    .oxfam-documents-hero__overlay {

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


    .oxfam-documents-hero__overlay::after {

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

        width: 270px;
        height: 270px;
    }


    .oxfam-documents-hero__content {

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

        padding:
            290px
            24px
            48px;
    }


    .oxfam-documents-hero__panel {

        width: 100%;

        max-width: 520px;
    }


    .oxfam-documents-hero__eyebrow {

        margin-bottom: 13px;

        padding: 8px 12px;

        font-size: 10px;
    }


    .oxfam-documents-hero__title {

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

        line-height: .92;
    }


    .oxfam-documents-hero__lead {

        max-width: 420px;

        margin-top: 18px;

        font-size: 16.5px;

        line-height: 1.45;
    }


    .oxfam-documents-hero__accent {

        width: 52px;
        height: 5px;

        margin-top: 22px;
    }


    /* INTRO */

    .oxfam-documents-intro {

        width:
            calc(100% - 28px);

        margin-top: -22px;

        border-radius: 17px;
    }


    .oxfam-documents-intro__inner {

        padding:
            34px
            23px
            38px;

        gap: 28px;
    }


    .oxfam-documents-intro__heading h2 {

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


    .oxfam-documents-intro__copy {

        padding-left: 18px;

        border-left-width: 4px;
    }


    .oxfam-documents-intro__copy p {

        font-size: 16.5px;

        line-height: 1.62;
    }


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

        font-size: 18px;
    }


    /* BIBLIOTECA */

    .oxfam-documents-library {

        padding:
            62px
            18px
            76px;
    }


    .oxfam-documents-library__header {

        margin-bottom: 42px;
    }


    .oxfam-documents-library__header h2 {

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


    .oxfam-documents-library__header p {

        font-size: 16px;
    }


    /* GRUPO */

    .oxfam-document-group {

        margin-bottom: 56px;
    }


    .oxfam-document-group__heading {

        margin-bottom: 20px;
    }


    .oxfam-document-group__heading h3 {

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


    .oxfam-document-group__heading p {

        font-size: 14.5px;
    }


    /* UNA COLUMNA */

    .oxfam-document-grid {

        grid-template-columns:
            1fr;

        gap: 12px;
    }


    .oxfam-document-card {

        min-height: 110px;

        gap: 14px;

        padding:
            20px
            18px;

        border-radius: 14px;
    }


    .oxfam-document-card h4 {

        font-size: 17px;
    }


    .oxfam-document-card__icon {

        width: 34px;
        height: 34px;

        flex-basis: 34px;

        font-size: 16px;
    }


    /* CIERRE */

    .oxfam-documents-statement {

        padding:
            72px
            22px;
    }


    .oxfam-documents-statement h2 {

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


    .oxfam-documents-statement p {

        font-size: 16.5px;
    }

}


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

@media (max-width:420px) {

    .oxfam-documents-hero {

        min-height: 610px;
    }


    .oxfam-documents-hero__image {

        object-position:
            40% center;
    }


    .oxfam-documents-hero__content {

        padding:
            280px
            19px
            42px;
    }


    .oxfam-documents-hero__title {

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


    .oxfam-documents-hero__lead {

        font-size: 16px;
    }


    .oxfam-documents-intro {

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


    .oxfam-documents-intro__inner {

        padding:
            30px
            19px
            34px;
    }


    .oxfam-documents-intro__copy p {

        font-size: 16px;
    }


    .oxfam-documents-library {

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


    .oxfam-document-card {

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

        padding:
            19px
            16px;
    }


    .oxfam-document-card__icon {

        display: none;
    }


    .oxfam-document-card__type {

        font-size: 9px;
    }


    .oxfam-document-card h4 {

        font-size: 16.5px;
    }


    .oxfam-documents-statement {

        padding:
            64px
            18px;
    }

}


/* =========================================================
   42. PANTALLAS GRANDES
   ========================================================= */

@media (min-width:1700px) {

    .oxfam-documents-hero {

        min-height: 720px;
    }


    .oxfam-documents-hero__content {

        padding-right: 9vw;
    }


    .oxfam-documents-hero__panel {

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


    .oxfam-documents-hero__title {

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


    .oxfam-documents-hero__lead {

        max-width: 590px;

        font-size: 22px;
    }

}


/* =========================================================
   43. ACCESIBILIDAD
   ========================================================= */

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

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

        animation: none !important;

        transition: none !important;

        scroll-behavior: auto !important;
    }

}/* End custom CSS */