.elementor-4012 .elementor-element.elementor-element-aebc308{--display:flex;--min-height:681px;--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;--justify-content:center;--align-items:center;--overlay-opacity:0.3;}.elementor-4012 .elementor-element.elementor-element-aebc308:not(.elementor-motion-effects-element-type-background), .elementor-4012 .elementor-element.elementor-element-aebc308 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fundacionwayka.cl/wp-content/uploads/2025/08/social_hero_horizontal.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4012 .elementor-element.elementor-element-aebc308::before, .elementor-4012 .elementor-element.elementor-element-aebc308 > .elementor-background-video-container::before, .elementor-4012 .elementor-element.elementor-element-aebc308 > .e-con-inner > .elementor-background-video-container::before, .elementor-4012 .elementor-element.elementor-element-aebc308 > .elementor-background-slideshow::before, .elementor-4012 .elementor-element.elementor-element-aebc308 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4012 .elementor-element.elementor-element-aebc308 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4012 .elementor-element.elementor-element-d2bf071{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4012 .elementor-element.elementor-element-7196c0c{text-align:center;}.elementor-4012 .elementor-element.elementor-element-7196c0c .elementor-heading-title{font-size:57px;color:#FFFFFF;}.elementor-4012 .elementor-element.elementor-element-53facfe{--display:flex;}.elementor-4012 .elementor-element.elementor-element-d0cec22{text-align:center;font-family:"Helvetica", Sans-serif;font-size:24px;line-height:36px;letter-spacing:0.2px;word-spacing:2px;color:#FFFFFF;}.elementor-4012 .elementor-element.elementor-element-6bf59c7{--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-4012 .elementor-element.elementor-element-a9517d3{--spacer-size:10px;}.elementor-4012 .elementor-element.elementor-element-2b1c4f8{--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-4012 .elementor-element.elementor-element-c2fce37{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;}.elementor-4012 .elementor-element.elementor-element-378b62f img{border-radius:20px 20px 20px 20px;}.elementor-4012 .elementor-element.elementor-element-abc4908{--display:flex;}.elementor-4012 .elementor-element.elementor-element-0df251b{font-size:20px;line-height:30px;}.elementor-4012 .elementor-element.elementor-element-0df251b p{margin-block-end:12px;}.elementor-4012 .elementor-element.elementor-element-4971bda{--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-4012 .elementor-element.elementor-element-cd9378f{--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-4012 .elementor-element.elementor-element-3edc1de{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;}.elementor-4012 .elementor-element.elementor-element-d4527c4 img{border-radius:20px 20px 20px 20px;}.elementor-4012 .elementor-element.elementor-element-ad2cee8{--display:flex;}.elementor-4012 .elementor-element.elementor-element-02ed07d{font-size:20px;line-height:30px;}.elementor-4012 .elementor-element.elementor-element-cc7af69{--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-4012 .elementor-element.elementor-element-c81cebc{--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-4012 .elementor-element.elementor-element-299a667{--spacer-size:10px;}.elementor-4012 .elementor-element.elementor-element-fc4b841{--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-4012 .elementor-element.elementor-element-1205627{--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-4012 .elementor-element.elementor-element-1ef5cef{--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-4012 .elementor-element.elementor-element-2cc34f7{--spacer-size:30px;}.elementor-4012 .elementor-element.elementor-element-34c1bb2{--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-4012 .elementor-element.elementor-element-34c1bb2::before, .elementor-4012 .elementor-element.elementor-element-34c1bb2 > .elementor-background-video-container::before, .elementor-4012 .elementor-element.elementor-element-34c1bb2 > .e-con-inner > .elementor-background-video-container::before, .elementor-4012 .elementor-element.elementor-element-34c1bb2 > .elementor-background-slideshow::before, .elementor-4012 .elementor-element.elementor-element-34c1bb2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4012 .elementor-element.elementor-element-34c1bb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FF9433;--background-overlay:'';}.elementor-4012 .elementor-element.elementor-element-f03a0ce{--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;--overlay-opacity:0.8;}.elementor-4012 .elementor-element.elementor-element-f03a0ce::before, .elementor-4012 .elementor-element.elementor-element-f03a0ce > .elementor-background-video-container::before, .elementor-4012 .elementor-element.elementor-element-f03a0ce > .e-con-inner > .elementor-background-video-container::before, .elementor-4012 .elementor-element.elementor-element-f03a0ce > .elementor-background-slideshow::before, .elementor-4012 .elementor-element.elementor-element-f03a0ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-4012 .elementor-element.elementor-element-f03a0ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FF9433;--background-overlay:'';}.elementor-4012 .elementor-element.elementor-element-19d56eb{--display:flex;}.elementor-4012 .elementor-element.elementor-element-19d56eb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4012 .elementor-element.elementor-element-d170667{text-align:center;}.elementor-4012 .elementor-element.elementor-element-d170667 img{width:64%;}.elementor-4012 .elementor-element.elementor-element-892cd88{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4012 .elementor-element.elementor-element-892cd88.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4012 .elementor-element.elementor-element-11e9f29{--display:flex;--min-height:230px;--justify-content:center;}.elementor-4012 .elementor-element.elementor-element-7c0b91c > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-4012 .elementor-element.elementor-element-7c0b91c .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:26px;font-weight:600;line-height:33px;letter-spacing:0.1px;word-spacing:0px;color:#FFFFFF;}.elementor-4012 .elementor-element.elementor-element-d9c21d6 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-4012 .elementor-element.elementor-element-d9c21d6{text-align:center;font-family:"Raleway", Sans-serif;font-size:26px;font-weight:700;line-height:33px;letter-spacing:0.1px;word-spacing:0px;color:#FFFFFF;}.elementor-4012 .elementor-element.elementor-element-936dfe6{--display:flex;--justify-content:center;}.elementor-4012 .elementor-element.elementor-element-303b0cf .elementor-button{background-color:transparent;font-family:"Raleway", Sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;word-spacing:5px;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #8B63AA 0%, #AC57EE 100%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);padding:10px 30px 10px 30px;}.elementor-4012 .elementor-element.elementor-element-303b0cf .elementor-button:hover, .elementor-4012 .elementor-element.elementor-element-303b0cf .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(180deg, #329EBD 0%, #00C6FF 100%);}.elementor-4012 .elementor-element.elementor-element-303b0cf .elementor-button:hover svg, .elementor-4012 .elementor-element.elementor-element-303b0cf .elementor-button:focus svg{fill:#FFFFFF;}.elementor-4012 .elementor-element.elementor-element-5ac3a7f{--spacer-size:40px;}.elementor-4012 .elementor-element.elementor-element-b02113f{--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-4012 .elementor-element.elementor-element-07668cf{--spacer-size:30px;}.elementor-4012 .elementor-element.elementor-element-e35d41e{--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;--justify-content:center;--align-items:center;}.elementor-4012 .elementor-element.elementor-element-2938725{--display:flex;--justify-content:center;}.elementor-4012 .elementor-element.elementor-element-a50e560{font-family:"Helvetica", Sans-serif;font-size:24px;line-height:43px;}.elementor-4012 .elementor-element.elementor-element-b27aa4f{--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-4012 .elementor-element.elementor-element-ff9b1c2{--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-4012 .elementor-element.elementor-element-6e28f1d{--spacer-size:30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4012 .elementor-element.elementor-element-7196c0c .elementor-heading-title{font-size:45px;}.elementor-4012 .elementor-element.elementor-element-d0cec22{line-height:36px;word-spacing:2px;}.elementor-4012 .elementor-element.elementor-element-3edc1de{--justify-content:center;}.elementor-4012 .elementor-element.elementor-element-d4527c4 img{height:100%;}.elementor-4012 .elementor-element.elementor-element-02ed07d{font-size:17px;line-height:24px;}.elementor-4012 .elementor-element.elementor-element-02ed07d p{margin-block-end:10px;}.elementor-4012 .elementor-element.elementor-element-d170667 img{width:80%;}.elementor-4012 .elementor-element.elementor-element-11e9f29{--min-height:120px;}.elementor-4012 .elementor-element.elementor-element-7c0b91c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4012 .elementor-element.elementor-element-7c0b91c .elementor-heading-title{font-size:20px;}.elementor-4012 .elementor-element.elementor-element-d9c21d6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4012 .elementor-element.elementor-element-d9c21d6{text-align:center;font-size:24px;}.elementor-4012 .elementor-element.elementor-element-936dfe6{--margin-top:-20px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-4012 .elementor-element.elementor-element-303b0cf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4012 .elementor-element.elementor-element-5ac3a7f{--spacer-size:20px;}.elementor-4012 .elementor-element.elementor-element-07668cf{--spacer-size:10px;}.elementor-4012 .elementor-element.elementor-element-2938725{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4012 .elementor-element.elementor-element-a50e560{font-size:16px;line-height:30px;}.elementor-4012 .elementor-element.elementor-element-6e28f1d{--spacer-size:20px;}}@media(max-width:767px){.elementor-4012 .elementor-element.elementor-element-7196c0c .elementor-heading-title{font-size:36px;}.elementor-4012 .elementor-element.elementor-element-d0cec22{font-size:18px;word-spacing:2px;}.elementor-4012 .elementor-element.elementor-element-0df251b{font-size:18px;}.elementor-4012 .elementor-element.elementor-element-7c0b91c{text-align:center;}.elementor-4012 .elementor-element.elementor-element-7c0b91c .elementor-heading-title{font-size:19px;line-height:1.5em;letter-spacing:0px;}.elementor-4012 .elementor-element.elementor-element-d9c21d6{text-align:center;font-size:19px;line-height:1.5em;letter-spacing:0px;}.elementor-4012 .elementor-element.elementor-element-936dfe6{--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4012 .elementor-element.elementor-element-5ac3a7f{--spacer-size:10px;}.elementor-4012 .elementor-element.elementor-element-2938725{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4012 .elementor-element.elementor-element-a50e560{font-size:18px;line-height:27px;}}@media(min-width:768px){.elementor-4012 .elementor-element.elementor-element-53facfe{--width:63%;}.elementor-4012 .elementor-element.elementor-element-c2fce37{--width:50%;}.elementor-4012 .elementor-element.elementor-element-abc4908{--width:50%;}.elementor-4012 .elementor-element.elementor-element-3edc1de{--width:50%;}.elementor-4012 .elementor-element.elementor-element-ad2cee8{--width:50%;}.elementor-4012 .elementor-element.elementor-element-19d56eb{--width:50%;}.elementor-4012 .elementor-element.elementor-element-892cd88{--width:50%;}.elementor-4012 .elementor-element.elementor-element-2938725{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4012 .elementor-element.elementor-element-3edc1de{--width:52%;}.elementor-4012 .elementor-element.elementor-element-ad2cee8{--width:48%;}.elementor-4012 .elementor-element.elementor-element-19d56eb{--width:268.5px;}.elementor-4012 .elementor-element.elementor-element-892cd88{--width:464.5px;}}/* Start custom CSS for html, class: .elementor-element-155db31 *//* Puedes tener ya estas vars; dejo fallback */
:root{ --amarillo:#fab932; }

.pill-badge{
  --accent: #fab932; /* se sobreescribe en la variante */
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 20px;
  border-radius:999px;
  font-family:"Raleway", Helvetica, sans-serif;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:clamp(12px,1.6vw,16px);
  color:var(--accent);
  background:#fff6da; /* fallback */
  background: color-mix(in srgb, white 90%, var(--accent));
  box-shadow: 0 1px 3px rgba(0,0,0,.05) inset;
}

.pill-badge__icon{
  font-size:20px;
  line-height:1;
  font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 24;
}

/* Variante Social (usa tu variable global si existe) */
.pill-badge--social{ --accent: var(--amarillo, #fab932); }

/* (Opcional) Hover suave */
.pill-badge:hover{
  background: color-mix(in srgb, white 86%, var(--accent));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79f65ce */.title {
  font-family: 'Raleway', Helvetica, sans-serif; /* tus fuentes */
  font-size: 32px;  /* ajusta según necesites */
  font-weight: 700; /* negrita */
  color: #1e1f23;   /* negro/gris oscuro */
  margin: 0 !important;
  color: #000000 !important;
}

.title span {
  display: block;          /* hace que baje a la siguiente línea */
  font-weight: 700;
  color: #8b63aa;          /* morado de tu paleta */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0df251b */@media (max-width:640px){
.elementor-4012 .elementor-element.elementor-element-0df251b {
    p:last-child{
    margin-bottom: 6px !important; /* ajusta 4–10px a gusto */
  }
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec80cd7 */.badges {
  display: flex;
  gap: 16px; /* espacio entre badges */
}

.badge {
  font-family: 'Raleway', Helvetica, sans-serif;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 999px; /* forma de píldora */
  font-size: 16px;
  display: inline-block;
}

/* Colores específicos */
.badge--regen {
  background: #e6f6fb;  /* celeste muy claro */
  color: #64bcd5;       /* tu celeste */
}

.badge--comu {
  background: #f1e9f7;  /* morado muy claro */
  color: #8b63aa;       /* tu morado */
}

.badge--sust {
  background: #fff3e0;  /* amarillo suave */
  color: #ff9433;       /* tu naranja */
}

/* Badges responsivos sin cambiar colores */
.badges{
  display: flex;
  flex-wrap: nowrap;                         /* siempre una sola fila */
  gap: clamp(8px, 2.5vw, 18px);              /* espacio fluido */
  overflow-x: auto;                          /* scroll suave si no caben */
  -webkit-overflow-scrolling: touch;
  padding: 2px 6px;                          /* pequeño aire para el scroll */
  scrollbar-width: none;                     /* ocultar scrollbar (Firefox) */
}
.badges::-webkit-scrollbar{ display: none; } /* ocultar scrollbar (WebKit) */

.badge{
  flex: 0 0 auto;                            /* no se encogen de forma rara */
  white-space: nowrap;                       /* el texto no se parte */
  font-size: clamp(14px, 2.2vw, 16px);       /* tipografía fluida */
  padding: clamp(6px, 1.2vw, 8px) 
           clamp(12px, 2.4vw, 18px);         /* padding fluido */
  line-height: 1;
}

/* Centrar badges solo en móviles */
@media (max-width: 640px){
  .badges{
      margin:0 !important;
    justify-content: center;   /* centrados en móvil */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4115bc7 */.title{
  font-family: 'Raleway', Helvetica, sans-serif;
  font-weight: 700;
  color: #000000 !important;
  margin: 0 !important;

  /* Responsive */
  font-size: clamp(22px, 5vw, 40px) !important; /* min 22px, escala con viewport, máx 40px */
  line-height: 1.12;                 /* compacta el interlineado */
  text-wrap: balance;                /* reparte mejor las líneas en móviles (soporte moderno) */
}

.title span{
  display: block;         /* segunda línea */
  font-weight: 700;
  color: #8b63aa;         /* morado */
  margin-top: .05em;      /* separa sutilmente las líneas */
}

/* (Opcional) centrado solo en móviles */
@media (max-width: 640px){
  .title{ text-align: center; }
}

/* iPad / tablet */
@media (min-width: 641px) and (max-width: 1024px){
  .title{
    font-size: clamp(22px, 4vw, 32px) !important; /* antes 5vw/40px */
    line-height: 1.15;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ebfcd67 *//* Puedes tener ya estas vars; dejo fallback */
:root{ --amarillo:#fab932; }

.pill-badge{
  --accent: #fab932; /* se sobreescribe en la variante */
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 20px;
  border-radius:999px;
  font-family:"Raleway", Helvetica, sans-serif;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:clamp(12px,1.6vw,16px);
  color:var(--accent);
  background:#fff6da; /* fallback */
  background: color-mix(in srgb, white 90%, var(--accent));
  box-shadow: 0 1px 3px rgba(0,0,0,.05) inset;
}

.pill-badge__icon{
  font-size:20px;
  line-height:1;
  font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 24;
}

/* Variante Social (usa tu variable global si existe) */
.pill-badge--social{ --accent: var(--amarillo, #fab932); }

/* (Opcional) Hover suave */
.pill-badge:hover{
  background: color-mix(in srgb, white 86%, var(--accent));
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-02ed07d */@media (max-width:640px){
.elementor-4012 .elementor-element.elementor-element-02ed07d {
    p:last-child{
    margin-bottom: 6px !important; /* ajusta 4–10px a gusto */
  }
}
}

@media (min-width: 641px) and (max-width: 1024px){
    .elementor-4012 .elementor-element.elementor-element-02ed07d {
    p:last-child{
    margin-bottom: 6px !important; /* ajusta 4–10px a gusto */
  }
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a24b9fc */.badges {
  display: flex;
  gap: 16px; /* espacio entre badges */
}

.badge {
  font-family: 'Raleway', Helvetica, sans-serif;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 999px; /* forma de píldora */
  font-size: 16px;
  display: inline-block;
}

/* Colores específicos */
.badge--regen {
  background: #e6f6fb;  /* celeste muy claro */
  color: #64bcd5;       /* tu celeste */
}

.badge--comu {
  background: #f1e9f7;  /* morado muy claro */
  color: #8b63aa;       /* tu morado */
}

.badge--sust {
  background: #fff3e0;  /* amarillo suave */
  color: #ff9433;       /* tu naranja */
}

/* Badges responsivos sin cambiar colores */
.badges{
  display: flex;
  flex-wrap: nowrap;                         /* siempre una sola fila */
  gap: clamp(8px, 2.5vw, 18px);              /* espacio fluido */
  overflow-x: auto;                          /* scroll suave si no caben */
  -webkit-overflow-scrolling: touch;
  padding: 2px 6px;                          /* pequeño aire para el scroll */
  scrollbar-width: none;                     /* ocultar scrollbar (Firefox) */
}
.badges::-webkit-scrollbar{ display: none; } /* ocultar scrollbar (WebKit) */

.badge{
  flex: 0 0 auto;                            /* no se encogen de forma rara */
  white-space: nowrap;                       /* el texto no se parte */
  font-size: clamp(14px, 2.2vw, 16px);       /* tipografía fluida */
  padding: clamp(6px, 1.2vw, 8px) 
           clamp(12px, 2.4vw, 18px);         /* padding fluido */
  line-height: 1;
}

/* Centrar badges solo en móviles */
@media (max-width: 640px){
  .badges{
      margin:0 !important;
    justify-content: center;   /* centrados en móvil */
  }
}

@media (min-width: 641px) and (max-width: 1024px){
  .badges{
    justify-content: center;    /* centradas dentro de la columna */
    gap: 50px;                  /* menos espacio entre badges */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b032a77 */.section-title {
  font-family: 'Raleway', Helvetica, sans-serif;
  font-size: 36px;     /* ajusta según tu diseño */
  font-weight: 700;
  color: #1e1f23 !important;      /* gris oscuro/negro */
  text-align: center;  /* <-- centra el título */
  margin: 0 0 20px;    /* espacio inferior opcional */
  margin: 0 !important;
}

.section-title span {
  color: #ff9433;      /* tu naranja */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1e5fb3 */.divider {
  width: 120px;   /* ancho de la línea */
  height: 4px;    /* grosor */
  margin: 20px auto; /* centra horizontalmente y agrega espacio */
  border-radius: 4px; /* bordes redondeados opcionales */
  background: linear-gradient(to right, #ff9433, #fab932);
  margin: 0 auto !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c3745b */:root{
  --naranja:#ff9433; --amarillo:#fab932; --morado:#8b63aa; --celeste:#64bcd5;
  --texto:#1e1f23; --soft:#f6f7f8; --rad:22px; --shadow:0 8px 30px rgba(0,0,0,.08);
  --ff-title:"Raleway", Helvetica, Arial, sans-serif; --ff-body:Helvetica, Arial, sans-serif;
}

/* Tarjeta contenedora */
.proj-card{
  background:#fff; border-radius:var(--rad); box-shadow:var(--shadow);
  overflow:hidden; max-width:1200px; margin:0 auto;
  font-family:var(--ff-body); color:var(--texto);
}

/* Header con imagen de fondo */
.proj-card__media{
  position:relative; height: clamp(220px, 34vw, 360px);
  background-image: var(--bg);           /* ← toma la URL del style inline */
  background-size: cover; background-position:center;
  filter: brightness(1.10) contrast(1.02); /* ajusta 1.05–1.20 */
}

.proj-card__media::after{
  content:"";
  position:absolute; inset:0;
  /* antes: rgba(0,0,0,.35) → .25  */
  background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.12));
  pointer-events:none;
}

/* Título sobre la imagen */
.proj-card__title{
  position:absolute; left:20px; bottom:18px;
  display:inline-flex; gap:10px; align-items:center; color:#fff;
  font-family:var(--ff-title); font-weight:700; font-size:clamp(16px,1.4vw,18px);
  padding:10px 14px; background:rgba(0,0,0,.35); backdrop-filter: blur(2px);
  border-radius:10px;
}

/* Contenido */
.proj-card__body{ padding: clamp(18px, 2.2vw, 28px); }
.proj-card__body p{ line-height:1.7; margin:0 0 16px; color:#3a3b40; }

/* Grid de features */
.proj-features{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:clamp(12px,2vw,20px); margin-top:22px; text-align:center;
}
@media (max-width:900px){ .proj-features{ grid-template-columns:1fr; } }

/* Cada feature */
.feat{
  border-radius:16px; padding:28px 20px; box-shadow:0 6px 20px rgba(0,0,0,.06);
  background:#f3f5f7; transition:transform .2s ease, box-shadow .2s ease;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
}
.feat:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.08); }

/* Iconos Material */
.feat__icon{
  font-size:32px !important; line-height:1; border-radius:12px; padding:8px;
  background:rgba(255,255,255,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  display:inline-flex; align-items:center; justify-content:center;
}

/* Títulos / descripciones */
.feat__title{ font-family:var(--ff-title); font-weight:700; font-size:18px; color:var(--texto); }
.feat__desc{ font-size:14px; opacity:.8; }

/* Versión ajustable con color-mix (si está disponible) */
.feat--blue{
  background: #f7fbfe;
  background: color-mix(in srgb, white 88%, var(--celeste));   /* sube 88% a 90–92% para aclarar más */
}
.feat--purple{
  background: #faf4fd;
  background: color-mix(in srgb, white 88%, var(--morado));
}
.feat--yellow{
  background: #fff9ef;
  background: color-mix(in srgb, white 88%, var(--naranja));
}

/* (Opcional) suaviza levemente la sombra para un look aún más limpio */
.feat{
  box-shadow: 0 4px 16px rgba(0,0,0,.05);
}

.feat--blue .feat__desc{
  /* fallback en hex */
  color: #2e95b2;
  /* si el navegador soporta color-mix, ajusta dinámicamente desde tu var(--celeste) */
  color: color-mix(in srgb, var(--celeste) 70%, black 30%);
  opacity: 1; /* quita el efecto "lavado" */
}

/* Acento por variante (para icono y textos que heredan color) */
.feat--blue   { color: var(--celeste); }
.feat--purple { color: var(--morado);  }
.feat--yellow { color: var(--naranja); }

/* Quitar la caja del ícono (fondo, bordes y sombra) */
.feat__icon{
  background: none;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Mantener el tamaño del ícono (ajústalo si quieres) */
.material-symbols-outlined.feat__icon{
  font-size: 48px;
  line-height: 1;
  /* si lo habías usado, puedes mantener el grosor así: */
  font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 48;
}

@media (max-width: 900px){ .proj-features{ grid-template-columns: 1fr; } }


/* iPad / tablet: mantener 3 columnas como en escritorio */
@media (min-width: 641px) and (max-width: 1024px){
  .proj-features{
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px; /* ajusta si necesitas más/menos espacio */
  }
}

/* ===== iPad / tablet ===== */
@media (min-width: 641px) and (max-width: 1024px){
  /* Mantén 3 columnas y reduce espacios */
  .proj-features{
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px;
  }

  /* Tarjeta compacta */
  .feat{
    padding: 14px 14px;          /* ↓ menos padding vertical */
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
    gap: 6px;                     /* ↓ menos separación interna */
  }
  .feat__icon{ font-size: 32px; line-height: 1; }
  .feat__title{ font-size: 16px; line-height: 1.15; margin: 0; }
  .feat__desc{ font-size: 12px; line-height: 1.2; margin: 0; }
}

/* ===== Móvil ===== */
@media (max-width: 640px){
  .proj-features{
    grid-template-columns: 1fr !important;  /* 1 columna en móvil */
    gap: 10px;
  }
  .feat{
    padding: 12px 12px;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);  /* ← corregido */
    gap: 6px;
  }
  .feat__icon{ font-size: 28px; line-height: 1; }
  .feat__title{ font-size: 15px; line-height: 1.15; margin: 0; }
  .feat__desc{ font-size: 12px; line-height: 1.2;  margin: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-303b0cf */.elementor-1053 .elementor-element.elementor-element-cd55a37 .elementor-button {
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d7acd0 */.title-split{
  font-family: "Raleway", Helvetica, sans-serif;
  font-weight: 700;
  color: #1e1f23 !important;                 /* color para "Nuestra" */
  margin: 0 auto !important;
  line-height: 1.12;
  font-size: clamp(24px, 5vw, 42px); /* responsive: móvil → desktop */
  text-align: center;            /* ← centrado */
}

.title-split .highlight-celeste{
  color: #64bcd5;                  /* tu celeste */
}

/* (opcional) centrar solo en móvil */
@media (max-width: 640px){
  .title-split{ text-align: center; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b65e3cb */.cm-divider{
  width: clamp(80px, 18vw, 120px); /* ancho responsivo */
  height: 4px;                      /* grosor de la línea */
  margin: 0 auto;              /* centrado bajo el título */
  border-radius: 4px;
  background: linear-gradient(90deg, #64bcd5, #8b63aa);
}/* End custom CSS */