/* ══════════════════════════════════════════════════════════
   Dr. Lucas Andrade · SEÇÃO 4 — Faixa de Credibilidade
   Única seção em branco puro. Confiança através da discrição:
   poucos marcadores REAIS, muito espaço negativo, zero carrossel.
   ══════════════════════════════════════════════════════════ */

.credibility {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  padding: 100px 0;
  border-top: 1px solid rgba(44, 43, 41, 0.06);
  border-bottom: 1px solid rgba(44, 43, 41, 0.06);
}

.credibility__inner {
  width: 88%;
  max-width: 1120px;
  margin: 0 auto;
}

/* ---- Header ---- */
.cred-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto clamp(48px, 6vh, 76px);
}
.cred-eyebrow {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.30em;
  text-transform: uppercase;
  color: var(--gold-text);
  margin: 0 0 18px;
}
.cred-title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0;
  text-wrap: balance;
}

/* ---- Marcadores ---- */
.cred-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
}
.cred-item {
  text-align: center;
  padding: 6px clamp(16px, 2.4vw, 34px);
  position: relative;
}
/* divisores discretos entre colunas (desktop) */
.cred-item + .cred-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: rgba(44, 43, 41, 0.07);
}

.cred-icon {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto 20px;
  stroke: rgba(167, 141, 103, 0.85);
  fill: none;
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cred-label {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.25;
  color: var(--ink);
  margin: 0 0 8px;
}
.cred-support {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.6;
  color: var(--body);
  margin: 0;
  max-width: 22ch;
  margin-left: auto;
  margin-right: auto;
}

/* logo real de material/tecnologia (quando houver marca verificável) */
.cred-logo {
  height: 26px;
  width: auto;
  margin: 0 auto 18px;
  display: block;
  filter: grayscale(1);
  opacity: 0.72;
  transition: filter 0.5s ease, opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 0.7, 0.2, 1);
}
.cred-item:hover .cred-logo {
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.04);
}

/* ---- Reveal discreto ---- */
.js .credibility__inner .cred-eyebrow,
.js .credibility__inner .cred-title,
.js .credibility__inner .cred-item {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 0.7, 0.2, 1);
}
.js .credibility__inner.is-in .cred-eyebrow,
.js .credibility__inner.is-in .cred-title,
.js .credibility__inner.is-in .cred-item {
  opacity: 1;
  transform: none;
}
.js .credibility__inner.is-in .cred-eyebrow { transition-delay: 0.05s; }
.js .credibility__inner.is-in .cred-title { transition-delay: 0.13s; }
.js .credibility__inner.is-in .cred-grid .cred-item:nth-child(1) { transition-delay: 0.26s; }
.js .credibility__inner.is-in .cred-grid .cred-item:nth-child(2) { transition-delay: 0.34s; }
.js .credibility__inner.is-in .cred-grid .cred-item:nth-child(3) { transition-delay: 0.42s; }
.js .credibility__inner.is-in .cred-grid .cred-item:nth-child(4) { transition-delay: 0.50s; }

/* ---- Responsivo ---- */
@media (max-width: 900px) {
  .credibility { padding: 78px 0; }
  .cred-grid { grid-template-columns: 1fr 1fr; gap: 46px 0; }
  /* divisores só entre colunas da mesma linha; some no início de cada linha */
  .cred-item + .cred-item::before { display: none; }
  .cred-grid .cred-item:nth-child(even)::before {
    content: "";
    position: absolute; left: 0; top: 8px; bottom: 8px; width: 1px;
    background: rgba(44, 43, 41, 0.07); display: block;
  }
}
@media (max-width: 540px) {
  .cred-grid { grid-template-columns: 1fr; gap: 40px; }
  .cred-grid .cred-item::before,
  .cred-grid .cred-item:nth-child(even)::before { display: none !important; }
  .cred-item { padding-left: 0; padding-right: 0; }
}

/* ---- Acessibilidade ---- */
@media (prefers-reduced-motion: reduce) {
  .js .credibility__inner .cred-eyebrow,
  .js .credibility__inner .cred-title,
  .js .credibility__inner .cred-item {
    opacity: 1 !important;
    transform: none !important;
  }
}