/* Layout da apresentação; aparência padrão do Bootstrap. */
.py-lg-6 { padding-top: 6rem; padding-bottom: 6rem; }
.letter-space { letter-spacing: 0.08em; }
.harbor-panel { color: var(--bs-body-color); background: var(--bs-tertiary-bg); }
@media (max-width: 575.98px) {
  .display-4 { font-size: 2.4rem; }
  .py-lg-6 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
}
/* Sequência "do contato ao resultado": lista ordenada em grade; o número é o kicker do cartão. */
.harbor-flow { list-style: none; padding: 0; margin: 0; }
.harbor-flow .mm-kicker { font-size: 1.125rem; }
.harbor-cap { display: flex; gap: .5rem; align-items: flex-start; margin: 0 0 .75rem; padding: .75rem 1rem; border: 1px solid var(--mm-warn-border); border-radius: var(--mm-radius); background: var(--mm-warn-bg); color: var(--mm-warn); }
.harbor-cap .bi { flex: 0 0 auto; margin-top: .15rem; }
.harbor-availability .mm-section-head { margin-bottom: 1rem; }