/* ═══════════════════════════════════════════════════════════════
   MASTERCARD BLACK — HOME (index)
   Override de layout: navegação com 4 botões (2 por lado), maiores.
   Não altera o style.css base — só ajusta .nav-col / .nav-btn da home.
   ═══════════════════════════════════════════════════════════════ */

/* ── Colunas: mais largas e com respiro maior (só no desktop) ── */
@media (min-width: 861px) {
  .nav-col {
    width: 210px;
    gap: 30px;
  }
  .nav-col.left  { left: 44px; }
  .nav-col.right { right: 44px; }
}

/* ── Botões: um pouco maiores, já que agora são só 4 ── */
.nav-btn {
  height: 60px;
  border-radius: 16px;
}

/* Mantém a borda giratória (spin-border) alinhada ao novo raio */
.nav-btn::before { border-radius: 18px; }
.nav-btn::after  { border-radius: 15px; }

/* ── Rótulo: fonte maior, mais presença ── */
.nav-label {
  font-size: 13.5px;
  letter-spacing: 0.05em;
}