.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-31385 .elementor-element.elementor-element-6dde62f .elementor-icon-list-icon{width:14px;}.elementor-31385 .elementor-element.elementor-element-6dde62f .elementor-icon-list-icon i{font-size:14px;}.elementor-31385 .elementor-element.elementor-element-6dde62f .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-widget-theme-post-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );}/* Start custom CSS *//* ==========================================================
   OXFAM COLOMBIA
   HERO DINÁMICO — PROYECTOS 2026
   Theme Builder / Single Project
   ========================================================== */


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

.oxfam-project-donor-hero{
  --ox-green: #44841A;
  --ox-green-dark: #174F2B;
  --ox-green-deep: #0F3F1F;
  --ox-lime: #BECE45;
  --ox-pink: #E43989;
  --ox-white: #FFFFFF;

  position: relative !important;
  isolation: isolate !important;

  width: 100% !important;
  max-width: 100% !important;

  min-height: clamp(500px, 42vw, 650px) !important;

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

  overflow: hidden !important;

  background: var(--ox-green-deep) !important;
  border-radius: 0 0 24px 24px !important;
}


/* ==========================================================
   02. ESTRUCTURA SUPERPUESTA
   Imagen + contenido ocupan la misma zona
   ========================================================== */

.oxfam-project-donor-hero,
.oxfam-project-donor-hero > .e-con-inner{
  display: grid !important;

  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(
    clamp(500px, 42vw, 650px),
    auto
  ) !important;

  width: 100% !important;
  max-width: 100% !important;

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


/* ==========================================================
   03. IMAGEN DESTACADA
   ========================================================== */

.oxfam-project-donor-hero
.elementor-widget-theme-post-featured-image{
  grid-column: 1 !important;
  grid-row: 1 !important;

  position: relative !important;
  z-index: 0 !important;

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

  min-width: 0 !important;
  min-height: 100% !important;

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

  overflow: hidden !important;
}


.oxfam-project-donor-hero
.elementor-widget-theme-post-featured-image
.elementor-widget-container{
  width: 100% !important;
  height: 100% !important;

  min-height: inherit !important;

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

  overflow: hidden !important;
}


.oxfam-project-donor-hero
.elementor-widget-theme-post-featured-image a{
  display: block !important;

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

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


.oxfam-project-donor-hero
.elementor-widget-theme-post-featured-image img{
  display: block !important;

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

  max-width: none !important;
  min-height: 100% !important;

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

  object-fit: cover !important;
  object-position: center center !important;

  border: 0 !important;
}


/* ==========================================================
   04. DEGRADADO SOBRE LA FOTOGRAFÍA

   Izquierda: fotografía visible
   Derecha: área de lectura
   ========================================================== */

.oxfam-project-donor-hero::before{
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  z-index: 1 !important;

  pointer-events: none !important;

  background:
    linear-gradient(
      90deg,
      rgba(15,63,31,.03) 0%,
      rgba(15,63,31,.08) 28%,
      rgba(15,63,31,.24) 43%,
      rgba(15,63,31,.66) 57%,
      rgba(15,63,31,.91) 73%,
      rgba(15,63,31,.98) 100%
    ) !important;
}


/* Forma decorativa institucional */

.oxfam-project-donor-hero::after{
  content: "" !important;

  position: absolute !important;

  z-index: 1 !important;

  right: -8% !important;
  top: -18% !important;

  width: clamp(280px, 30vw, 500px) !important;
  height: clamp(280px, 30vw, 500px) !important;

  border-radius: 50% !important;

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

  pointer-events: none !important;
}


/* ==========================================================
   05. CONTENIDO DEL HERO
   ========================================================== */

body
.oxfam-project-donor-hero
.oxfam-project-donor-content{
  grid-column: 1 !important;
  grid-row: 1 !important;

  position: relative !important;
  z-index: 3 !important;

  align-self: center !important;
  justify-self: end !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: center !important;

  width: min(52%, 720px) !important;
  max-width: 720px !important;
  min-width: 0 !important;

  margin: 0 !important;

  padding:
    clamp(44px, 5vw, 76px)
    clamp(50px, 6vw, 90px)
    clamp(44px, 5vw, 76px)
    clamp(28px, 3.5vw, 54px) !important;

  background: transparent !important;

  transform: none !important;
}


/* Blindaje de widgets internos */

.oxfam-project-donor-content > *,
.oxfam-project-donor-content .elementor-widget-container{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/* ==========================================================
   06. CATEGORÍA DINÁMICA — CORREGIDA
   Clase widget:
   oxfam-project-donor-category
   ========================================================== */

.oxfam-project-donor-category{
  display: block !important;
  width: auto !important;
  max-width: 100% !important;

  margin: 0 0 22px !important;
  padding: 0 !important;
}


/* Lista de Elementor */
.oxfam-project-donor-category .elementor-icon-list-items{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;

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

  list-style: none !important;
}


/* Cada término */
.oxfam-project-donor-category .elementor-icon-list-item{
  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;

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


/* Quitar iconos, círculos y elementos que añade Elementor */
.oxfam-project-donor-category .elementor-icon-list-icon,
.oxfam-project-donor-category .elementor-post-info__item-prefix{
  display: none !important;
}


/* Evitar cualquier pseudo-elemento extra */
.oxfam-project-donor-category .elementor-icon-list-item::before,
.oxfam-project-donor-category .elementor-icon-list-item::after,
.oxfam-project-donor-category a::before,
.oxfam-project-donor-category a::after{
  content: none !important;
  display: none !important;
}


/* LA píldora se aplica solamente al texto exterior */
.oxfam-project-donor-category .elementor-icon-list-text{
  display: inline-flex !important;
  align-items: center !important;

  width: fit-content !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 8px 14px !important;

  border: 1px solid rgba(190,206,69,.68) !important;
  border-radius: 999px !important;

  background: rgba(15,63,31,.48) !important;

  color: #BECE45 !important;

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

  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: .45px !important;

  text-transform: uppercase !important;
}


/* ÚNICO punto de la categoría */
.oxfam-project-donor-category .elementor-icon-list-text::before{
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 7px !important;

  width: 7px !important;
  height: 7px !important;

  margin: 0 8px 0 0 !important;

  border-radius: 50% !important;
  background: #BECE45 !important;
}


/* El enlace interior no crea otra caja */
.oxfam-project-donor-category .elementor-icon-list-text a{
  display: inline !important;

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

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  text-decoration: none !important;
}


/* Tablet */
@media (max-width: 1024px){

  .oxfam-project-donor-category{
    margin-bottom: 17px !important;
  }

  .oxfam-project-donor-category .elementor-icon-list-text{
    padding: 7px 11px !important;
    font-size: 9px !important;
  }

}


/* Móvil */
@media (max-width: 767px){

  .oxfam-project-donor-category{
    margin-bottom: 13px !important;
  }

  .oxfam-project-donor-category .elementor-icon-list-text{
    padding: 6px 10px !important;

    font-size: 8px !important;
    letter-spacing: .3px !important;
  }

  .oxfam-project-donor-category .elementor-icon-list-text::before{
    flex-basis: 6px !important;

    width: 6px !important;
    height: 6px !important;

    margin-right: 6px !important;
  }

}

/* ==========================================================
   07. TÍTULO DINÁMICO
   ========================================================== */

.oxfam-project-donor-content
.elementor-widget-theme-post-title{
  width: 100% !important;

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


.oxfam-project-donor-content
.elementor-widget-theme-post-title
.elementor-heading-title{
  width: 100% !important;
  max-width: 680px !important;

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

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

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

  font-size:
    clamp(40px, 4vw, 66px) !important;

  line-height: .91 !important;

  font-weight: 900 !important;

  letter-spacing: 0 !important;

  text-transform: uppercase !important;

  overflow-wrap: normal !important;
  word-break: normal !important;

  hyphens: none !important;

  text-wrap: balance !important;
}


/* ==========================================================
   08. LÍNEA INSTITUCIONAL
   Ya no necesitamos HTML adicional
   ========================================================== */

.oxfam-project-donor-content::after{
  content: "" !important;

  display: block !important;

  flex: none !important;

  width: 58px !important;
  height: 5px !important;

  margin: 25px 0 0 !important;

  padding: 0 !important;

  border-radius: 999px !important;

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


/* ==========================================================
   09. PROTECCIÓN CONTRA ELEMENTOS VACÍOS DEL HERO
   Evita nuevamente la caja gris que apareció
   ========================================================== */

.oxfam-project-donor-content
.elementor-widget-html:empty,
.oxfam-project-donor-content
.elementor-widget-html
.elementor-widget-container:empty{
  display: none !important;
}


/*
   Por si quedó el antiguo widget de extracto accidentalmente.
   Lo ocultamos dentro del hero.
*/

.oxfam-project-donor-content
.elementor-widget-theme-post-excerpt{
  display: none !important;
}


/* ==========================================================
   10. LAPTOP
   ========================================================== */

@media (max-width: 1280px){

  .oxfam-project-donor-hero{
    min-height: 530px !important;
  }


  .oxfam-project-donor-hero,
  .oxfam-project-donor-hero > .e-con-inner{
    grid-template-rows:
      minmax(530px, auto) !important;
  }


  body
  .oxfam-project-donor-hero
  .oxfam-project-donor-content{
    width: 54% !important;
    max-width: 650px !important;

    padding:
      42px
      52px
      42px
      34px !important;
  }


  .oxfam-project-donor-content
  .elementor-widget-theme-post-title
  .elementor-heading-title{
    font-size:
      clamp(39px, 4.2vw, 58px) !important;
  }

}


/* ==========================================================
   11. TABLET HORIZONTAL
   ========================================================== */

@media (max-width: 1024px){

  .oxfam-project-donor-hero{
    min-height: 500px !important;

    border-radius: 0 0 20px 20px !important;
  }


  .oxfam-project-donor-hero,
  .oxfam-project-donor-hero > .e-con-inner{
    grid-template-rows:
      minmax(500px, auto) !important;
  }


  .oxfam-project-donor-hero::before{
    background:
      linear-gradient(
        90deg,
        rgba(15,63,31,.08) 0%,
        rgba(15,63,31,.18) 30%,
        rgba(15,63,31,.60) 51%,
        rgba(15,63,31,.92) 70%,
        rgba(15,63,31,.98) 100%
      ) !important;
  }


  body
  .oxfam-project-donor-hero
  .oxfam-project-donor-content{
    width: 57% !important;
    max-width: 570px !important;

    padding:
      36px
      36px
      36px
      26px !important;
  }


  .oxfam-project-donor-category{
    margin-bottom: 17px !important;
  }


  .oxfam-project-donor-category
  .elementor-icon-list-text,
  .oxfam-project-donor-category a{
    padding: 7px 11px !important;

    font-size: 9px !important;
  }


  .oxfam-project-donor-content
  .elementor-widget-theme-post-title
  .elementor-heading-title{
    font-size:
      clamp(34px, 4.8vw, 50px) !important;

    line-height: .93 !important;
  }


  .oxfam-project-donor-content::after{
    width: 50px !important;
    height: 4px !important;

    margin-top: 19px !important;
  }

}


/* ==========================================================
   12. TABLET VERTICAL
   ========================================================== */

@media (max-width: 900px){

  .oxfam-project-donor-hero{
    min-height: 530px !important;
  }


  .oxfam-project-donor-hero,
  .oxfam-project-donor-hero > .e-con-inner{
    grid-template-rows:
      minmax(530px, auto) !important;
  }


  .oxfam-project-donor-hero::before{
    background:
      linear-gradient(
        90deg,
        rgba(15,63,31,.12) 0%,
        rgba(15,63,31,.30) 31%,
        rgba(15,63,31,.72) 52%,
        rgba(15,63,31,.95) 74%,
        rgba(15,63,31,.99) 100%
      ) !important;
  }


  body
  .oxfam-project-donor-hero
  .oxfam-project-donor-content{
    width: 61% !important;
    max-width: 510px !important;

    padding:
      31px
      28px
      31px
      23px !important;
  }


  .oxfam-project-donor-content
  .elementor-widget-theme-post-title
  .elementor-heading-title{
    font-size:
      clamp(32px, 5vw, 45px) !important;

    line-height: .94 !important;
  }

}


/* ==========================================================
   13. CELULAR

   En móvil dejamos respirar la fotografía arriba y
   desplazamos el contenido hacia la zona inferior.
   ========================================================== */

@media (max-width: 767px){

  .oxfam-project-donor-hero{
    min-height: 560px !important;

    border-radius: 0 0 18px 18px !important;
  }


  .oxfam-project-donor-hero,
  .oxfam-project-donor-hero > .e-con-inner{
    grid-template-rows:
      minmax(560px, auto) !important;
  }


  .oxfam-project-donor-hero
  .elementor-widget-theme-post-featured-image img{
    object-position: center top !important;
  }


  /* Degradado pasa de horizontal a vertical */

  .oxfam-project-donor-hero::before{
    background:
      linear-gradient(
        180deg,
        rgba(15,63,31,.06) 0%,
        rgba(15,63,31,.12) 23%,
        rgba(15,63,31,.36) 40%,
        rgba(15,63,31,.76) 57%,
        rgba(15,63,31,.95) 72%,
        rgba(15,63,31,.99) 100%
      ) !important;
  }


  .oxfam-project-donor-hero::after{
    width: 230px !important;
    height: 230px !important;

    top: auto !important;
    right: -90px !important;
    bottom: -70px !important;
  }


  body
  .oxfam-project-donor-hero
  .oxfam-project-donor-content{
    align-self: end !important;
    justify-self: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    padding:
      170px
      22px
      28px !important;
  }


  .oxfam-project-donor-category{
    margin-bottom: 13px !important;
  }


  .oxfam-project-donor-category
  .elementor-icon-list-text,
  .oxfam-project-donor-category a{
    padding: 6px 10px !important;

    font-size: 8px !important;

    letter-spacing: .3px !important;
  }


  .oxfam-project-donor-category
  .elementor-icon-list-text::before,
  .oxfam-project-donor-category a::before{
    flex-basis: 7px !important;

    width: 7px !important;
    height: 7px !important;

    margin-right: 6px !important;
  }


  .oxfam-project-donor-content
  .elementor-widget-theme-post-title
  .elementor-heading-title{
    max-width: 100% !important;

    font-size:
      clamp(29px, 8.6vw, 38px) !important;

    line-height: .94 !important;
  }


  .oxfam-project-donor-content::after{
    width: 44px !important;
    height: 4px !important;

    margin-top: 16px !important;
  }

}


/* ==========================================================
   14. CELULARES PEQUEÑOS
   ========================================================== */

@media (max-width: 480px){

  .oxfam-project-donor-hero{
    min-height: 540px !important;
  }


  .oxfam-project-donor-hero,
  .oxfam-project-donor-hero > .e-con-inner{
    grid-template-rows:
      minmax(540px, auto) !important;
  }


  body
  .oxfam-project-donor-hero
  .oxfam-project-donor-content{
    padding:
      155px
      18px
      25px !important;
  }


  .oxfam-project-donor-content
  .elementor-widget-theme-post-title
  .elementor-heading-title{
    font-size:
      clamp(27px, 8.5vw, 34px) !important;
  }

}


/* ==========================================================
   15. CELULARES MUY PEQUEÑOS
   ========================================================== */

@media (max-width: 390px){

  .oxfam-project-donor-hero{
    min-height: 520px !important;
  }


  .oxfam-project-donor-hero,
  .oxfam-project-donor-hero > .e-con-inner{
    grid-template-rows:
      minmax(520px, auto) !important;
  }


  body
  .oxfam-project-donor-hero
  .oxfam-project-donor-content{
    padding:
      140px
      15px
      23px !important;
  }


  .oxfam-project-donor-content
  .elementor-widget-theme-post-title
  .elementor-heading-title{
    font-size: 26px !important;

    line-height: .95 !important;
  }

}


/* ==========================================================
   16. EDITOR ELEMENTOR
   ========================================================== */

.elementor-editor-active
.oxfam-project-donor-hero{
  overflow: hidden !important;
}


.elementor-editor-active
.oxfam-project-donor-hero
.oxfam-project-donor-content{
  position: relative !important;
  z-index: 5 !important;
}


.elementor-editor-active
.oxfam-project-donor-hero
.elementor-widget-theme-post-featured-image{
  position: relative !important;
  z-index: 0 !important;
}


/* ==========================================================
   17. ACCESIBILIDAD
   ========================================================== */

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

  .oxfam-project-donor-hero *,
  .oxfam-project-donor-hero *::before,
  .oxfam-project-donor-hero *::after{
    transition: none !important;
    animation: none !important;
  }

}
/* ==========================================================
   OXFAM COLOMBIA
   SINGLE PROYECTOS — CONTENIDO MAESTRO 2026
   Clase contenedor:
   oxfam-project-content
   ========================================================== */


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

.oxfam-project-content{
  --ox-green: #44841A;
  --ox-green-dark: #174F2B;
  --ox-green-deep: #0F3F1F;
  --ox-lime: #BECE45;
  --ox-pink: #E43989;
  --ox-orange: #F36F21;

  --ox-white: #FFFFFF;
  --ox-offwhite: #F7F8F2;
  --ox-soft: #F1F4E8;

  --ox-text: #30362F;
  --ox-muted: #687066;

  --ox-border: rgba(23,79,43,.12);

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;

  padding:
    clamp(54px, 6vw, 88px)
    clamp(18px, 4vw, 44px)
    clamp(70px, 7vw, 110px) !important;

  background: #FFFFFF !important;

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


/* Ancho maestro */

.oxfam-project-content > .e-con-inner{
  width: 100% !important;
  max-width: 1240px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}


/* Widget dinámico Post Content */

.oxfam-project-content
.elementor-widget-theme-post-content{
  width: 100% !important;
  max-width: 100% !important;

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


.oxfam-project-content
.elementor-widget-theme-post-content
> .elementor-widget-container{
  width: 100% !important;
  max-width: 100% !important;

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


/* ==========================================================
   02. RESET SEGURO
   ========================================================== */

.oxfam-project-content *,
.oxfam-project-content *::before,
.oxfam-project-content *::after{
  box-sizing: border-box;
}


.oxfam-project-content img,
.oxfam-project-content video,
.oxfam-project-content iframe,
.oxfam-project-content svg{
  max-width: 100%;
}


/* Evitar textos desbordados */

.oxfam-project-content p,
.oxfam-project-content li,
.oxfam-project-content h1,
.oxfam-project-content h2,
.oxfam-project-content h3,
.oxfam-project-content h4,
.oxfam-project-content h5,
.oxfam-project-content h6{
  overflow-wrap: break-word;
}


/* ==========================================================
   03. TIPOGRAFÍA GENERAL
   ========================================================== */

.oxfam-project-content p,
.oxfam-project-content li,
.oxfam-project-content td,
.oxfam-project-content th,
.oxfam-project-content figcaption{
  font-family:
    "T-StarPro",
    "T-Star Pro",
    "Roboto",
    Arial,
    sans-serif !important;
}


.oxfam-project-content p{
  margin:
    0 0
    clamp(18px, 2vw, 26px) !important;

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

  font-size:
    clamp(16px, 1.15vw, 18px) !important;

  line-height: 1.68 !important;

  font-weight: 400 !important;
}


/* ==========================================================
   04. ENCABEZADOS
   ========================================================== */

.oxfam-project-content h1,
.oxfam-project-content h2,
.oxfam-project-content h3,
.oxfam-project-content h4,
.oxfam-project-content h5,
.oxfam-project-content h6,
.oxfam-project-content
.elementor-widget-heading
.elementor-heading-title{

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

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

  text-transform: none !important;

  letter-spacing: 0 !important;
}


/* H2 */

.oxfam-project-content h2,
.oxfam-project-content
.elementor-widget-heading h2.elementor-heading-title{

  margin:
    clamp(50px, 5vw, 76px)
    0
    clamp(22px, 2.5vw, 32px) !important;

  font-size:
    clamp(34px, 3.3vw, 50px) !important;

  line-height: .98 !important;

  font-weight: 900 !important;
}


/* H3 */

.oxfam-project-content h3,
.oxfam-project-content
.elementor-widget-heading h3.elementor-heading-title{

  margin:
    clamp(40px, 4vw, 58px)
    0
    18px !important;

  font-size:
    clamp(27px, 2.5vw, 38px) !important;

  line-height: 1.04 !important;

  font-weight: 850 !important;
}


/* H4 */

.oxfam-project-content h4,
.oxfam-project-content
.elementor-widget-heading h4.elementor-heading-title{

  margin:
    34px
    0
    15px !important;

  font-size:
    clamp(21px, 1.8vw, 28px) !important;

  line-height: 1.12 !important;
}


/* Línea verde bajo títulos importantes */

.oxfam-project-content h2::after,
.oxfam-project-content
.elementor-widget-heading h2.elementor-heading-title::after{

  content: "" !important;

  display: block !important;

  width: 48px !important;
  height: 4px !important;

  margin-top: 14px !important;

  border-radius: 999px !important;

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


/* ==========================================================
   05. TEXTO EDITOR ELEMENTOR
   ========================================================== */

.oxfam-project-content
.elementor-widget-text-editor{

  margin-top: 0 !important;
  margin-bottom:
    clamp(24px, 3vw, 38px) !important;
}


.oxfam-project-content
.elementor-widget-text-editor
.elementor-widget-container{

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


/* ==========================================================
   06. ENLACES
   ========================================================== */

.oxfam-project-content a:not(.elementor-button){
  color: var(--ox-green) !important;

  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;

  transition:
    color .2s ease,
    opacity .2s ease !important;
}


.oxfam-project-content a:not(.elementor-button):hover{
  color: var(--ox-pink) !important;
}


/* ==========================================================
   07. LISTAS
   ========================================================== */

.oxfam-project-content ul,
.oxfam-project-content ol{

  margin:
    0
    0
    28px
    0 !important;

  padding-left: 26px !important;
}


.oxfam-project-content li{
  margin-bottom: 9px !important;

  font-size:
    clamp(15px, 1.1vw, 18px) !important;

  line-height: 1.6 !important;

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


.oxfam-project-content li::marker{
  color: var(--ox-green) !important;
}


/* ==========================================================
   08. IMÁGENES INDIVIDUALES
   ========================================================== */

.oxfam-project-content
.elementor-widget-image{

  margin-top:
    clamp(25px, 3vw, 42px) !important;

  margin-bottom:
    clamp(35px, 4vw, 58px) !important;
}


.oxfam-project-content
.elementor-widget-image img,

.oxfam-project-content
.wp-block-image img,

.oxfam-project-content
figure img{

  display: block !important;

  max-width: 100% !important;
  height: auto !important;

  margin: 0 auto !important;

  border-radius:
    clamp(12px, 1.4vw, 20px) !important;

  box-shadow:
    0 12px 34px rgba(23,79,43,.08) !important;
}


/* Evitar sombras dobles en logos */

.oxfam-project-content img[src*="logo"],
.oxfam-project-content img[alt*="logo"],
.oxfam-project-content img[alt*="Logo"]{

  box-shadow: none !important;
  border-radius: 0 !important;
}


/* ==========================================================
   09. PIES DE FOTO
   ========================================================== */

.oxfam-project-content figcaption,
.oxfam-project-content
.wp-caption-text,
.oxfam-project-content
.widget-image-caption{

  margin-top: 10px !important;

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

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

  font-size: 13px !important;
  line-height: 1.45 !important;

  text-align: center !important;
}


/* ==========================================================
   10. GALERÍAS ELEMENTOR / WORDPRESS
   ========================================================== */

.oxfam-project-content
.elementor-widget-gallery,

.oxfam-project-content
.elementor-widget-image-gallery,

.oxfam-project-content
.wp-block-gallery,

.oxfam-project-content
.gallery{

  margin-top:
    clamp(30px, 4vw, 54px) !important;

  margin-bottom:
    clamp(48px, 5vw, 72px) !important;
}


/* Galería moderna Elementor */

.oxfam-project-content
.e-gallery-container{

  gap: 10px !important;
}


/* Imágenes de galería */

.oxfam-project-content
.e-gallery-image,

.oxfam-project-content
.elementor-gallery-item,

.oxfam-project-content
.gallery-item img,

.oxfam-project-content
.wp-block-gallery img{

  border-radius: 12px !important;

  overflow: hidden !important;
}


/* Efecto hover solo donde no interfiere */

@media (hover:hover){

  .oxfam-project-content
  .e-gallery-item{

    transition:
      transform .25s ease,
      opacity .25s ease !important;
  }


  .oxfam-project-content
  .e-gallery-item:hover{

    transform: translateY(-2px) !important;
  }

}


/* ==========================================================
   11. CARRUSEL DE IMÁGENES / SWIPER
   No tocamos transform ni estructura interna
   ========================================================== */

.oxfam-project-content
.elementor-widget-image-carousel,

.oxfam-project-content
.elementor-widget-media-carousel,

.oxfam-project-content
.elementor-widget-loop-carousel{

  position: relative !important;

  margin-top:
    clamp(35px, 4vw, 56px) !important;

  margin-bottom:
    clamp(48px, 5vw, 76px) !important;
}


.oxfam-project-content
.swiper{

  border-radius: 18px !important;

  overflow: hidden !important;
}


.oxfam-project-content
.swiper-slide img{

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

  object-fit: cover !important;
}


/* Flechas */

.oxfam-project-content
.elementor-swiper-button{

  display: flex !important;

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

  width: 44px !important;
  height: 44px !important;

  border-radius: 50% !important;

  background:
    rgba(23,79,43,.92) !important;

  color: #FFFFFF !important;

  box-shadow:
    0 5px 18px rgba(0,0,0,.15) !important;
}


/* Dots */

.oxfam-project-content
.swiper-pagination-bullet{

  width: 7px !important;
  height: 7px !important;

  opacity: .35 !important;

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


.oxfam-project-content
.swiper-pagination-bullet-active{

  width: 20px !important;

  border-radius: 999px !important;

  opacity: 1 !important;

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


/* ==========================================================
   12. VIDEO — YOUTUBE / VIMEO / IFRAME
   ========================================================== */

.oxfam-project-content
.elementor-widget-video,

.oxfam-project-content
.wp-block-embed-youtube,

.oxfam-project-content
.wp-block-embed-vimeo,

.oxfam-project-content
.wp-block-video{

  margin-top:
    clamp(32px, 4vw, 55px) !important;

  margin-bottom:
    clamp(48px, 5vw, 76px) !important;
}


/* Wrapper video Elementor */

.oxfam-project-content
.elementor-wrapper{

  border-radius:
    clamp(12px, 1.5vw, 20px) !important;

  overflow: hidden !important;

  box-shadow:
    0 16px 42px rgba(23,79,43,.12) !important;
}


/* Iframes genéricos */

.oxfam-project-content iframe{

  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  border: 0 !important;

  border-radius:
    clamp(12px, 1.4vw, 18px) !important;
}


/* YouTube / Vimeo */

.oxfam-project-content
iframe[src*="youtube"],

.oxfam-project-content
iframe[src*="youtu.be"],

.oxfam-project-content
iframe[src*="vimeo"]{

  aspect-ratio: 16 / 9 !important;

  height: auto !important;

  background: #000 !important;

  box-shadow:
    0 16px 42px rgba(23,79,43,.11) !important;
}


/* ==========================================================
   13. SLIDES / SLIDER
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides{

  margin-top:
    clamp(35px, 4vw, 55px) !important;

  margin-bottom:
    clamp(50px, 5vw, 76px) !important;
}


.oxfam-project-content
.elementor-widget-slides
.swiper{

  border-radius: 20px !important;

  overflow: hidden !important;

  box-shadow:
    0 15px 45px rgba(23,79,43,.1) !important;
}


/* ==========================================================
   14. BOTONES
   ========================================================== */

.oxfam-project-content
.elementor-button,

.oxfam-project-content
.wp-block-button__link{

  display: inline-flex !important;

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

  min-height: 46px !important;

  padding:
    13px
    24px !important;

  border: 0 !important;

  border-radius: 999px !important;

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

  color:
    #FFFFFF !important;

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

  font-size: 14px !important;

  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: .2px !important;

  text-decoration: none !important;

  box-shadow:
    0 7px 18px rgba(68,132,26,.18) !important;

  transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease !important;
}


.oxfam-project-content
.elementor-button:hover,

.oxfam-project-content
.wp-block-button__link:hover{

  background:
    var(--ox-pink) !important;

  transform:
    translateY(-1px) !important;

  box-shadow:
    0 10px 25px rgba(228,57,137,.2) !important;
}


/* ==========================================================
   15. CITAS / CALLOUT
   ========================================================== */

.oxfam-project-content blockquote,
.oxfam-project-content
.wp-block-quote{

  position: relative !important;

  margin:
    clamp(38px, 4vw, 60px)
    0 !important;

  padding:
    clamp(24px, 3vw, 38px)
    clamp(25px, 3vw, 42px) !important;

  border: 0 !important;

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

  border-radius:
    0 16px 16px 0 !important;

  background:
    var(--ox-offwhite) !important;

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


.oxfam-project-content blockquote p{
  margin-bottom: 0 !important;

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

  font-size:
    clamp(19px, 1.6vw, 24px) !important;

  line-height: 1.45 !important;
}


/* ==========================================================
   16. TABLAS
   ========================================================== */

.oxfam-project-content
.wp-block-table,

.oxfam-project-content
.elementor-widget-html table,

.oxfam-project-content table{

  width: 100% !important;

  margin:
    35px 0
    55px !important;

  border-collapse: separate !important;
  border-spacing: 0 !important;

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

  border-radius: 14px !important;

  overflow: hidden !important;
}


.oxfam-project-content th{

  padding: 14px 16px !important;

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

  color:
    #FFFFFF !important;

  text-align: left !important;

  font-weight: 700 !important;
}


.oxfam-project-content td{

  padding: 13px 16px !important;

  border-bottom:
    1px solid
    var(--ox-border) !important;
}


.oxfam-project-content tr:last-child td{
  border-bottom: 0 !important;
}


/* ==========================================================
   17. ACORDEONES / TOGGLES
   ========================================================== */

.oxfam-project-content
.elementor-widget-accordion,

.oxfam-project-content
.elementor-widget-toggle,

.oxfam-project-content
.elementor-widget-n-accordion{

  margin:
    35px 0
    55px !important;
}


.oxfam-project-content
.elementor-accordion-item,

.oxfam-project-content
.elementor-toggle-item{

  margin-bottom: 10px !important;

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

  border-radius: 12px !important;

  overflow: hidden !important;

  background:
    #FFFFFF !important;
}


.oxfam-project-content
.elementor-tab-title{

  padding:
    17px 20px !important;

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

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

  font-weight: 700 !important;
}


.oxfam-project-content
.elementor-tab-content{

  padding:
    18px 20px
    22px !important;

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


/* ==========================================================
   18. TABS
   ========================================================== */

.oxfam-project-content
.elementor-widget-tabs{

  margin:
    40px 0
    60px !important;
}


.oxfam-project-content
.elementor-tabs-wrapper{

  border-bottom:
    1px solid
    var(--ox-border) !important;
}


.oxfam-project-content
.elementor-tab-title{

  border: 0 !important;
}


/* ==========================================================
   19. SEPARADORES
   ========================================================== */

.oxfam-project-content
.elementor-widget-divider{

  margin:
    clamp(40px, 5vw, 70px)
    0 !important;
}


.oxfam-project-content
.elementor-divider-separator{

  border-color:
    rgba(68,132,26,.16) !important;
}


/* ==========================================================
   20. BLOQUES HTML / SHORTCODES
   ========================================================== */

.oxfam-project-content
.elementor-widget-shortcode,

.oxfam-project-content
.elementor-widget-html{

  max-width: 100% !important;
}


/* Evitar overflow de widgets externos */

.oxfam-project-content
.elementor-widget-shortcode
.elementor-widget-container,

.oxfam-project-content
.elementor-widget-html
.elementor-widget-container{

  max-width: 100% !important;

  overflow-x: auto;
}


/* ==========================================================
   21. AUDIO / PODCAST
   ========================================================== */

.oxfam-project-content audio{

  display: block !important;

  width: 100% !important;
  max-width: 820px !important;

  margin:
    30px auto
    50px !important;
}


/* Spotify, Soundcloud, etc. */

.oxfam-project-content
iframe[src*="spotify"],

.oxfam-project-content
iframe[src*="soundcloud"]{

  display: block !important;

  max-width: 900px !important;

  margin:
    30px auto
    55px !important;

  border-radius: 14px !important;
}


/* ==========================================================
   22. ARCHIVOS / PDF / DESCARGAS
   ========================================================== */

.oxfam-project-content
a[href$=".pdf"]{

  font-weight: 700 !important;

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


/* ==========================================================
   23. COLUMNAS LEGACY
   No destruimos Flexbox/Grid internos
   ========================================================== */

.oxfam-project-content
.elementor-section,

.oxfam-project-content
.elementor-container,

.oxfam-project-content
.e-con{

  max-width: 100% !important;
}


/* Evitar scroll horizontal */

.oxfam-project-content{
  overflow-x: clip !important;
}


/* ==========================================================
   24. ESPACIADO ENTRE WIDGETS
   ========================================================== */

.oxfam-project-content
.elementor-widget:not(:last-child){

  margin-bottom:
    clamp(18px, 2.5vw, 34px);
}


/*
   Excepciones para widgets que manejan
   su propio espaciado
*/

.oxfam-project-content
.elementor-widget-gallery,

.oxfam-project-content
.elementor-widget-image-carousel,

.oxfam-project-content
.elementor-widget-video,

.oxfam-project-content
.elementor-widget-slides{

  margin-bottom:
    clamp(45px, 5vw, 70px) !important;
}


/* ==========================================================
   25. TABLET
   ========================================================== */

@media (max-width: 1024px){

  .oxfam-project-content{

    padding:
      55px
      26px
      75px !important;
  }


  .oxfam-project-content h2,
  .oxfam-project-content
  .elementor-widget-heading h2.elementor-heading-title{

    font-size:
      clamp(31px, 4vw, 42px) !important;
  }


  .oxfam-project-content
  .elementor-swiper-button{

    width: 40px !important;
    height: 40px !important;
  }

}


/* ==========================================================
   26. MÓVIL
   ========================================================== */

@media (max-width: 767px){

  .oxfam-project-content{

    padding:
      44px
      16px
      64px !important;
  }


  .oxfam-project-content h2,
  .oxfam-project-content
  .elementor-widget-heading h2.elementor-heading-title{

    margin-top: 42px !important;

    font-size:
      clamp(28px, 8vw, 34px) !important;

    line-height: 1 !important;
  }


  .oxfam-project-content h3,
  .oxfam-project-content
  .elementor-widget-heading h3.elementor-heading-title{

    margin-top: 34px !important;

    font-size:
      clamp(23px, 6.5vw, 29px) !important;
  }


  .oxfam-project-content p{

    font-size: 15px !important;

    line-height: 1.65 !important;
  }


  .oxfam-project-content li{

    font-size: 15px !important;
  }


  /* Imágenes */

  .oxfam-project-content
  .elementor-widget-image img,

  .oxfam-project-content
  .wp-block-image img{

    border-radius: 12px !important;
  }


  /* Galería */

  .oxfam-project-content
  .e-gallery-container{

    gap: 6px !important;
  }


  /* Vídeo */

  .oxfam-project-content
  .elementor-wrapper,

  .oxfam-project-content
  iframe{

    border-radius: 12px !important;
  }


  /* Flechas slider */

  .oxfam-project-content
  .elementor-swiper-button{

    width: 34px !important;
    height: 34px !important;
  }


  /* Tabla móvil */

  .oxfam-project-content table{

    font-size: 13px !important;
  }


  .oxfam-project-content th,
  .oxfam-project-content td{

    padding:
      10px 11px !important;
  }

}


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

@media (max-width: 420px){

  .oxfam-project-content{

    padding-left: 13px !important;
    padding-right: 13px !important;
  }


  .oxfam-project-content h2,
  .oxfam-project-content
  .elementor-widget-heading h2.elementor-heading-title{

    font-size: 27px !important;
  }


  .oxfam-project-content h3,
  .oxfam-project-content
  .elementor-widget-heading h3.elementor-heading-title{

    font-size: 23px !important;
  }

}


/* ==========================================================
   28. EDITOR ELEMENTOR
   ========================================================== */

.elementor-editor-active
.oxfam-project-content{

  overflow: visible !important;
}


.elementor-editor-active
.oxfam-project-content
.elementor-widget-theme-post-content{

  min-height: 100px !important;
}


/* ==========================================================
   29. ACCESIBILIDAD
   ========================================================== */

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

  .oxfam-project-content *,
  .oxfam-project-content *::before,
  .oxfam-project-content *::after{

    scroll-behavior: auto !important;

    transition: none !important;
    animation: none !important;
  }

}
/* ==========================================================
   OXFAM COLOMBIA
   SINGLE PROYECTOS — SLIDER EDITORIAL V2
   Imagen amplia arriba + contenido verde abajo
   ========================================================== */


/* ==========================================================
   01. CONFIGURACIÓN GENERAL
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides{
  --ox-slide-green: #174F2B;
  --ox-slide-green-deep: #0F3F1F;
  --ox-slide-lime: #BECE45;
  --ox-slide-pink: #E43989;
  --ox-slide-white: #FFFFFF;

  /* ALTURA REAL DE LA FOTO */
  --ox-slide-image-height:
    clamp(380px, 38vw, 560px);

  position: relative !important;

  width: 100% !important;
  max-width: 1180px !important;

  margin:
    clamp(45px, 5vw, 72px)
    auto
    clamp(55px, 6vw, 88px) !important;

  padding: 0 !important;

  overflow: visible !important;
}


/* ==========================================================
   02. SWIPER
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides
.elementor-main-swiper,

.oxfam-project-content
.elementor-widget-slides
.swiper{
  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

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

  border-radius: 24px !important;

  overflow: hidden !important;

  background:
    var(--ox-slide-green) !important;

  box-shadow:
    0 20px 55px
    rgba(23,79,43,.15) !important;
}


/* ==========================================================
   03. WRAPPER
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides
.swiper-wrapper{
  height: auto !important;
  min-height: 0 !important;

  align-items: stretch !important;
}


/* ==========================================================
   04. SLIDE

   El slide deja de tener una altura rígida.
   Se convierte en:
   fila 1 = fotografía
   fila 2 = contenido
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides
.swiper-slide{
  display: grid !important;

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

  grid-template-rows:
    var(--ox-slide-image-height)
    auto !important;

  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

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

  border-radius: 24px !important;

  overflow: hidden !important;

  background:
    var(--ox-slide-green) !important;
}


/* ==========================================================
   05. FOTOGRAFÍA

   Mucho más alta.
   Ya no es una simple franja.
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides
.swiper-slide-bg{
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  grid-column: 1 !important;
  grid-row: 1 !important;

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

  min-height:
    var(--ox-slide-image-height) !important;

  margin: 0 !important;

  background-size: cover !important;
  background-repeat: no-repeat !important;

  /*
   NO usamos !important aquí a propósito.
   Así Elementor puede conservar la posición
   individual de cada fotografía si Luisa
   necesita Center Top, Center Center, etc.
  */
  background-position: center center;

  border-radius:
    24px
    24px
    0
    0 !important;

  opacity: 1 !important;

  filter: none !important;

  transform: none !important;

  z-index: 1 !important;
}


/* ==========================================================
   06. EFECTO FOTOGRÁFICO SUAVE
   ========================================================== */

@media (hover:hover){

  .oxfam-project-content
  .elementor-widget-slides
  .swiper-slide-bg{
    transition:
      transform .7s ease !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .swiper-slide:hover
  .swiper-slide-bg{
    transform:
      scale(1.012) !important;
  }

}


/* ==========================================================
   07. CONTENIDO VERDE
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides
.swiper-slide-inner{
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  grid-column: 1 !important;
  grid-row: 2 !important;

  z-index: 3 !important;

  display: flex !important;

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

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

  min-height: 320px !important;

  margin: 0 !important;

  padding:
    clamp(38px, 4.5vw, 58px)
    clamp(45px, 6vw, 82px)
    clamp(48px, 5vw, 66px) !important;

  background:
    linear-gradient(
      120deg,
      #174F2B 0%,
      #0F3F1F 100%
    ) !important;

  box-sizing: border-box !important;

  text-align: left !important;
}


/* Quitar overlays heredados */

.oxfam-project-content
.elementor-widget-slides
.swiper-slide-inner::before,

.oxfam-project-content
.elementor-widget-slides
.swiper-slide-inner::after{
  display: none !important;
}


/* ==========================================================
   08. CONTENIDO INTERIOR
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides
.swiper-slide-contents{
  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 940px !important;

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

  text-align: left !important;
}


/* Línea Oxfam */

.oxfam-project-content
.elementor-widget-slides
.swiper-slide-contents::before{
  content: "" !important;

  display: block !important;

  width: 52px !important;
  height: 5px !important;

  margin:
    0
    0
    18px !important;

  border-radius: 999px !important;

  background:
    var(--ox-slide-lime) !important;
}


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

.oxfam-project-content
.elementor-widget-slides
.elementor-slide-heading{
  width: 100% !important;

  margin:
    0
    0
    17px !important;

  padding: 0 !important;

  color:
    #FFFFFF !important;

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

  font-size:
    clamp(32px, 3.1vw, 48px) !important;

  line-height: .98 !important;

  font-weight: 900 !important;

  letter-spacing: 0 !important;

  text-transform: uppercase !important;

  text-align: left !important;

  text-shadow: none !important;

  overflow-wrap: break-word !important;
}


/* Evitar línea duplicada del CSS maestro */

.oxfam-project-content
.elementor-widget-slides
.elementor-slide-heading::after{
  display: none !important;
}


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

.oxfam-project-content
.elementor-widget-slides
.elementor-slide-description{
  width: 100% !important;
  max-width: 900px !important;

  margin:
    0
    0
    27px !important;

  padding: 0 !important;

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

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

  font-size:
    clamp(15px, 1.1vw, 18px) !important;

  line-height: 1.57 !important;

  font-weight: 400 !important;

  text-align: left !important;

  text-shadow: none !important;
}


.oxfam-project-content
.elementor-widget-slides
.elementor-slide-description p{
  margin: 0 !important;

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

  font: inherit !important;

  line-height: inherit !important;

  text-align: left !important;
}


/* Links dentro de descripción */

.oxfam-project-content
.elementor-widget-slides
.elementor-slide-description a{
  color:
    var(--ox-slide-lime) !important;

  text-decoration-color:
    rgba(190,206,69,.55) !important;
}


/* ==========================================================
   11. BOTÓN ROSADO
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides
.elementor-slide-button,

.oxfam-project-content
.elementor-widget-slides
.elementor-button{
  display: inline-flex !important;

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

  width: auto !important;

  min-width: 150px !important;
  min-height: 46px !important;

  margin: 0 !important;

  padding:
    13px
    25px !important;

  border: 0 !important;

  border-radius: 999px !important;

  background:
    var(--ox-slide-pink) !important;

  color:
    #FFFFFF !important;

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

  font-size: 13px !important;

  line-height: 1 !important;

  font-weight: 800 !important;

  letter-spacing: .3px !important;

  text-transform: uppercase !important;

  text-decoration: none !important;

  box-shadow:
    0 8px 22px
    rgba(228,57,137,.27) !important;

  transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease !important;
}


.oxfam-project-content
.elementor-widget-slides
.elementor-slide-button:hover,

.oxfam-project-content
.elementor-widget-slides
.elementor-button:hover{
  background:
    #D72F7E !important;

  color: #FFFFFF !important;

  transform:
    translateY(-2px) !important;

  box-shadow:
    0 12px 28px
    rgba(228,57,137,.34) !important;
}


/* ==========================================================
   12. FLECHAS
   Centradas únicamente sobre la fotografía
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides
.elementor-swiper-button{
  position: absolute !important;

  top:
    calc(
      var(--ox-slide-image-height) / 2
    ) !important;

  z-index: 10 !important;

  display: flex !important;

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

  width: 48px !important;
  height: 48px !important;

  margin: 0 !important;

  border:
    2px solid
    rgba(255,255,255,.88) !important;

  border-radius: 50% !important;

  background:
    var(--ox-slide-pink) !important;

  color:
    #FFFFFF !important;

  box-shadow:
    0 8px 24px
    rgba(0,0,0,.18) !important;

  opacity: 1 !important;

  transform:
    translateY(-50%) !important;

  transition:
    transform .2s ease,
    background .2s ease !important;
}


.oxfam-project-content
.elementor-widget-slides
.elementor-swiper-button-prev{
  left: 20px !important;
}


.oxfam-project-content
.elementor-widget-slides
.elementor-swiper-button-next{
  right: 20px !important;
}


@media (hover:hover){

  .oxfam-project-content
  .elementor-widget-slides
  .elementor-swiper-button:hover{
    background:
      var(--ox-slide-green) !important;

    transform:
      translateY(-50%)
      scale(1.06) !important;
  }

}


.oxfam-project-content
.elementor-widget-slides
.elementor-swiper-button svg{
  width: 18px !important;
  height: 18px !important;

  fill:
    currentColor !important;
}


/* ==========================================================
   13. PAGINACIÓN
   ========================================================== */

.oxfam-project-content
.elementor-widget-slides
.swiper-pagination{
  position: absolute !important;

  right: 0 !important;
  bottom: 17px !important;
  left: 0 !important;

  z-index: 10 !important;

  display: flex !important;

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

  gap: 7px !important;
}


.oxfam-project-content
.elementor-widget-slides
.swiper-pagination-bullet{
  display: block !important;

  width: 8px !important;
  height: 8px !important;

  margin: 0 !important;

  border-radius: 999px !important;

  background:
    rgba(255,255,255,.42) !important;

  opacity: 1 !important;

  transition:
    width .25s ease,
    background .25s ease !important;
}


.oxfam-project-content
.elementor-widget-slides
.swiper-pagination-bullet-active{
  width: 27px !important;

  background:
    var(--ox-slide-lime) !important;
}


/* ==========================================================
   14. TABLET
   ========================================================== */

@media (max-width: 1024px){

  .oxfam-project-content
  .elementor-widget-slides{

    --ox-slide-image-height:
      clamp(330px, 45vw, 470px);
  }


  .oxfam-project-content
  .elementor-widget-slides
  .swiper-slide-inner{

    min-height: 300px !important;

    padding:
      35px
      42px
      54px !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-slide-heading{

    font-size:
      clamp(30px, 4.5vw, 42px) !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-slide-description{

    font-size:
      15px !important;

    line-height:
      1.52 !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-swiper-button{

    width: 42px !important;
    height: 42px !important;
  }

}


/* ==========================================================
   15. MÓVIL
   ========================================================== */

@media (max-width: 767px){

  .oxfam-project-content
  .elementor-widget-slides{

    --ox-slide-image-height:
      clamp(260px, 72vw, 350px);

    margin:
      38px auto
      58px !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-main-swiper,

  .oxfam-project-content
  .elementor-widget-slides
  .swiper,

  .oxfam-project-content
  .elementor-widget-slides
  .swiper-slide{

    border-radius:
      18px !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .swiper-slide-bg{

    border-radius:
      18px
      18px
      0
      0 !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .swiper-slide-inner{

    min-height: 0 !important;

    padding:
      30px
      22px
      52px !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .swiper-slide-contents::before{

    width: 42px !important;
    height: 4px !important;

    margin-bottom:
      14px !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-slide-heading{

    margin-bottom:
      13px !important;

    font-size:
      clamp(27px, 8vw, 34px) !important;

    line-height:
      .98 !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-slide-description{

    margin-bottom:
      21px !important;

    font-size:
      14px !important;

    line-height:
      1.5 !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-slide-button,

  .oxfam-project-content
  .elementor-widget-slides
  .elementor-button{

    min-width:
      136px !important;

    min-height:
      43px !important;

    padding:
      12px
      20px !important;

    font-size:
      12px !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-swiper-button{

    width: 36px !important;
    height: 36px !important;

    border-width:
      1px !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-swiper-button-prev{

    left:
      10px !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-swiper-button-next{

    right:
      10px !important;
  }

}


/* ==========================================================
   16. CELULARES PEQUEÑOS
   ========================================================== */

@media (max-width: 430px){

  .oxfam-project-content
  .elementor-widget-slides{

    --ox-slide-image-height:
      clamp(240px, 70vw, 300px);
  }


  .oxfam-project-content
  .elementor-widget-slides
  .swiper-slide-inner{

    padding:
      27px
      18px
      49px !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-slide-heading{

    font-size:
      27px !important;
  }


  .oxfam-project-content
  .elementor-widget-slides
  .elementor-slide-description{

    font-size:
      13.5px !important;

    line-height:
      1.48 !important;
  }

}


/* ==========================================================
   17. EDITOR ELEMENTOR
   ========================================================== */

.elementor-editor-active
.oxfam-project-content
.elementor-widget-slides{

  overflow:
    visible !important;
}


.elementor-editor-active
.oxfam-project-content
.elementor-widget-slides
.swiper-slide{

  overflow:
    hidden !important;
}


/* ==========================================================
   18. ACCESIBILIDAD
   ========================================================== */

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

  .oxfam-project-content
  .elementor-widget-slides
  .swiper-slide-bg,

  .oxfam-project-content
  .elementor-widget-slides
  .elementor-swiper-button,

  .oxfam-project-content
  .elementor-widget-slides
  .elementor-button{

    transition:
      none !important;
  }

}
/* ==========================================================
   OXFAM COLOMBIA
   FIX GALERÍAS ELEMENTOR — FRONTEND 2026
   ----------------------------------------------------------
   Soluciona galerías visibles en editor pero ocultas
   o con altura 0 en producción.
   ========================================================== */


/* ==========================================================
   01. WIDGET DE GALERÍA
   ========================================================== */

.oxfam-project-content
.elementor-widget-gallery{

  display: block !important;

  visibility: visible !important;

  opacity: 1 !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 1px !important;

  margin:
    clamp(32px, 4vw, 52px)
    auto
    clamp(50px, 5vw, 76px) !important;

  overflow: visible !important;
}


/* Contenedor interno */

.oxfam-project-content
.elementor-widget-gallery
.elementor-widget-container{

  display: block !important;

  visibility: visible !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;

  overflow: visible !important;
}


/* ==========================================================
   02. GALERÍA GRID DE ELEMENTOR

   La convertimos en CSS Grid real.
   Ya no dependemos de que Elementor calcule alturas
   y posiciones con JavaScript.
   ========================================================== */

.oxfam-project-content
.elementor-widget-gallery
.e-gallery-container.e-gallery-grid{

  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap: 10px !important;

  position: relative !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 1px !important;

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

  overflow: visible !important;
}


/* ==========================================================
   03. CADA ELEMENTO
   ========================================================== */

.oxfam-project-content
.elementor-widget-gallery
.e-gallery-container.e-gallery-grid
.e-gallery-item{

  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  inset: auto !important;

  display: block !important;

  visibility: visible !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;

  min-width: 0 !important;
  min-height: 0 !important;

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

  opacity: 1 !important;

  transform: none !important;

  overflow: hidden !important;

  border-radius: 14px !important;

  background: #F7F8F2 !important;

  box-shadow:
    0 5px 18px
    rgba(23,79,43,.07) !important;
}


/* ==========================================================
   04. ÁREA DE LA FOTOGRAFÍA
   ========================================================== */

.oxfam-project-content
.elementor-widget-gallery
.e-gallery-container.e-gallery-grid
.e-gallery-image{

  position: relative !important;

  display: block !important;

  width: 100% !important;

  height: auto !important;

  aspect-ratio: 4 / 3 !important;

  margin: 0 !important;

  padding: 0 !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  border-radius: 14px !important;

  opacity: 1 !important;

  transform: none !important;

  transition:
    transform .35s ease,
    filter .35s ease !important;
}


/* Hover elegante */

@media (hover:hover){

  .oxfam-project-content
  .elementor-widget-gallery
  .e-gallery-container.e-gallery-grid
  .e-gallery-item:hover
  .e-gallery-image{

    transform:
      scale(1.025) !important;

    filter:
      brightness(.96) !important;
  }

}


/* ==========================================================
   05. OVERLAY / ICONOS / LIGHTBOX
   ========================================================== */

.oxfam-project-content
.elementor-widget-gallery
.e-gallery-container.e-gallery-grid
.e-gallery-item
.elementor-gallery-item__overlay{

  position: absolute !important;

  inset: 0 !important;

  z-index: 2 !important;

  display: flex !important;

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

  border-radius: 14px !important;

  background:
    rgba(15,63,31,0) !important;

  transition:
    background .3s ease !important;
}


@media (hover:hover){

  .oxfam-project-content
  .elementor-widget-gallery
  .e-gallery-container.e-gallery-grid
  .e-gallery-item:hover
  .elementor-gallery-item__overlay{

    background:
      rgba(15,63,31,.18) !important;
  }

}


/* ==========================================================
   06. GALERÍA BÁSICA / LEGACY DE WORDPRESS
   ========================================================== */

.oxfam-project-content
.elementor-image-gallery
.gallery,

.oxfam-project-content
.wp-block-gallery,

.oxfam-project-content
.gallery{

  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap: 10px !important;

  width: 100% !important;

  height: auto !important;

  margin:
    35px 0
    60px !important;

  padding: 0 !important;
}


/* Elementos */

.oxfam-project-content
.elementor-image-gallery
.gallery-item,

.oxfam-project-content
.wp-block-gallery
.wp-block-image,

.oxfam-project-content
.gallery
.gallery-item{

  width: 100% !important;
  max-width: none !important;

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


/* Imágenes */

.oxfam-project-content
.elementor-image-gallery
.gallery-item img,

.oxfam-project-content
.wp-block-gallery img,

.oxfam-project-content
.gallery
.gallery-item img{

  display: block !important;

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

  aspect-ratio: 4 / 3 !important;

  object-fit: cover !important;

  margin: 0 !important;

  border: 0 !important;

  border-radius: 14px !important;

  box-shadow:
    0 5px 18px
    rgba(23,79,43,.07) !important;
}


/* ==========================================================
   07. TABLET
   ========================================================== */

@media (max-width: 1024px){

  .oxfam-project-content
  .elementor-widget-gallery
  .e-gallery-container.e-gallery-grid,

  .oxfam-project-content
  .elementor-image-gallery
  .gallery,

  .oxfam-project-content
  .wp-block-gallery,

  .oxfam-project-content
  .gallery{

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

    gap: 8px !important;
  }

}


/* ==========================================================
   08. MÓVIL
   ========================================================== */

@media (max-width: 767px){

  .oxfam-project-content
  .elementor-widget-gallery{

    margin:
      28px auto
      48px !important;
  }


  .oxfam-project-content
  .elementor-widget-gallery
  .e-gallery-container.e-gallery-grid,

  .oxfam-project-content
  .elementor-image-gallery
  .gallery,

  .oxfam-project-content
  .wp-block-gallery,

  .oxfam-project-content
  .gallery{

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

    gap: 7px !important;
  }


  .oxfam-project-content
  .elementor-widget-gallery
  .e-gallery-container.e-gallery-grid
  .e-gallery-item,

  .oxfam-project-content
  .elementor-widget-gallery
  .e-gallery-container.e-gallery-grid
  .e-gallery-image,

  .oxfam-project-content
  .elementor-image-gallery
  .gallery-item img,

  .oxfam-project-content
  .wp-block-gallery img{

    border-radius:
      10px !important;
  }

}


/* ==========================================================
   09. MÓVILES MUY PEQUEÑOS
   ========================================================== */

@media (max-width: 390px){

  .oxfam-project-content
  .elementor-widget-gallery
  .e-gallery-container.e-gallery-grid,

  .oxfam-project-content
  .elementor-image-gallery
  .gallery,

  .oxfam-project-content
  .wp-block-gallery,

  .oxfam-project-content
  .gallery{

    gap: 5px !important;
  }

}


/* ==========================================================
   10. PROTECCIÓN FRONTEND
   ========================================================== */

body:not(.elementor-editor-active)
.oxfam-project-content
.elementor-widget-gallery,

body:not(.elementor-editor-active)
.oxfam-project-content
.e-gallery-container{

  visibility:
    visible !important;

  opacity:
    1 !important;
}


/* ==========================================================
   11. EDITOR ELEMENTOR
   ========================================================== */

.elementor-editor-active
.oxfam-project-content
.elementor-widget-gallery{

  display:
    block !important;

  visibility:
    visible !important;

  opacity:
    1 !important;
}/* End custom CSS */