.elementor-kit-22{--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-22 button,.elementor-kit-22 input[type="button"],.elementor-kit-22 input[type="submit"],.elementor-kit-22 .elementor-button{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-kit-22 button:hover,.elementor-kit-22 button:focus,.elementor-kit-22 input[type="button"]:hover,.elementor-kit-22 input[type="button"]:focus,.elementor-kit-22 input[type="submit"]:hover,.elementor-kit-22 input[type="submit"]:focus,.elementor-kit-22 .elementor-button:hover,.elementor-kit-22 .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-kit-22 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-22{--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.BR · GLOBAL (LIMPO)
   ========================= */

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

/* =========================
   HUMIX.BR · Layout WIDE (não blog)
   ========================= */

/* 1) Contêiner global mais largo */
.elementor-section.elementor-section-boxed > .elementor-container{
  max-width: 1600px !important; /* 1440–1760 conforme teu gosto */
}

/* 2) Menos margens laterais gerais */
.elementor-container{
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* 3) Em telas muito grandes, ainda mais largo */
@media (min-width: 1600px){
  .elementor-section.elementor-section-boxed > .elementor-container{
    max-width: 1760px !important;
  }
}

/* 4) No mobile, ajusta padding */
@media (max-width: 767px){
  .elementor-container{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* =========================
   HUMIX.BR · Estilo creme (páginas de serviço)
   ========================= */

.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;
}

/* Tarjeta blanca */
.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);
}

/* Botões */
.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;
}

/* Pills */
.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;
}

/* Capilaridade: offset extra ao chegar na seção solução */
#solucao{ scroll-margin-top: 140px; }
@media (max-width:900px){
  #solucao{ scroll-margin-top: 96px; }
}
/* =========================
   HUMIX.BR · Offsets para âncoras (Home 1 página)
   ========================= */
#sobre,
#capilaridade,
#condensacao,
#infiltracao,
#solucoes,
#hs221,
#ecopair,
#contato{
  scroll-margin-top: 140px;
}

@media (max-width:900px){
  #sobre,
  #capilaridade,
  #condensacao,
  #infiltracao,
  #solucoes,
  #hs221,
  #ecopair,
  #contato{
    scroll-margin-top: 96px;
  }
}/* End custom CSS */