/* ===========================================================
   /medicos — Apresentação do Método HERO para parcerias médicas
   Complementa hero.css + metodo.css + parcerias.css
   =========================================================== */

/* credenciais em linha */
.creds { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.creds span {
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  padding: 8px 13px; border-radius: 999px; color: var(--dourado-claro);
  border: 1px solid rgba(200,166,126,0.42); background: rgba(166,135,104,0.07);
}

/* lista com check dourado */
.checks { list-style: none; margin-top: 14px; display: flex; flex-direction: column; gap: 10px; }
.checks li { position: relative; padding-left: 29px; font-size: 14px; line-height: 1.5; color: rgba(234,227,209,0.84); }
.checks li::before {
  content: ""; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; border-radius: 50%;
  background: rgba(166,135,104,0.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a67e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;
  border: 1px solid rgba(200,166,126,0.45);
}
.checks li strong { color: var(--creme); font-weight: 600; }

/* bloco "entre uma consulta e outra" */
.gap-list { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
@media (min-width: 560px) { .gap-list { grid-template-columns: 1fr 1fr; } }
.gap-item { padding: 18px; border-radius: 14px; background: rgba(234,227,209,0.05); border: 1px solid rgba(234,227,209,0.13); }
.gap-item .gk { font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dourado-claro); margin-bottom: 6px; }
.gap-item p { font-size: 14px; line-height: 1.55; color: rgba(234,227,209,0.8); }

/* os dois lados da parceria */
.lados { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 22px; }
@media (min-width: 620px) { .lados { grid-template-columns: 1fr 1fr; } }
.lado { padding: 22px 20px; border-radius: 16px; background: rgba(255,255,255,0.035); border: 1px solid rgba(234,227,209,0.13); }
.lado.gold { border-color: rgba(200,166,126,0.5); background: rgba(166,135,104,0.08); }
.lado .lt { font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--dourado-claro); }
.lado h3 { font-family: var(--font-serif); font-size: 21px; font-weight: 600; color: var(--branco); margin: 6px 0 2px; line-height: 1.2; }

/* compromisso ético */
.etica {
  margin-top: 22px; padding: 22px; border-radius: 16px;
  background: rgba(61,91,71,0.26); border: 1px solid rgba(166,194,151,0.24);
}
.etica .et { font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--dourado-claro); margin-bottom: 8px; }
.etica p { font-size: 14px; line-height: 1.6; color: rgba(234,227,209,0.82); }
.etica p + p { margin-top: 10px; }

/* avaliação: no celular, título em cima e descrição embaixo */
@media (max-width: 619px) {
  .difs.stack .dif { flex-wrap: wrap; gap: 4px 12px; }
  .difs.stack .dif .d { flex-basis: 100%; padding-left: 32px; }
}