.elementor-24428{margin:0px -30px 0px -30px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-d4fac6a *//* =========================================================
   FOOTER OXFAM COLOMBIA
   Ligero · Responsive · Full width
   ========================================================= */

.ox-footer {

  --ox-orange: #F16E22;
  --ox-orange-dark: #D95D12;

  --ox-green: #44841A;
  --ox-green-dark: #285F1B;

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

  --ox-cream: #F4F1E8;
  --ox-white: #FFFFFF;

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  color: var(--ox-white);

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

  overflow: hidden;
}


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



/* =========================================================
   FULL WIDTH
   Rompe límites del contenedor Elementor
   ========================================================= */

@media (min-width: 1025px) {

  .ox-footer {

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

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

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

}



/* =========================================================
   FRANJA PRINCIPAL
   ========================================================= */

.ox-footer__main {

  width: 100%;

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


.ox-footer__grid {

  display: grid;

  grid-template-columns:
    1.05fr
    repeat(5, 1fr);

  width: 100%;

  min-height: 150px;
}



/* =========================================================
   REDES SOCIALES
   ========================================================= */

.ox-footer__social {

  display: flex;

  flex-direction: column;

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

  gap: 17px;

  min-width: 0;

  padding:
    28px 20px;

  border-right:
    1px solid rgba(255,255,255,.45);
}


.ox-footer__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(20px, 1.4vw, 26px);

  line-height: 1;

  text-align: center;

  text-transform: uppercase;
}



/* =========================================================
   ICONOS SOCIALES
   ========================================================= */

.ox-footer__social-list {

  display: flex;

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

  flex-wrap: wrap;

  gap: 9px;
}


.ox-footer__social-link {

  display: flex;

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

  width: 36px;
  height: 36px;

  color:
    var(--ox-white);

  background:
    transparent;

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

  border-radius:
    50%;

  text-decoration:
    none !important;

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


.ox-footer__social-link:hover {

  color:
    var(--ox-orange);

  background:
    var(--ox-white);

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

  transform:
    translateY(-2px);
}


.ox-footer__social-link svg {

  display: block;

  width: 17px;
  height: 17px;

  fill:
    currentColor;

  stroke:
    currentColor;

  stroke-width:
    1.8;
}


.ox-footer__social-link svg rect,
.ox-footer__social-link svg circle {

  fill: none;

  stroke:
    currentColor;
}


.ox-footer__social-link svg .ox-footer__svg-fill {

  fill:
    currentColor;

  stroke: none;
}



/* =========================================================
   LINKS PRINCIPALES
   ========================================================= */

.ox-footer__item {

  position: relative;

  display: flex;

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

  gap: 8px;

  min-width: 0;

  padding:
    28px 22px;

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

  border-right:
    1px solid rgba(255,255,255,.45);

  text-align: center;

  text-decoration:
    none !important;

  overflow: hidden;

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


.ox-footer__item:last-child {

  border-right:
    0;
}


/* línea inferior */

.ox-footer__item::after {

  content: "";

  position: absolute;

  left: 50%;
  bottom: 0;

  width: 0;
  height: 4px;

  background:
    var(--ox-lime);

  transform:
    translateX(-50%);

  transition:
    width .22s ease;
}


.ox-footer__item:hover {

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

  background:
    rgba(0,0,0,.08);
}


.ox-footer__item:hover::after {

  width: 100%;
}



.ox-footer__item-label {

  position: relative;

  z-index: 1;

  display: block;

  color:
    inherit;

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

  font-size:
    clamp(17px, 1.2vw, 22px);

  line-height:
    1.08;

  text-transform:
    uppercase;
}



/* =========================================================
   FLECHA
   ========================================================= */

.ox-footer__arrow {

  display: inline-flex;

  flex: 0 0 auto;

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

  color:
    var(--ox-lime);

  font-family:
    Arial,
    sans-serif;

  font-size: 19px;

  font-weight: 400;

  line-height: 1;

  opacity: 0;

  transform:
    translateX(-5px);

  transition:
    opacity .2s ease,
    transform .2s ease;
}


.ox-footer__item:hover
.ox-footer__arrow {

  opacity: 1;

  transform:
    translateX(0);
}



/* =========================================================
   DONAR
   ========================================================= */

.ox-footer__item--donate {

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


.ox-footer__item--donate
.ox-footer__item-label {

  display: inline-flex;

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

  min-height: 43px;

  padding:
    0 22px;

  color:
    var(--ox-white);

  background:
    var(--ox-pink);

  border-radius:
    999px;

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


.ox-footer__item--donate:hover
.ox-footer__item-label {

  transform:
    translateY(-2px);

  box-shadow:
    0 7px 16px
    rgba(95,25,52,.18);
}


.ox-footer__item--donate::after {

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



/* =========================================================
   FRANJA LEGAL
   ========================================================= */

.ox-footer__legal {

  width: 100%;

  color:
    #53604E;

  background:
    var(--ox-cream);

  border-top:
    1px solid rgba(40,95,27,.08);
}


.ox-footer__legal-inner {

  display: grid;

  grid-template-columns:
    auto 1fr auto;

  align-items: center;

  gap:
    25px;

  width: 100%;

  padding:
    13px 28px;
}


.ox-footer__legal p {

  margin:
    0 !important;

  padding:
    0 !important;

  font-size:
    11px;

  line-height:
    1.4;
}


.ox-footer__copyright {

  white-space:
    nowrap;
}


.ox-footer__about {

  text-align:
    center;

  opacity:
    .83;
}


.ox-footer__credit {

  white-space:
    nowrap;

  text-align:
    right;
}


.ox-footer__credit a {

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

  font-weight:
    700;

  text-decoration:
    none !important;

  transition:
    color .15s ease;
}


.ox-footer__credit a:hover {

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



/* =========================================================
   ESCRITORIOS MUY GRANDES
   ========================================================= */

@media (min-width: 1500px) {

  .ox-footer__grid {

    min-height:
      155px;
  }


  .ox-footer__social,
  .ox-footer__item {

    padding-left:
      clamp(25px, 2vw, 42px);

    padding-right:
      clamp(25px, 2vw, 42px);
  }

}



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

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

  .ox-footer__grid {

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


  .ox-footer__social,
  .ox-footer__item {

    min-height:
      115px;

    padding:
      20px 18px;

    border-right:
      1px solid rgba(255,255,255,.35);

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


  .ox-footer__grid > *:nth-child(3n) {

    border-right: 0;
  }


  .ox-footer__grid > *:nth-last-child(-n+3) {

    border-bottom: 0;
  }


  .ox-footer__item-label {

    font-size:
      17px;
  }


  .ox-footer__legal-inner {

    grid-template-columns:
      1fr;

    gap: 5px;

    padding:
      13px 22px;

    text-align:
      center;
  }


  .ox-footer__copyright,
  .ox-footer__about,
  .ox-footer__credit {

    text-align:
      center;

    white-space:
      normal;
  }

}



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

@media (max-width: 767px) {

  .ox-footer {

    width:
      100%;

    margin: 0;
  }


  .ox-footer__grid {

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

    min-height: 0;
  }


  /* Redes ocupa todo el ancho */

  .ox-footer__social {

    grid-column:
      1 / -1;

    min-height: 0;

    padding:
      24px 18px;

    border-right: 0;

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


  .ox-footer__title {

    font-size:
      21px;
  }


  .ox-footer__social-list {

    gap: 10px;
  }


  .ox-footer__social-link {

    width: 38px;
    height: 38px;
  }


  /* Links */

  .ox-footer__item {

    min-height:
      92px;

    padding:
      18px 13px;

    border-right:
      1px solid rgba(255,255,255,.35);

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


  .ox-footer__item:nth-child(3),
  .ox-footer__item:nth-child(5) {

    border-right: 0;
  }


  .ox-footer__item:last-child {

    border-right: 0;
  }


  .ox-footer__item-label {

    font-size:
      clamp(14px, 4vw, 17px);

    line-height:
      1.1;
  }


  .ox-footer__arrow {

    display: none;
  }


  /* Donar */

  .ox-footer__item--donate
  .ox-footer__item-label {

    min-height:
      40px;

    padding:
      0 16px;
  }


  /* Legal */

  .ox-footer__legal-inner {

    display: flex;

    flex-direction: column;

    gap: 5px;

    padding:
      15px 18px;

    text-align:
      center;
  }


  .ox-footer__copyright,
  .ox-footer__about,
  .ox-footer__credit {

    width: 100%;

    white-space:
      normal;

    text-align:
      center;
  }


  .ox-footer__legal p {

    font-size:
      10px;

    line-height:
      1.35;
  }

}



/* =========================================================
   CELULARES PEQUEÑOS
   ========================================================= */

@media (max-width: 420px) {

  .ox-footer__grid {

    grid-template-columns:
      1fr;
  }


  .ox-footer__social {

    grid-column:
      auto;
  }


  .ox-footer__item {

    min-height: 68px;

    justify-content:
      space-between;

    padding:
      16px 22px;

    border-right: 0 !important;
  }


  .ox-footer__item-label {

    font-size:
      16px;

    text-align:
      left;
  }


  /* recuperamos una flecha muy sencilla */

  .ox-footer__arrow {

    display:
      inline-flex;

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

    opacity: 1;

    transform: none;

    font-size: 18px;
  }


  .ox-footer__item--donate {

    justify-content:
      center;
  }


  .ox-footer__item--donate
  .ox-footer__arrow {

    display: none;
  }

}



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

.ox-footer a:focus-visible {

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

  outline-offset:
    -3px;
}


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

  .ox-footer__item,
  .ox-footer__item::after,
  .ox-footer__arrow,
  .ox-footer__social-link,
  .ox-footer__item-label {

    transition:
      none !important;
  }

}/* End custom CSS */