:root{--page-title-display:none;}/* Start custom CSS *//* ==========================================================
   OXFAM COLOMBIA
   PÁGINA: NUESTROS VALORES
   DISEÑO RESPONSIVE CONSOLIDADO
   ========================================================== */


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

.oxfam-values-page {
  --ov-green: #44841A;
  --ov-green-dark: #2B6519;
  --ov-green-deep: #173F19;

  --ov-lime: #BECE45;
  --ov-pink: #E43989;
  --ov-orange: #F16E22;
  --ov-purple: #56308B;
  --ov-blue: #42A4CC;
  --ov-grey: #6D6E70;

  --ov-white: #FFFFFF;
  --ov-black: #111111;

  --ov-text: #404540;
  --ov-muted: #687068;

  --ov-soft: #F7F8F2;
  --ov-soft-green: #F2F5E8;

  --ov-border: rgba(68,132,26,.14);

  --ov-shadow:
    0 18px 50px rgba(23,63,25,.10);

  --ov-shadow-hover:
    0 24px 62px rgba(23,63,25,.16);

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

  margin: 0;
  padding: 0;

  overflow-x: hidden;

  color: var(--ov-text);

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


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


.oxfam-values-page img {
  display: block;

  max-width: 100%;
}


.oxfam-values-page p {
  margin-top: 0;
}


.oxfam-values-container {
  width: min(1380px, calc(100% - 80px));

  margin-left: auto;
  margin-right: auto;
}


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

.oxfam-values-hero {
  position: relative;

  width: 100%;

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

  overflow: hidden;

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


.oxfam-values-hero__media {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;
}


.oxfam-values-hero__media img {
  width: 100% !important;
  height: 100% !important;

  max-width: none !important;

  object-fit: cover;

  /*
   * Ajuste principal de la fotografía.
   * Si luego vemos la ubicación exacta de las personas
   * podemos afinar solamente este valor.
   */
  object-position: 48% center;
}


/* Overlay institucional */

.oxfam-values-hero__overlay {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      90deg,
      rgba(16,61,28,.10) 0%,
      rgba(16,61,28,.19) 40%,
      rgba(20,68,28,.66) 67%,
      rgba(17,58,25,.95) 100%
    );
}


/* Forma decorativa */

.oxfam-values-hero__overlay::before {
  content: "";

  position: absolute;

  top: -15%;
  right: -8%;

  width: 42%;
  height: 60%;

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

  clip-path:
    polygon(
      22% 0,
      100% 0,
      100% 77%,
      59% 100%,
      0 53%
    );
}


.oxfam-values-hero__overlay::after {
  content: "";

  position: absolute;

  right: -8%;
  bottom: -35%;

  width: 38vw;
  height: 38vw;

  min-width: 420px;
  min-height: 420px;

  border-radius: 50%;

  background:
    rgba(68,132,26,.19);
}


.oxfam-values-hero__content {
  position: relative;

  z-index: 3;

  display: flex;
  align-items: center;

  width: 100%;
  min-height: inherit;
}


.oxfam-values-hero__inner {
  width: min(1380px, calc(100% - 80px));

  margin-left: auto;
  margin-right: auto;

  padding-left: 53%;
}


/* ==========================================================
   03. EYEBROW
   ========================================================== */

.oxfam-values-eyebrow {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  width: fit-content;

  margin-bottom: 18px;

  padding:
    8px 14px;

  color: var(--ov-lime);

  background:
    rgba(39,93,24,.48);

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

  border-radius: 999px;

  font-size: 12px;

  font-weight: 800;

  line-height: 1;

  letter-spacing: .055em;

  text-transform: uppercase;
}


.oxfam-values-eyebrow::before {
  content: "";

  width: 7px;
  height: 7px;

  flex: 0 0 7px;

  border-radius: 50%;

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


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

.oxfam-values-hero__title {
  max-width: 650px;

  margin:
    0 0 22px !important;

  padding: 0 !important;

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

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

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

  font-weight: 700;

  line-height: .86;

  letter-spacing: -.03em;

  text-transform: uppercase;

  text-wrap: balance;
}


.oxfam-values-hero__title span {
  display: block;

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


.oxfam-values-hero__lead {
  max-width: 610px;

  margin: 0;

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

  font-size:
    clamp(19px, 1.55vw, 25px);

  line-height: 1.48;

  font-weight: 400;
}


.oxfam-values-hero__line {
  display: block;

  width: 74px;
  height: 6px;

  margin-top: 28px;

  border-radius: 999px;

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


/* ==========================================================
   05. INTRODUCCIÓN
   ========================================================== */

.oxfam-values-intro {
  position: relative;

  z-index: 5;

  width: 100%;

  background:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 55%,
      var(--ov-soft) 100%
    );
}


.oxfam-values-intro .oxfam-values-container {
  position: relative;

  margin-top: -70px;
}


.oxfam-values-intro__card {
  width: min(850px, 82%);

  margin-left: auto;
  margin-right: auto;

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

  background: #FFFFFF;

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

  border-radius: 28px;

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

  text-align: center;
}


.oxfam-values-intro__card
.oxfam-values-eyebrow {
  margin-left: auto;
  margin-right: auto;

  color: var(--ov-green);

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

  border-color:
    rgba(190,206,69,.28);
}


.oxfam-values-intro__card h2 {
  max-width: 720px;

  margin:
    0 auto 24px;

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

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

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

  line-height: .92;

  letter-spacing: -.025em;

  text-transform: uppercase;

  text-wrap: balance;
}


.oxfam-values-intro__card h2 span {
  display: block;

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


.oxfam-values-intro__lead {
  max-width: 690px;

  margin:
    0 auto 17px;

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

  font-size:
    clamp(19px, 1.5vw, 23px);

  line-height: 1.52;

  font-weight: 600;
}


.oxfam-values-intro__card > p:not(.oxfam-values-intro__lead) {
  max-width: 690px;

  margin:
    0 auto;

  color: var(--ov-muted);

  font-size: 17px;

  line-height: 1.66;
}


/* ==========================================================
   06. SECCIÓN DE VALORES
   ========================================================== */

.oxfam-values-section {
  position: relative;

  padding:
    clamp(74px, 7vw, 110px) 0
    clamp(86px, 8vw, 128px);

  background:
    var(--ov-soft);
}


/* pequeño patrón decorativo */

.oxfam-values-section::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 180px;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(190,206,69,.045),
      transparent
    );
}


/* ==========================================================
   07. ENCABEZADO DE VALORES
   ========================================================== */

.oxfam-values-section__heading {
  position: relative;

  z-index: 2;

  max-width: 850px;

  margin:
    0 auto
    clamp(42px, 5vw, 70px);

  text-align: center;
}


.oxfam-values-section__heading
.oxfam-values-eyebrow {
  margin-left: auto;
  margin-right: auto;

  color: var(--ov-green);

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

  border-color:
    rgba(190,206,69,.28);
}


.oxfam-values-section__heading h2 {
  margin:
    0 0 19px;

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

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

  font-size:
    clamp(42px, 4.5vw, 70px);

  line-height: .92;

  letter-spacing: -.025em;

  text-transform: uppercase;
}


.oxfam-values-section__heading h2 span {
  display: block;

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


.oxfam-values-section__heading p {
  max-width: 700px;

  margin: 0 auto;

  color: var(--ov-muted);

  font-size:
    17px;

  line-height:
    1.62;
}


/* ==========================================================
   08. GRID DE VALORES
   ========================================================== */

.oxfam-values-grid {
  position: relative;

  z-index: 2;

  display: grid;

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

  gap:
    clamp(22px, 2.2vw, 32px);
}


/* ==========================================================
   09. TARJETAS
   ========================================================== */

.oxfam-value-card {
  position: relative;

  display: flex;

  flex-direction: column;

  min-width: 0;

  min-height: 390px;

  padding:
    clamp(28px, 3vw, 40px);

  overflow: hidden;

  color: var(--ov-text);

  background: #FFFFFF;

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

  border-radius: 24px;

  box-shadow:
    0 12px 32px rgba(23,63,25,.065);

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


.oxfam-value-card:hover {
  transform: translateY(-7px);

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

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


/* elemento geométrico */

.oxfam-value-card::after {
  content: "";

  position: absolute;

  right: -65px;
  bottom: -70px;

  width: 170px;
  height: 170px;

  border-radius: 50%;

  opacity: .08;

  background: currentColor;
}


/* ==========================================================
   10. PARTE SUPERIOR DE TARJETA
   ========================================================== */

.oxfam-value-card__top {
  display: flex;

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

  gap: 18px;

  margin-bottom:
    clamp(25px, 3vw, 34px);
}


.oxfam-value-card__number {
  display: inline-flex;

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

  width: 44px;
  height: 44px;

  flex: 0 0 44px;

  border-radius: 50%;

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

  background: var(--ov-lime);

  font-size: 11px;

  font-weight: 900;
}


.oxfam-value-card__category {
  color: var(--ov-green);

  font-size: 10px;

  font-weight: 900;

  letter-spacing: .06em;

  text-transform: uppercase;

  text-align: right;
}


/* ==========================================================
   11. TÍTULO TARJETA
   ========================================================== */

.oxfam-value-card h3 {
  max-width: 100%;

  margin:
    0 0 18px;

  padding: 0;

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

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

  line-height: .92;

  letter-spacing: -.025em;

  text-transform: uppercase;
}


/* ==========================================================
   12. TEXTO TARJETA
   ========================================================== */

.oxfam-value-card p {
  position: relative;

  z-index: 2;

  margin:
    0 0 13px;

  color: #505850;

  font-size: 16px;

  line-height: 1.58;
}


.oxfam-value-card p:last-of-type {
  margin-bottom: 28px;
}


/* ==========================================================
   13. LÍNEA DE ACENTO
   ========================================================== */

.oxfam-value-card__accent {
  display: block;

  width: 50px;
  height: 5px;

  margin-top: auto;

  border-radius: 999px;

  background:
    currentColor;
}


/* ==========================================================
   14. COLORES POR VALOR
   ========================================================== */


/* FEMINISMO */

.oxfam-value-card--feminism {
  color: var(--ov-purple);
}

.oxfam-value-card--feminism h3,
.oxfam-value-card--feminism
.oxfam-value-card__category {
  color: var(--ov-purple);
}


/* IGUALDAD */

.oxfam-value-card--equality {
  color: var(--ov-orange);
}

.oxfam-value-card--equality h3,
.oxfam-value-card--equality
.oxfam-value-card__category {
  color: var(--ov-orange);
}


/* EMPODERAMIENTO */

.oxfam-value-card--empowerment {
  color: var(--ov-green);
}

.oxfam-value-card--empowerment h3,
.oxfam-value-card--empowerment
.oxfam-value-card__category {
  color: var(--ov-green);
}


/* SOLIDARIDAD */

.oxfam-value-card--solidarity {
  color: var(--ov-pink);
}

.oxfam-value-card--solidarity h3,
.oxfam-value-card--solidarity
.oxfam-value-card__category {
  color: var(--ov-pink);
}


/* DIVERSIDAD */

.oxfam-value-card--diversity {
  color: var(--ov-grey);
}

.oxfam-value-card--diversity h3,
.oxfam-value-card--diversity
.oxfam-value-card__category {
  color: #5F6264;
}


/* TRANSPARENCIA */

.oxfam-value-card--transparency {
  color: var(--ov-blue);
}

.oxfam-value-card--transparency h3,
.oxfam-value-card--transparency
.oxfam-value-card__category {
  color: #318BB4;
}


/* ==========================================================
   15. HOVER CON PEQUEÑO MATIZ
   ========================================================== */

.oxfam-value-card--feminism:hover {
  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      rgba(86,48,139,.045)
    );
}


.oxfam-value-card--equality:hover {
  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      rgba(241,110,34,.05)
    );
}


.oxfam-value-card--empowerment:hover {
  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      rgba(68,132,26,.05)
    );
}


.oxfam-value-card--solidarity:hover {
  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      rgba(228,57,137,.045)
    );
}


.oxfam-value-card--diversity:hover {
  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      rgba(109,110,112,.045)
    );
}


.oxfam-value-card--transparency:hover {
  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      rgba(66,164,204,.05)
    );
}


/* ==========================================================
   16. CIERRE
   ========================================================== */

.oxfam-values-closing {
  position: relative;

  display: flex;

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

  min-height:
    clamp(380px, 35vw, 530px);

  padding:
    clamp(65px, 7vw, 100px)
    40px;

  overflow: hidden;

  color: #FFFFFF;

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

  text-align: center;
}


.oxfam-values-closing__inner {
  position: relative;

  z-index: 3;

  width: min(900px, 100%);

  margin: auto;
}


.oxfam-values-closing__label {
  display: inline-block;

  margin-bottom: 20px;

  color: var(--ov-lime);

  font-size: 11px;

  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;
}


.oxfam-values-closing h2 {
  margin:
    0 auto 24px;

  color: #FFFFFF;

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

  font-size:
    clamp(47px, 5.4vw, 82px);

  line-height: .9;

  letter-spacing: -.025em;

  text-transform: uppercase;

  text-wrap: balance;
}


.oxfam-values-closing h2 span {
  display: block;

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


.oxfam-values-closing p {
  max-width: 700px;

  margin:
    0 auto;

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

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

  line-height: 1.58;
}


.oxfam-values-closing__symbol {
  display: block;

  margin-top: 28px;

  color: var(--ov-lime);

  font-size: 26px;
}


/* decoración */

.oxfam-values-closing__decor {
  position: absolute;

  pointer-events: none;
}


.oxfam-values-closing__decor--01 {
  top: -28%;
  right: -10%;

  width: 500px;
  height: 500px;

  border-radius: 50%;

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


.oxfam-values-closing__decor--02 {
  left: -8%;
  bottom: -42%;

  width: 460px;
  height: 460px;

  transform: rotate(30deg);

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

  clip-path:
    polygon(
      0 0,
      100% 24%,
      75% 100%,
      13% 72%
    );
}


/* ==========================================================
   17. ESCRITORIO MEDIANO
   ========================================================== */

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

  .oxfam-values-container {
    width:
      min(1240px, calc(100% - 60px));
  }


  .oxfam-values-hero__inner {
    width:
      min(1240px, calc(100% - 60px));

    padding-left: 51%;
  }


  .oxfam-values-hero {
    min-height: 610px;
  }


  .oxfam-values-hero__title {
    font-size:
      clamp(56px, 5.7vw, 80px);
  }


  .oxfam-values-grid {
    gap: 22px;
  }


  .oxfam-value-card {
    min-height: 405px;

    padding: 30px;
  }


  .oxfam-value-card h3 {
    font-size:
      clamp(29px, 2.5vw, 38px);
  }

}


/* ==========================================================
   18. TABLET HORIZONTAL / TABLET
   ========================================================== */

@media (max-width: 1024px) {

  .oxfam-values-container {
    width:
      calc(100% - 48px);
  }


  /* HERO */

  .oxfam-values-hero {
    min-height:
      630px;
  }


  .oxfam-values-hero__media img {
    object-position:
      40% center;
  }


  .oxfam-values-hero__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(15,58,28,.09) 0%,
        rgba(15,58,28,.14) 35%,
        rgba(15,58,28,.88) 100%
      );
  }


  .oxfam-values-hero__inner {
    width:
      calc(100% - 64px);

    margin: 0 auto;

    padding:
      300px 0 60px;
  }


  .oxfam-values-hero__title {
    max-width: 700px;

    font-size:
      clamp(54px, 8vw, 76px);
  }


  .oxfam-values-hero__lead {
    max-width: 620px;

    font-size: 20px;
  }


  /* INTRO */

  .oxfam-values-intro .oxfam-values-container {
    margin-top:
      -55px;
  }


  .oxfam-values-intro__card {
    width:
      88%;
  }


  /* VALORES */

  .oxfam-values-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 22px;
  }


  .oxfam-value-card {
    min-height:
      370px;
  }


  .oxfam-value-card h3 {
    font-size:
      clamp(31px, 4.6vw, 43px);
  }


  .oxfam-value-card p {
    font-size:
      15.5px;
  }

}


/* ==========================================================
   19. MÓVIL
   ========================================================== */

@media (max-width: 767px) {

  .oxfam-values-container {
    width:
      calc(100% - 36px);
  }


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

  .oxfam-values-hero {
    min-height:
      610px;
  }


  .oxfam-values-hero__media img {
    /*
     * En celular mostramos una sección más central
     * de la fotografía.
     */
    object-position:
      38% center;
  }


  .oxfam-values-hero__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(14,54,27,.07) 0%,
        rgba(14,54,27,.19) 38%,
        rgba(14,54,27,.81) 68%,
        rgba(14,54,27,.97) 100%
      );
  }


  .oxfam-values-hero__overlay::before {
    opacity: .55;
  }


  .oxfam-values-hero__overlay::after {
    width: 360px;
    height: 360px;

    min-width: 0;
    min-height: 0;
  }


  .oxfam-values-hero__inner {
    width:
      calc(100% - 40px);

    padding:
      300px 0 48px;

    margin: auto;
  }


  .oxfam-values-eyebrow {
    margin-bottom:
      14px;

    padding:
      7px 12px;

    font-size:
      10px;
  }


  .oxfam-values-hero__title {
    max-width:
      100%;

    margin-bottom:
      18px !important;

    font-size:
      clamp(47px, 14vw, 64px);

    line-height: .88;
  }


  .oxfam-values-hero__lead {
    max-width:
      100%;

    font-size:
      17px;

    line-height:
      1.48;
  }


  .oxfam-values-hero__line {
    width:
      55px;

    height:
      5px;

    margin-top:
      21px;
  }


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

  .oxfam-values-intro .oxfam-values-container {
    width:
      calc(100% - 32px);

    margin-top:
      -36px;
  }


  .oxfam-values-intro__card {
    width:
      100%;

    padding:
      35px 24px;

    border-radius:
      20px;
  }


  .oxfam-values-intro__card h2 {
    font-size:
      clamp(35px, 10vw, 45px);

    line-height: .94;
  }


  .oxfam-values-intro__lead {
    font-size:
      17px;

    line-height:
      1.5;
  }


  .oxfam-values-intro__card
  > p:not(.oxfam-values-intro__lead) {
    font-size:
      15.5px;

    line-height:
      1.62;
  }


  /* ========================================================
     SECCIÓN
     ======================================================== */

  .oxfam-values-section {
    padding:
      68px 0
      78px;
  }


  .oxfam-values-section__heading {
    margin-bottom:
      35px;
  }


  .oxfam-values-section__heading h2 {
    font-size:
      clamp(37px, 10.4vw, 48px);
  }


  .oxfam-values-section__heading p {
    font-size:
      15.5px;

    line-height:
      1.58;
  }


  /* ========================================================
     CARDS
     ======================================================== */

  .oxfam-values-grid {
    grid-template-columns:
      1fr;

    gap:
      17px;
  }


  .oxfam-value-card {
    min-height:
      auto;

    padding:
      27px 24px;

    border-radius:
      18px;
  }


  .oxfam-value-card__top {
    margin-bottom:
      23px;
  }


  .oxfam-value-card__number {
    width:
      38px;

    height:
      38px;

    flex-basis:
      38px;

    font-size:
      10px;
  }


  .oxfam-value-card__category {
    font-size:
      9px;
  }


  .oxfam-value-card h3 {
    margin-bottom:
      14px;

    font-size:
      clamp(31px, 9vw, 40px);
  }


  .oxfam-value-card p {
    font-size:
      15px;

    line-height:
      1.58;
  }


  .oxfam-value-card p:last-of-type {
    margin-bottom:
      22px;
  }


  .oxfam-value-card__accent {
    width:
      42px;
  }


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

  .oxfam-values-closing {
    min-height:
      420px;

    padding:
      65px 22px;
  }


  .oxfam-values-closing h2 {
    font-size:
      clamp(39px, 11vw, 52px);

    line-height:
      .92;
  }


  .oxfam-values-closing p {
    font-size:
      16px;

    line-height:
      1.58;
  }

}


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

@media (max-width: 420px) {

  .oxfam-values-hero {
    min-height:
      580px;
  }


  .oxfam-values-hero__media img {
    object-position:
      36% center;
  }


  .oxfam-values-hero__inner {
    width:
      calc(100% - 34px);

    padding:
      285px 0 42px;
  }


  .oxfam-values-hero__title {
    font-size:
      clamp(43px, 13.5vw, 56px);
  }


  .oxfam-values-hero__lead {
    font-size:
      16px;
  }


  .oxfam-values-intro .oxfam-values-container {
    width:
      calc(100% - 24px);
  }


  .oxfam-values-intro__card {
    padding:
      31px 20px;
  }


  .oxfam-values-intro__card h2 {
    font-size:
      clamp(32px, 9.6vw, 40px);
  }


  .oxfam-values-section__heading h2 {
    font-size:
      clamp(34px, 10vw, 43px);
  }


  .oxfam-value-card {
    padding:
      25px 21px;
  }


  .oxfam-value-card h3 {
    font-size:
      clamp(29px, 8.8vw, 37px);
  }


  .oxfam-value-card p {
    font-size:
      14.5px;
  }


  .oxfam-values-closing {
    padding:
      58px 18px;
  }


  .oxfam-values-closing h2 {
    font-size:
      clamp(36px, 10.5vw, 46px);
  }

}


/* ==========================================================
   21. PANTALLAS MUY GRANDES
   ========================================================== */

@media (min-width: 1700px) {

  .oxfam-values-container {
    width:
      min(1500px, calc(100% - 110px));
  }


  .oxfam-values-hero__inner {
    width:
      min(1500px, calc(100% - 110px));

    padding-left:
      54%;
  }


  .oxfam-value-card {
    min-height:
      420px;
  }


  .oxfam-value-card p {
    font-size:
      17px;
  }


  .oxfam-values-section__heading p,
  .oxfam-values-intro__card
  > p:not(.oxfam-values-intro__lead) {
    font-size:
      18px;
  }

}


/* ==========================================================
   22. ACCESIBILIDAD
   ========================================================== */

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

  .oxfam-values-page *,
  .oxfam-values-page *::before,
  .oxfam-values-page *::after {
    animation: none !important;

    transition: none !important;

    scroll-behavior: auto !important;
  }

}/* End custom CSS */