/* ===== CORREÇÃO: offset do header + título menor ===== */

/* Banner: reserva o espaço do header e centraliza o conteúdo no resto */
.home-hero__bg,
.home-hero__bg--single,
.home-hero__bg--carousel,
.mpi-hero-carousel .home-hero__bg {
  box-sizing: border-box !important;
  min-height: clamp(620px, 88vh, 780px) !important;
  padding-top: 150px !important;   /* barra de contato + header */
  padding-bottom: 70px !important;
  justify-content: center !important;
}

/* Evita padding duplicado vindo do CSS original do tema */
.home-hero__slide-wrap,
.home-hero__slide-wrap--single,
.home-hero__slide-wrap--carousel {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.banner_conteudo {
  max-width: 800px !important;
  gap: 1.25rem !important;
	margin-top:100px;
}

/* H1 menor e mais proporcional */
.home-hero .banner_conteudo h1 {
  font-size: clamp(2rem, 3.4vw, 2.875rem) !important;  /* 32px a 46px */
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  margin: 0 !important;
  max-width: 760px;
}

/* Parágrafo com respiro em relação ao título */
.home-hero .banner_conteudo p {
  font-size: clamp(1rem, 1.2vw, 1.0625rem) !important;
  line-height: 1.65 !important;
  max-width: 560px !important;
  margin: 0 !important;
}

/* Botão com espaço acima */
.home-hero__cta-row {
  margin-top: 0.5rem !important;
}

/* Mobile */
@media (max-width: 768px) {
  .home-hero__bg,
  .home-hero__bg--single {
    min-height: 560px !important;
    padding-top: 120px !important;
    padding-bottom: 50px !important;
  }
  .home-hero .banner_conteudo h1 {
    font-size: 1.875rem !important;
  }
}
/* ===== ESPAÇAMENTO HARMÔNICO ===== */

.home-hero .banner_conteudo h1 {
  margin: 0 0 1.5rem 0 !important;   /* título → parágrafo: 24px */
}

.home-hero .banner_conteudo p {
  margin: 0 0 2.25rem 0 !important;  /* parágrafo → botão: 36px */
  line-height: 1.7 !important;
}

.home-hero__cta-row {
  margin-top: 0 !important;
}

/* Centraliza o bloco na área visível, sem ficar colado no menu */
.home-hero__bg,
.home-hero__bg--single,
.home-hero__bg--carousel,
.mpi-hero-carousel .home-hero__bg {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

@media (max-width: 768px) {
  .home-hero .banner_conteudo h1 { margin-bottom: 1.125rem !important; }
  .home-hero .banner_conteudo p  { margin-bottom: 1.75rem !important; }
}