.elementor-kit-17{--e-global-color-primary:#9DBBE5;--e-global-color-secondary:#FA1F02;--e-global-color-text:#5F5F5F;--e-global-color-accent:#EFCE8C;--e-global-color-bb30197:#F6F3EB;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:700;}.elementor-kit-17 button,.elementor-kit-17 input[type="button"],.elementor-kit-17 input[type="submit"],.elementor-kit-17 .elementor-button{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-kit-17 button:hover,.elementor-kit-17 button:focus,.elementor-kit-17 input[type="button"]:hover,.elementor-kit-17 input[type="button"]:focus,.elementor-kit-17 input[type="submit"]:hover,.elementor-kit-17 input[type="submit"]:focus,.elementor-kit-17 .elementor-button:hover,.elementor-kit-17 .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-17{--e-global-typography-primary-font-size:2rem;--e-global-typography-secondary-font-size:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   HUMIX.PE · GLOBAL (LIMPIO)
   ========================= */

/* Smooth scroll para anclas + offset (header visible) */
html{ scroll-behavior:smooth; }
:target{ scroll-margin-top: 120px; }
@media (max-width:900px){ :target{ scroll-margin-top: 86px; } }

/* =========================
   HUMIX.PE · Layout WIDE (no blog)
   ========================= */

/* 1) Contenedor global más ancho */
.elementor-section.elementor-section-boxed > .elementor-container{
  max-width: 1600px !important; /* 1440–1700 según te guste */
}

/* 2) Menos márgenes laterales generales */
.elementor-container{
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* 3) En pantallas muy grandes, aún más ancho */
@media (min-width: 1600px){
  .elementor-section.elementor-section-boxed > .elementor-container{
    max-width: 1760px !important;
  }
}

/* 4) En móvil, ajusta padding */
@media (max-width: 767px){
  .elementor-container{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
/* =========================
   HUMIX.PE · Estilo crema (páginas de servicio)
   ========================= */
.hx-cream{ background:#F2EFE6; }
.hx-cream .hx-wrap{ max-width:1380px; margin:0 auto; padding: 0 clamp(16px,3vw,44px); }

.hx-cream h1, .hx-cream h2{
  color:#111;
  font-weight:900;
  letter-spacing:-.6px;
  text-transform: uppercase;
}
.hx-cream p{ color: rgba(0,0,0,.72); line-height:1.55; }

.hx-card-white{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  box-shadow: 0 16px 45px rgba(0,0,0,.08);
  padding: clamp(16px,2.4vw,24px);
}

.hx-btn-gold{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 16px; border-radius: 14px;
  background:#efce8c; color:#1b1406;
  font-weight:900; text-decoration:none;
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}
.hx-btn-ghost{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 16px; border-radius: 14px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(0,0,0,.10);
  color:#111; font-weight:900; text-decoration:none;
}

.hx-pills{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.hx-pill{
  padding:10px 12px; border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  font-weight:800; font-size:13px;
}
/* Capilaridad: offset extra al llegar a la sección solución */
#solucion{ scroll-margin-top: 140px; }
@media (max-width:900px){
  #solucion{ scroll-margin-top: 96px; }
}/* End custom CSS */