/* Tipografia e espaçamento — páginas de Segmentos / Indústrias */

app-industrias,
#industries {
  --ind-font: var(--font, "Helvetica Neue", Helvetica, Arial, sans-serif);
  --ind-display: var(--font-h1, "Neue Haas Grotesk Display", "Helvetica Neue", Arial, sans-serif);
  display: block !important;
  font-family: var(--ind-font) !important;
}

/* Espaço em relação ao header (evita colar no topo) */
#industries .banner,
app-industrias .banner {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
  min-height: 560px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
}

#industries .banner > .container,
app-industrias .banner > .container {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
  width: 100% !important;
}

#industries .banner .col-half,
app-industrias .banner .col-half {
  padding-top: 0.5rem !important;
  max-width: 36rem !important;
}

/* Título mais forte */
#industries .banner > .container h1,
app-industrias .banner > .container h1,
#industries .banner .col-half > h1,
app-industrias .banner .col-half > h1 {
  font-family: var(--ind-display) !important;
  font-weight: 700 !important;
  font-size: clamp(1.85rem, 3.4vw, 2.55rem) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.12 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35) !important;
  margin: 0 0 0.85rem !important;
}

#industries .banner hr,
app-industrias .banner hr {
  border: none !important;
  height: 3px !important;
  width: 4.5rem !important;
  max-width: 4.5rem !important;
  background: #b7f0c9 !important;
  opacity: 1 !important;
  margin: 0 0 1.15rem !important;
}

/* Texto descritivo mais forte e legível */
#industries .banner .description,
app-industrias .banner .description,
#industries .description,
app-industrias .description {
  font-family: var(--ind-font) !important;
  font-weight: 500 !important;
  font-size: clamp(1.02rem, 1.5vw, 1.15rem) !important;
  line-height: 1.65 !important;
  letter-spacing: -0.01em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.28) !important;
  margin: 0 0 1.35rem !important;
}

#industries .banner .description strong,
app-industrias .banner .description strong,
#industries .description strong,
app-industrias .description strong {
  font-weight: 700 !important;
  color: #ffffff !important;
}

/* CTA */
#industries .banner .col-half > a,
app-industrias .banner .col-half > a,
#industries .banner a[href*="produtos"],
app-industrias .banner a[href*="produtos"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0.35rem !important;
  padding: 0.8rem 1.45rem !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #063d22 !important;
  -webkit-text-fill-color: #063d22 !important;
  font-family: var(--ind-font) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

#industries .banner .col-half > a:hover,
app-industrias .banner .col-half > a:hover,
#industries .banner a[href*="produtos"]:hover,
app-industrias .banner a[href*="produtos"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important;
  color: #042816 !important;
  -webkit-text-fill-color: #042816 !important;
}

@media (max-width: 899px) {
  #industries .banner,
  app-industrias .banner {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    min-height: 0 !important;
    align-items: flex-start !important;
  }

  #industries .banner .col-half,
  app-industrias .banner .col-half {
    max-width: 100% !important;
  }
}