/* =====================================================================
   HOME (nov/2026). Usa site.css como base.
   Paleta: Petróleo, Camada, Âmbar (só no traço da hero), Carvão, Cinza,
   Névoa, Papel, Branco, Linha. Linhas neutras, sem rótulos, sem setas.
   ===================================================================== */
.hx { padding: 64px var(--gutter); }
@media (min-width: 900px) { .hx { padding: 100px var(--gutter); } }
.hx__in { max-width: var(--max-w); margin: 0 auto; }
.hx--papel { background: var(--papel); }
.hx--branco { background: var(--branco); }
.hx--nevoa { background: var(--nevoa); }
.hx--petroleo { background: var(--petroleo); }

.hx h2 { font: 600 clamp(30px, 3.4vw, 44px)/1.13 var(--ff-display); letter-spacing: -0.035em; color: var(--petroleo); margin: 0; text-wrap: balance; }
.hx h3 { font: 600 21px/1.3 var(--ff-display); letter-spacing: -0.02em; color: var(--petroleo); margin: 0; text-wrap: balance; }
.hx p { font: 400 18px/1.65 var(--ff-body); color: var(--carvao); margin: 0 0 16px; }
.hx p:last-child { margin-bottom: 0; }
.hx--petroleo h2, .hx--petroleo h3 { color: var(--papel); }
.hx--petroleo p { color: rgba(250, 248, 243, 0.9); }

/* link de texto, sem seta */
.hx-link { display: inline-block; margin-top: 12px; font: 600 15px var(--ff-display); color: var(--petroleo); border-bottom: 1px solid var(--cinza); padding-bottom: 6px; }
.hx-link:hover { border-bottom-color: var(--petroleo); }
.hx--petroleo .hx-link { color: var(--papel); border-bottom-color: rgba(250, 248, 243, 0.5); }
.hx--petroleo .hx-link:hover { border-bottom-color: var(--papel); }
.hx-btn { display: inline-block; margin-top: 12px; background: var(--petroleo); color: var(--papel); padding: 16px 24px; font: 600 15px var(--ff-display); }
.hx-btn:hover { background: var(--camada); }
.hx--petroleo .hx-btn { background: var(--nevoa); color: var(--petroleo); }
.hx--petroleo .hx-btn:hover { background: var(--papel); }

/* linhas neutras */
.hx-list { border-top: 1px solid var(--linha); }
.hx--nevoa .hx-list, .hx--nevoa .hx-row { border-color: rgba(110, 120, 128, 0.35); }

/* Como a qualidade é organizada: título acima do texto */
.hx-intro h2 { max-width: 900px; }
.hx-intro .hx-prose { max-width: 780px; margin-top: 30px; }
.hx-intro .hx-prose p:first-child { font-size: 20px; color: var(--petroleo); }

/* Para quem trabalhamos */
.hx-audience .hx-list { margin-top: 37px; }
.hx-row { display: grid; gap: 12px; padding: 28px 0; border-bottom: 1px solid var(--linha); }
.hx-row p { font-size: 17px; max-width: 520px; }
@media (min-width: 900px) { .hx-row { grid-template-columns: 1fr 1.2fr; gap: 56px; padding: 32px 0; } .hx-row h3 { max-width: 360px; } }

/* Experiência */
.hx-exp { display: grid; gap: 25px; }
.hx-exp__more { margin-top: 48px; padding-top: 40px; border-top: 1px solid rgba(250, 248, 243, 0.25); display: grid; gap: 16px; }
.hx-exp__more h3 { font-size: 24px; max-width: 420px; }
@media (min-width: 900px) {
  .hx-exp, .hx-exp__more { grid-template-columns: 1fr 1fr; gap: 100px; }
}

/* Nossos serviços */
.hx-services .hx-list { margin-top: 36px; display: grid; }
.hx-service { padding: 27px 0 30px; border-bottom: 1px solid var(--linha); }
.hx-service p { font-size: 17px; line-height: 1.6; margin: 10px 0; }
@media (min-width: 900px) { .hx-services .hx-list { grid-template-columns: 1fr 1fr; column-gap: 64px; } }

/* Intelilab Saúde: faixa petróleo */
.hx-health { display: grid; gap: 25px; align-items: start; }
.hx .hx-health__sub { font: 600 22px/1.4 var(--ff-display); letter-spacing: -0.015em; color: var(--nevoa); margin: 24px 0 0; max-width: 510px; text-wrap: balance; }
@media (min-width: 900px) { .hx-health { grid-template-columns: 1fr 1fr; gap: 96px; } }

/* Como trabalhamos */
.hx-steps { margin-top: 42px; display: grid; border-top: 1px solid var(--linha); }
.hx-step { padding: 28px 0; border-bottom: 1px solid var(--linha); display: grid; grid-template-columns: 40px 1fr; gap: 12px; }
.hx-step__n { font: 600 19px/1.3 var(--ff-display); color: var(--petroleo); }
.hx-step h3 { font-size: 19px; }
.hx-step p { font-size: 17px; margin: 9px 0 0; }
@media (min-width: 900px) { .hx-steps { grid-template-columns: 1fr 1fr; column-gap: 70px; } }

/* Avaliação */
.hx-assess { display: grid; gap: 25px; }
@media (min-width: 900px) { .hx-assess { grid-template-columns: .8fr 1.2fr; gap: 100px; } }
.hx-assess .hx-prose { max-width: 620px; }

/* Conteúdo técnico */
.hx-content { display: grid; gap: 24px; margin: 39px 0 32px; }
.hx-content__item { border-top: 1px solid var(--linha); padding-top: 23px; }
.hx-content__item h3 { font-size: 19px; }
.hx-content__item p { font-size: 16px; margin: 12px 0 4px; }
@media (min-width: 900px) { .hx-content { grid-template-columns: repeat(3, 1fr); gap: 40px; } }

/* Fecho */
.hx-end p { margin: 20px 0 23px; max-width: 650px; }

/* hero: os dois parágrafos do subtítulo ficam próximos */
.hero__sub + .hero__sub { margin-top: -16px; }

/* ---------- página Intelilab Saúde ---------- */
.hero__lead { font: 600 22px/1.35 var(--ff-display); letter-spacing: -0.015em; color: var(--nevoa); margin: 20px 0 0; max-width: 720px; text-wrap: balance; }
@media (min-width: 900px) { .hero__lead { font-size: 26px; } }
.hx-services .hx-assess + .hx-list { margin-top: 48px; }
.hx--petroleo .hx-list, .hx--petroleo .hx-service { border-color: rgba(250, 248, 243, 0.25); }
.hx-after { margin-top: 40px; }
.hx-faq { margin-top: 36px; }
.hx p.hx-alt { margin-top: 24px; font-size: 16px; }
.hx-alt .hx-link { margin-top: 0; margin-left: 4px; }