/* =============================================
   COMO FUNCIONA - Página institucional
   ============================================= */

.como-page-main {
  padding-top: 68px;
  background: var(--cinza-50);
}

.como-page-main .section:first-child {
  padding-top: 72px;
}


.como-header h2 {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 700;
  color: var(--cinza-800);
}

.como-card .btn {
  width: 100%;
}

.footer-brand-mark {
  margin-bottom: 12px;
}

.footer-contact-icon {
  width: 16px;
}

.footer-bottom-links {
  display: flex;
  gap: 16px;
}

@media (max-width: 768px) {
  .como-page-main .section:first-child {
    padding-top: 56px;
  }
}