/* Override da grid de .planos-base exclusivo do home-trio-2026.
   O CSS base (assets-home-2026/styles/components/planos.css) define 2 colunas
   fixas, pensado para Super + Clube. No trio precisamos acomodar 3 cards lado
   a lado no desktop, sem alterar o CSS compartilhado. */

.planos-trio .planos-base {
  max-width: 1180px;
}

@media (min-width: 1024px) {
  .planos-trio .planos-base {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Calculadora-trio: somente 2 perfis (depende, maximo). O CSS base de
   .perfil-toggle (calc.css) usa 3 colunas no desktop, deixando uma vaga.
   Aqui forçamos 2 colunas no breakpoint correspondente. */
@media (min-width: 480px) {
  .calc .perfil-toggle {
    grid-template-columns: repeat(2, 1fr);
  }
}