/* ==========================================================
   SOLUÇÕES (interna) — solucoes_diagnostico.html
   ========================================================== */
.produto__cab {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 44px;
}
.produto__icone {
  flex: 0 0 96px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-color: #00b4a6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.produto__icone img { width: 44px; height: 44px; object-fit: contain; }
.produto__eyebrow { color: var(--coral); display: block; margin-bottom: 8px; }
.produto__tit { margin: 0; color: #0d1b3d; }

.produto__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 50px;
  align-items: start;
}
.produto__col { display: grid; gap: 22px; }

.produto__label {
  display: block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #5a6b7f;
}
.produto__label--verde { color: #00b4a6; }

.produto__lista { display: grid; gap: 12px; }
.produto__lista li {
  position: relative;
  padding-left: 22px;
  font-size: 18px;
  line-height: 1.45;
  color: #5a6b7f;
}
.produto__lista li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #00b4a6;
}
.produto__lista--recebe li { color: #0d1b3d; font-weight: 500; }

.produto__frase {
  background-color: #e0f5f3;
  border-radius: 14px;
  padding: 28px 30px;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
  color: #0d1b3d;
  text-wrap: pretty;
  margin-top:30px;
}

.produto__recebe {
  background-color: #f2f4f7;
  border-radius: 14px;
  padding: 30px 32px;
  display: grid;
  gap: 16px;
}

.produto__dif {
  background-color: #0d1b3d;
  border-radius: 14px;
  padding: 30px 32px;
  display: flex;
  align-items: center;
  gap: 22px;
  color: #fff;
}
.produto__icone--sm { flex: 0 0 60px; width: 60px; height: 60px; }
.produto__icone--sm img { width: 28px; height: 28px; }
.produto__dif-label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #00b4a6;
  margin-bottom: 8px;
}
.produto__dif p { font-size: 17px; line-height: 1.5; color: #fff; text-wrap: pretty; }

@media (max-width: 1024px) {
  .produto__grid { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 768px) {
  .produto__cab { gap: 18px; margin-bottom: 34px; }
  .produto__icone { flex-basis: 76px; width: 76px; height: 76px; }
  .produto__icone img { width: 36px; height: 36px; }
  .produto__frase, .produto__recebe, .produto__dif { padding: 24px; }
  .produto__lista li { font-size: 17px; }
}
@media (max-width: 480px) {
  .produto:not(.produto--duplo) .produto__cab { flex-direction: column; align-items: center; text-align: center; gap: 22px; }
  .produto:not(.produto--duplo) .produto__cab .produto__icone { flex-basis: auto; width: 96px; height: 96px; }
  .produto:not(.produto--duplo) .produto__cab .produto__icone img { width: 44px; height: 44px; }
  .produto--duplo .produto__cab { text-align: center; }
  .produto__dif { flex-direction: column; align-items: flex-start; }
}

/* herdado de quem_somos.css */
@media (max-width: 768px) {
  .principal.interna .subtit { font-size: 30px; }
}

/* Variante coral (produtos 02 e 04) --------------------------- */
.produto--coral .produto__icone { background-color: #ff6b5b; }
.produto--coral .produto__lista li::before { background-color: #ff6b5b; }
.produto--coral .produto__label--verde,
.produto--coral .produto__dif-label { color: #ff6b5b; }
.produto--coral .produto__frase { background-color: #ffecea; }
.produto__icone--coral { background-color: #ff6b5b; }
.produto__label--coral { color: #ff6b5b; }
.produto__frase--coral { background-color: #ffecea; }

/* Layout duplo (produtos 06 e 07) ----------------------------- */
.produto--duplo .produto__cab { display: block; }
.produto__grid--duplo { grid-template-columns: repeat(2, minmax(0, 530px)); gap: 30px; }
.produto__card {
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 16px;
  padding: 32px;
  display: grid;
  gap: 24px;
  align-content: start;
}
.produto__card--escuro { background-color: #0d1b3d; border-color: #0d1b3d; }
.produto__card-cab { display: flex; align-items: center; gap: 18px; }
.produto__icone--md { flex: 0 0 68px; width: 68px; height: 68px; }
.produto__icone--md img { width: 32px; height: 32px; }
.produto__card .produto__label { margin-bottom: 6px; }
.produto__card-tit { font-size: 26px; font-weight: 700; line-height: 1.2; color: #0d1b3d; margin: 0; }
.produto__card--escuro .produto__card-tit { color: #fff; }
.produto__card .produto__lista li::before { background-color: #ff6b5b; }
.produto__card--escuro .produto__lista li::before { background-color: #00b4a6; }
.produto__lista--claro li { color: #c9d2e3; }
.produto__frase--verde { background-color: #00b4a6; color: #0d1b3d; }
.produto__card .produto__frase { padding: 22px 24px; font-size: 18px; }

@media (max-width: 1024px) {
  .produto__grid--duplo { grid-template-columns: minmax(0, 530px); }
}
@media (max-width: 768px) {
  .produto__card { padding: 26px; }
  .produto__card-tit { font-size: 22px; }
}

/* Seção "Sete soluções" nas páginas internas ------------------ */
.solucoes--interna { padding: 80px 0; }
.solucoes--interna .solucoes__cols { margin-top: 40px; gap: 14px 24px; }
.solucoes--interna .solucoes__col { gap: 14px; }
.solucoes--interna .solucoes__card { padding: 18px 60px 18px 20px; gap: 18px; }
.solucoes--interna .solucoes__card h3 { font-size: 21px; margin-bottom: 3px; }
.solucoes--interna .solucoes__card p { font-size: 15px; }
.solucoes--interna .solucoes__num { flex-basis: 50px; width: 50px; height: 50px; font-size: 21px; }
.solucoes--interna .solucoes__icone { top: 50%; transform: translateY(-50%); width: 24px; height: 24px; }
.solucoes--interna a.solucoes__card:hover .solucoes__icone { transform: translateY(-50%) translateX(4px); }
.solucoes--interna .solucoes__card--final { padding: 22px 26px; }
.solucoes--interna .solucoes__card--final h3 { font-size: 20px; }
.solucoes--interna .solucoes__card--final p { font-size: 17px; }

/* Botão do serviço atual (desativado) */
.solucoes__card--atual { opacity: .55; pointer-events: none; cursor: default; }
.solucoes__card--atual .solucoes__num { background: #00a9a8; }

@media (max-width: 900px) {
  .solucoes--interna .solucoes__card { padding: 16px 54px 16px 16px; }
}


