.elementor-4709 .elementor-element.elementor-element-5273cc0{--display:flex;--min-height:687px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.7;}.elementor-4709 .elementor-element.elementor-element-5273cc0:not(.elementor-motion-effects-element-type-background), .elementor-4709 .elementor-element.elementor-element-5273cc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fundacionwayka.cl/wp-content/uploads/2025/02/agro-arandanos.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4709 .elementor-element.elementor-element-5273cc0::before, .elementor-4709 .elementor-element.elementor-element-5273cc0 > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-5273cc0 > .e-con-inner > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-5273cc0 > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-5273cc0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-5273cc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4709 .elementor-element.elementor-element-532d30f{text-align:center;}.elementor-4709 .elementor-element.elementor-element-532d30f .elementor-heading-title{font-size:57px;color:#FFFFFF;}.elementor-4709 .elementor-element.elementor-element-80c1717{text-align:center;font-family:"Helvetica", Sans-serif;font-size:24px;line-height:36px;letter-spacing:0.2px;word-spacing:2px;color:#FFFFFF;}.elementor-4709 .elementor-element.elementor-element-759c1db{--display:flex;}.elementor-4709 .elementor-element.elementor-element-5dbb758{--spacer-size:20px;}.elementor-4709 .elementor-element.elementor-element-c11df46{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4709 .elementor-element.elementor-element-8e171b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4709 .elementor-element.elementor-element-c4e2f8c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4709 .elementor-element.elementor-element-7335f6f{font-size:18px;line-height:30px;letter-spacing:0.2px;}.elementor-4709 .elementor-element.elementor-element-33b0faf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-4709 .elementor-element.elementor-element-69bec82 img{border-radius:20px 20px 20px 20px;}.elementor-4709 .elementor-element.elementor-element-31bd795{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4709 .elementor-element.elementor-element-3e552b7{--spacer-size:50px;}.elementor-4709 .elementor-element.elementor-element-7cbbd5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-4709 .elementor-element.elementor-element-7cbbd5c::before, .elementor-4709 .elementor-element.elementor-element-7cbbd5c > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-7cbbd5c > .e-con-inner > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-7cbbd5c > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-7cbbd5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-7cbbd5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#EBECF0;--background-overlay:'';}.elementor-4709 .elementor-element.elementor-element-3b5f057{--spacer-size:10px;}.elementor-4709 .elementor-element.elementor-element-ca64efb{text-align:center;}.elementor-4709 .elementor-element.elementor-element-3024d08{font-family:"Raleway", Sans-serif;font-size:20px;font-weight:600;line-height:32px;}.elementor-4709 .elementor-element.elementor-element-877fc66{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-4709 .elementor-element.elementor-element-877fc66::before, .elementor-4709 .elementor-element.elementor-element-877fc66 > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-877fc66 > .e-con-inner > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-877fc66 > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-877fc66 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-877fc66 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#EBECF0;--background-overlay:'';}.elementor-4709 .elementor-element.elementor-element-7ac9260{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-4709 .elementor-element.elementor-element-7ac9260::before, .elementor-4709 .elementor-element.elementor-element-7ac9260 > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-7ac9260 > .e-con-inner > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-7ac9260 > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-7ac9260 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-7ac9260 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#EBECF0;--background-overlay:'';}.elementor-4709 .elementor-element.elementor-element-ac7b74a{--spacer-size:30px;}.elementor-4709 .elementor-element.elementor-element-60f4c1d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.9;}.elementor-4709 .elementor-element.elementor-element-60f4c1d::before, .elementor-4709 .elementor-element.elementor-element-60f4c1d > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-60f4c1d > .e-con-inner > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-60f4c1d > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-60f4c1d > .e-con-inner > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-60f4c1d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FF9433;--background-overlay:'';}.elementor-4709 .elementor-element.elementor-element-6b3ab05{--spacer-size:10px;}.elementor-4709 .elementor-element.elementor-element-3e34956{text-align:center;}.elementor-4709 .elementor-element.elementor-element-3e34956 .elementor-heading-title{color:#FFFFFF;}.elementor-4709 .elementor-element.elementor-element-0995b6c{--display:flex;}.elementor-4709 .elementor-element.elementor-element-c224abc{text-align:center;color:#FFFFFF;}.elementor-4709 .elementor-element.elementor-element-c224abc p{margin-block-end:0px;}.elementor-4709 .elementor-element.elementor-element-7b2c5ff .elementor-button{background-color:#FFFFFF;fill:#FF9433;color:#FF9433;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4709 .elementor-element.elementor-element-7b2c5ff .elementor-button:hover, .elementor-4709 .elementor-element.elementor-element-7b2c5ff .elementor-button:focus{box-shadow:5px 0px 10px 0px rgba(0, 0, 0, 0.5);}.elementor-4709 .elementor-element.elementor-element-4c28b3f{--spacer-size:10px;}.elementor-4709 .elementor-element.elementor-element-7ab01fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4709 .elementor-element.elementor-element-b3ce892{--spacer-size:30px;}.elementor-4709 .elementor-element.elementor-element-14a7408{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4709 .elementor-element.elementor-element-a96f2b3{--spacer-size:5px;}.elementor-4709 .elementor-element.elementor-element-38035d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-4709 .elementor-element.elementor-element-38035d4::before, .elementor-4709 .elementor-element.elementor-element-38035d4 > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-38035d4 > .e-con-inner > .elementor-background-video-container::before, .elementor-4709 .elementor-element.elementor-element-38035d4 > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-38035d4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4709 .elementor-element.elementor-element-38035d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4709 .elementor-element.elementor-element-3ce4804{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4709 .elementor-element.elementor-element-00101c1{--spacer-size:50px;}@media(max-width:1024px){.elementor-4709 .elementor-element.elementor-element-5273cc0{--min-height:690px;}.elementor-4709 .elementor-element.elementor-element-532d30f .elementor-heading-title{font-size:45px;}.elementor-4709 .elementor-element.elementor-element-80c1717{line-height:36px;word-spacing:2px;}.elementor-4709 .elementor-element.elementor-element-674c174 .elementor-heading-title{font-size:20px;}.elementor-4709 .elementor-element.elementor-element-7335f6f{font-size:16px;}.elementor-4709 .elementor-element.elementor-element-33b0faf{--justify-content:flex-end;}.elementor-4709 .elementor-element.elementor-element-3024d08{font-size:18px;}.elementor-4709 .elementor-element.elementor-element-6b3ab05{--spacer-size:10px;}.elementor-4709 .elementor-element.elementor-element-3e34956 .elementor-heading-title{font-size:30px;}.elementor-4709 .elementor-element.elementor-element-c224abc{font-size:18px;line-height:1.5em;}.elementor-4709 .elementor-element.elementor-element-4c28b3f{--spacer-size:10px;}}@media(max-width:767px){.elementor-4709 .elementor-element.elementor-element-5273cc0{--min-height:620px;}.elementor-4709 .elementor-element.elementor-element-5273cc0:not(.elementor-motion-effects-element-type-background), .elementor-4709 .elementor-element.elementor-element-5273cc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-4709 .elementor-element.elementor-element-532d30f .elementor-heading-title{font-size:36px;}.elementor-4709 .elementor-element.elementor-element-80c1717{font-size:18px;word-spacing:2px;}.elementor-4709 .elementor-element.elementor-element-3024d08{font-size:17px;}.elementor-4709 .elementor-element.elementor-element-3e34956 .elementor-heading-title{font-size:26px;}.elementor-4709 .elementor-element.elementor-element-c224abc{font-size:18px;line-height:1.6em;letter-spacing:0.2px;}.elementor-4709 .elementor-element.elementor-element-7b2c5ff .elementor-button{font-size:18px;}}@media(min-width:768px){.elementor-4709 .elementor-element.elementor-element-8e171b6{--width:50%;}.elementor-4709 .elementor-element.elementor-element-33b0faf{--width:50%;}.elementor-4709 .elementor-element.elementor-element-0995b6c{--width:73%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4709 .elementor-element.elementor-element-8e171b6{--width:55%;}}/* Start custom CSS for html, class: .elementor-element-6128d86 */:root{
    --eco-naranja:#ff9433;
    --eco-amarillo:#fab932;
    --eco-celeste:#64bcd5;
  }

  /* Wrapper a prueba de todo: centra al hijo siempre */
  .eco-line-wrap{
    display: grid;
    place-items: center;   /* centra horizontal y vertical */
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Línea */
  .eco-line{
    display: block;
    height: 4px;
    border-radius: 9999px;
    background: linear-gradient(90deg,
      var(--eco-naranja) 0%,
      var(--eco-amarillo) 45%,
      #7fb59a 70%,
      var(--eco-celeste) 100%
    );
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(0,0,0,.06);
  }

  /* Corta */
  .eco-line--short{
    width: clamp(140px, 35vw, 150px);
  }

  /* Si Elementor añade rellenos al widget contenedor */
  .elementor-widget-container { padding:0 !important; margin:0 !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4e2f8c */:root{
  --fw-orange: #ff9433;     /* color marca */
  --fw-gray-800: #4a4f55;   /* gris texto (si lo quisieras gris) */
  --fw-orange-soft: rgba(255,148,51,.14); /* fondo suave de la píldora */
}

/* === Píldora === */
.fw-chip{
  background: var(--fw-orange-soft);
  color: var(--fw-orange);
  border-radius: 9999px;
  padding: 10px 16px;           /* alto y lados de la píldora */
  display: inline-flex;
  align-items: center;          /* centra vertical icono + texto */
  gap: 10px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  /* sutil elevación como el ejemplo */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5),
              0 1px 2px rgba(0,0,0,.05);
}

/* Icono dentro de la píldora */
.material-symbols-outlined.fw-icon{
  font-variation-settings: 'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 28;
  font-size: 22px;              /* tamaño del icono en la chip */
  color: var(--fw-orange);
  line-height: 1;
  vertical-align: middle;
}

/* Texto dentro de la píldora (sin márgenes extra) */
.fw-chip .fw-title__text{
  margin: 0 !important;         /* anula tu margin-top:5px para centrar perfecto */
  color: var(--fw-orange);      /* texto naranja para igualar el icono */
  font-size: 14px;              /* tamaño similar a tu muestra */
}

/* Responsivo fino: reduce padding y fuente en pantallas pequeñas */
@media (max-width: 480px){
  .fw-chip{ padding: 8px 14px; }
  .fw-chip .fw-title__text{ font-size: 13px; }
  .material-symbols-outlined.fw-icon{ font-size: 20px; }
}

/* Tu contenedor vertical (lo mantengo tal cual) */
.fw-center-y{
  display: flex;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 100%;
}

/* Por si Elementor mete gaps/márgenes en el widget */
.elementor-widget-container{ margin:0 !important; padding:0 !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0815aa2 *//* ===== Paleta de la Fundación ===== */
:root{
  --c-naranja:  #ff9433; /* economía */
  --c-amarillo: #fab932; /* social */
  --c-morado:   #8b63aa; /* arte */
  --c-celeste:  #64bcd5; /* ecología */

  --c-crema:    #fffff0;
  --c-sec:      #54595F; /* títulos */
  --c-texto:    #7A7A7A; /* párrafos */
}

/* Variante para la 4ª tarjeta */
.fw-card.is-circular{
  --accent: var(--c-morado);      /* usa el morado para diferenciar */
  --accent-rgb: 139,99,170;
}
/* Si prefieres mantener la semántica “verde” del reciclaje, cambia a: */
/* --accent: var(--c-celeste); --accent-rgb: 100,188,213; */


/* ===== Grid responsivo de tarjetas ===== */
.fw-cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 30px;
  
}
@media (max-width: 1024px){
  .fw-cards{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .fw-cards{ grid-template-columns: 1fr; }
}

/* ===== Tarjeta ===== */
.fw-card{
  --accent: var(--c-naranja);               /* valor por defecto (se sobrescribe por variante) */
  --accent-rgb: 255,148,51;                 /* idem en rgb para transparencias */
  background: var(--c-crema);
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
  transition: transform .2s ease, box-shadow .2s ease;
}
.fw-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* Icono circular con fondo suave del color de la línea */
.fw-card__icon{
  width: 60px;
  height: 60px;
  border-radius: 999px;
  background: rgba(var(--accent-rgb), .14);
  display: grid;
  place-items: center;
  margin-bottom: 18px;
}
.fw-card__icon .material-symbols-outlined{
  font-variation-settings: 'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 48;
  font-size: 32px;
  color: var(--accent);
}

/* Tipografía */
.fw-card__title{
  margin: 0 0 12px 0;
  color: var(--c-sec);
  font-weight: 800;
  line-height: 1.25;
  font-size: clamp(1.1rem, 2.4vw, 1.6rem);
}
.fw-card__text{
  margin: 0;
  color: var(--c-texto) !important;
  line-height: 1.6;
  font-size: 1rem !important;
}

/* ===== Variantes por temática ===== */
.fw-card.is-economia{
  --accent: var(--c-naranja);
  --accent-rgb: 255,148,51;
}
.fw-card.is-social{
  --accent: var(--c-amarillo);
  --accent-rgb: 250,185,50;
}
.fw-card.is-arte{
  --accent: var(--c-morado);
  --accent-rgb: 139,99,170;
}
.fw-card.is-ecologia{
  --accent: var(--c-celeste);
  --accent-rgb: 100,188,213;
}

/* ===== Ajustes finos opcionales ===== */
/* Más aire en pantallas grandes */
@media (min-width: 1280px){
  .fw-card{ padding: 32px; }
}
/* Bordes aún más suaves como en la muestra */
.fw-card{ border-radius: 28px; }


/* Fuerza colores dentro de esta sección/columna */
.fw-scope .fw-card__title{
  color: var(--c-sec) !important;
}
.fw-scope .fw-card__text{
  color: var(--c-texto) !important;
}

/* Si también usas enlaces dentro del texto/título */
.fw-scope .fw-card__title a{ color: var(--c-sec) !important; }
.fw-scope .fw-card__text  a{ color: var(--c-sec) !important; }

/* Dentro de la sección/columna con clase fw-scope */
.fw-scope .fw-card__title{
  font-size: clamp(1.05rem, 2.2vw, 1.2rem) !important; /* ↓ más pequeño */
  line-height: 1.25 !important;
  font-weight: 700; /* opcional, por consistencia */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e666761 *//* ===== Badge DESTACADOS (naranja) ===== */
:root{
  --fw-orange: #ff9433;              /* Naranja principal */
  --fw-orange-soft: rgba(255,148,51,.14);  /* Fondo suave */
}

.fw-badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 9999px;              /* forma píldora */
  background: var(--fw-orange-soft);  /* fondo suave */
  color: var(--fw-orange);            /* icono + texto */
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  /* Sombra muy sutil para “flotar” */
  box-shadow: 0 1px 2px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.35);
}

.fw-badge__icon{
  display: inline-flex;
  line-height: 0;
}

.fw-badge__text{
  display: inline-block;
}

/* Variante específica (por si luego agregas más estilos) */
.fw-badge--featured{
  /* aquí podrías cambiar solo esta variante si lo necesitas */
}

/* Utilidad opcional: centrar el badge en su contenedor */
.fw-center{
  display: grid;
  place-items: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca45876 *//* ===== Paleta ===== */
:root{
  --fw-orange: #ff9433;   /* Naranja marca */
  --fw-gray-900: #0e0e1b; /* Gris oscuro para “Proyectos” */
  --fw-yellow: #fab932;   /* Degradado línea (opcional) */
  --fw-teal:   #64bcd5;   /* Degradado línea (opcional) */
}

/* ===== Contenedor del heading ===== */
.fw-section-heading{
  margin: 0; padding: 0;
}
.fw-section-heading--center{
  text-align: center;
}

/* ===== Heading ===== */
.fw-heading{
  margin: 0;
  font-weight: 800;
  line-height: 1.2;
  font-size: clamp(1.8rem, 4.2vw, 2.6rem);
  letter-spacing: -.01em;
}
.fw-heading__base{
  color: var(--fw-gray-900);     /* “Proyectos” en gris oscuro */
}
.fw-heading__accent{
  color: var(--fw-orange);       /* “Destacados” en naranja */
}



/* (Opcional) eliminar márgenes/padding del widget en Elementor */
.elementor-widget-container{ margin:0 !important; padding:0 !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43db79e *//* ===== Paleta ===== */
:root{
  --c-naranja:#ff9433; /* economía */
  --c-amarillo:#fab932;/* social */
  --c-morado:#8b63aa;  /* arte */
  --c-celeste:#64bcd5; /* ecología */
  --c-crema:#fffff0;
  --c-sec:#54595F;     /* títulos */
  --c-text:#7A7A7A;    /* párrafos */
}

/* ===== Contenedor general ===== */
.fw-feature-cards{
  display: grid;
  gap: 40px;
}

/* ===== Tarjeta ===== */
.fw-feature{
  display: grid;
  grid-template-columns: 1fr 1.15fr; /* img / content */
  gap: 24px;
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}
.fw-feature.is-reversed{
  grid-template-columns: 1.15fr 1fr; /* content / img */
}
@media (max-width: 900px){
  .fw-feature, .fw-feature.is-reversed{
    grid-template-columns: 1fr; /* apilar en mobile */
    padding: 12px;
  }
}

/* Imagen con radios que respetan el “corte” de la tarjeta */
.fw-feature__media{
  margin: 0;
}
.fw-feature__media img{
  width: 100%;
  height: 100%;
  max-height: 360px;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}
.fw-feature:not(.is-reversed) .fw-feature__media img{
  border-top-left-radius: 14px; border-bottom-left-radius: 14px;
}
.fw-feature.is-reversed .fw-feature__media img{
  border-top-right-radius: 14px; border-bottom-right-radius: 14px;
}

/* Contenido */
.fw-feature__content{
  background: #fff;
  border-radius: 14px;
  padding: 28px 28px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Eyebrow con icono y texto corto (color naranja por defecto) */
.fw-feature__eyebrow{
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--c-naranja);
  font-weight: 700;
  margin-bottom: 8px;
}
.fw-feature__eyebrow .material-symbols-outlined{
  font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 28;
  font-size: 22px;
}

/* Título y texto */
.fw-feature__title{
  margin: 0 0 12px; color: var(--c-sec);
  font-size: clamp(1.35rem, 3.2vw, 1.2rem) !important;
  line-height: 1.25; font-weight: 800;
}
.fw-feature__text{
  margin: 0 0 16px; color: var(--c-text);
  line-height: 1.7; font-size: 1rem;
}

/* Chips/etiquetas */
.fw-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.fw-chip{
  --accent: var(--c-naranja);
  --bg: rgba(255,148,51,.14);
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px; border-radius:9999px;
  background: var(--bg); color: var(--accent);
  font-weight:700; font-size:.9rem; line-height:1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 2px rgba(0,0,0,.04);
}
.fw-chip .material-symbols-outlined{ font-size:18px; }

/* Variantes de chips */
.fw-chip.is-ecologia{ --accent: var(--c-celeste); --bg: rgba(100,188,213,.16); }
.fw-chip.is-arte{     --accent: var(--c-morado);  --bg: rgba(139,99,170,.16); }
.fw-chip.is-economia{ --accent: var(--c-naranja); --bg: rgba(255,148,51,.16); }
.fw-chip.is-social{   --accent: var(--c-amarillo);--bg: rgba(250,185,50,.20); }

/* Ajustes finos en mobile */
@media (max-width: 900px){
  .fw-feature__media img{ max-height: 240px; }
  .fw-feature__content{ padding: 20px; }
}

/* Forzar color del título (gris oscuro) incluso sobre Elementor */
.fw-feature-cards .fw-feature__title{
  color: #54595F !important;  /* var(--c-sec) si ya la tienes */
}

/* Eyebrow solo icono: tamaño y separación sutil */
.fw-feature__eyebrow.only-icon{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ff9433;             /* naranja marca */
  margin-bottom: 6px;          /* menos aire que el eyebrow con texto */
}
.fw-feature__eyebrow.only-icon .material-symbols-outlined{
  font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 28;
  font-size: 22px;
}

/* Orden de columnas:
   - Tarjeta normal: [imagen | contenido]
   - is-reversed:    [contenido | imagen]  */
.fw-feature{
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 24px;
}
.fw-feature.is-reversed{
  grid-template-columns: 1.15fr 1fr;
}

/* Radios correctos por lado (si quieres bordes distintos en la imagen) */
.fw-feature:not(.is-reversed) .fw-feature__media img{
  border-top-left-radius: 14px; border-bottom-left-radius: 14px;
  border-top-right-radius: 14px; border-bottom-right-radius: 14px; /* opcional: radios iguales */
}
.fw-feature.is-reversed .fw-feature__media img{
  border-top-left-radius: 14px; border-bottom-left-radius: 14px;
  border-top-right-radius: 14px; border-bottom-right-radius: 14px;
}

/* Responsive: pila en mobile */
@media (max-width: 900px){
  .fw-feature, .fw-feature.is-reversed{
    grid-template-columns: 1fr;
  }
}

/* Título en gris oscuro y más compacto */
.fw-feature__title{
  margin: 0 0 10px;
  color: #54595F !important;      /* forzar sobre Elementor */
  font-weight: 800;
  font-size: clamp(1.1rem, 2.4vw, 1.7rem);  /* ↓ más pequeño */
  line-height: 1.25;
  display: inline-flex;           /* icono + texto en línea */
  align-items: center;
  gap: 10px;
}

/* Icono en el título (usa color marca) */
.fw-title-icon{
  color: #ff9433;
  font-variation-settings: 'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 28;
  font-size: 1.15em !important;              /* crece con el título */
  line-height: 1;
  vertical-align: middle;
}

/* Etiquetas/chips MÁS chicas y en UNA LÍNEA en desktop */
.fw-chips{
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;              /* una línea */
}
.fw-chip{
  padding: 6px 10px;              /* ↓ padding */
  font-size: .85rem;              /* ↓ tamaño texto */
  gap: 6px;
  white-space: nowrap;            /* no partir cada chip */
}
.fw-chip .material-symbols-outlined{ font-size: 16px; }

/* En pantallas pequeñas, permitir que las chips salten de línea */
@media (max-width: 680px){
  .fw-chips{ flex-wrap: wrap; }   /* ahora sí puede partir */
}

/* (Si te quedó un eyebrow viejo, puedes ocultarlo) */
.fw-feature__eyebrow{ display: none !important; }

/* La tarjeta estira ambas columnas a la misma altura */
.fw-feature{
  align-items: stretch;           /* asegura mismas alturas en las 2 columnas */
}

/* El panel de contenido ocupa toda la altura disponible */
.fw-feature__content{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;    /* no centrar verticalmente */
  height: 100%;                   /* ocupa toda la altura del track */
}

/* Llevar las etiquetas al fondo del panel */
.fw-chips{
  margin-top: auto;               /* empuja las chips hacia abajo */
  padding-top: 12px;              /* respirito sobre el texto */
}

/* (Opcional) igualar el “corte” inferior con la foto reduciendo el padding inferior */
/* Ajusta a tu gusto: 22–28px según tu diseño actual */
.fw-feature__content{
  padding-bottom: 22px;
}

/* En mobile, si prefieres que no queden tan abajo, relaja el auto-push */
@media (max-width: 900px){
  .fw-chips{ margin-top: 12px; }
}

/* 1) Nombra las áreas de grid */
.fw-feature__media   { grid-area: media; }
.fw-feature__content { grid-area: content; }

/* 2) Orden en desktop */
.fw-feature{
  grid-template-areas: "media content";     /* imagen | texto */
}
.fw-feature.is-reversed{
  grid-template-areas: "content media";     /* texto  | imagen */
}

/* 3) Orden en mobile: SIEMPRE imagen arriba, texto debajo */
@media (max-width: 900px){
  .fw-feature,
  .fw-feature.is-reversed{
    grid-template-columns: 1fr;             /* una columna */
    grid-template-areas:
      "media"
      "content";                             /* media primero */
  }
}

/* 4) (opcional) radios de la imagen en mobile: todos iguales */
@media (max-width: 900px){
  .fw-feature__media img{
    border-radius: 14px !important;
  }
}

/* Fondo blanco + anillo sutil + sombra en capas */
.fw-feature{
  background: #fff;                         /* ahora sí fondo blanco */
  border-radius: 20px;
  /* anillo (borde muy suave) */
  box-shadow:
    0 0 0 1px rgba(17,24,39,.06),          /* ring */
    0 8px 20px rgba(0,0,0,.06);            /* sombra base */
}

/* hover un poquito más alto */
.fw-feature:hover{
  box-shadow:
    0 0 0 1px rgba(17,24,39,.08),
    0 14px 36px rgba(0,0,0,.10);
  transform: translateY(-2px);
  transition: box-shadow .2s ease, transform .2s ease;
}


.fw-feature{ padding: 20px; }
@media (min-width: 1024px){ .fw-feature{ padding: 22px; } }

/* 1) Estilo oración en chips */
.fw-chip{ text-transform: none; }            /* quita mayúsculas globales */
.fw-chip__label{ text-transform: lowercase; }/* todo minúsculas... */
.fw-chip__label::first-letter{ text-transform: uppercase; } /* ...primera en mayúscula */

/* Asegurar que el ícono herede el color del chip */
.fw-chip .material-symbols-outlined{ color: currentColor; }



/* Gris muy claro casi blanco + anillo + sombra suave */
.fw-feature{
  background: #f9fafb;                 /* gris casi blanco */
  border-radius: 20px;
  box-shadow:
    0 0 0 1px rgba(17,24,39,.06),      /* anillo sutil */
    0 8px 20px rgba(0,0,0,.06);        /* elevación */
}

/* Hover (opcional) un poco más marcado */
.fw-feature:hover{
  box-shadow:
    0 0 0 1px rgba(17,24,39,.08),
    0 14px 36px rgba(0,0,0,.10);
  transform: translateY(-2px);
}

/* Si quieres que el panel interno no sea blanco puro,
   ponlo transparente para que tome el gris del contenedor */
.fw-feature__content{
  background: transparent;  /* o déjalo en #fff si prefieres “tarjeta dentro de tarjeta” */
}/* End custom CSS */