/* Versão 2, Balcão: pedir em um minuto. Sem enfeite, com alinhamento rigoroso. */
:root {
  --cor-fundo: var(--branco-quente);
  --cor-texto: var(--preto);
  --cor-texto-suave: var(--cinza-quente);
  --cor-superficie: #FFFFFF;
  --cor-valor-borda: #8E8579;
  --cor-foco: var(--acao);
  --cor-faixa: #EFE8DB;
  --cor-faixa-texto: var(--preto);
  --cor-abas: var(--preto);
  --cor-abas-texto: #FFFFFF;
  --cor-abas-marca: #F0B48C;
  --cor-ver-pedido: var(--acao);
  --raio-botao: .625rem;
}
.topo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; padding: .875rem 1rem .25rem; }
.topo img { width: 6rem; }
.frase-casa { padding: .375rem 1rem 0; font-size: 1.375rem; font-weight: 700; line-height: 1.25; }

.secao { padding: 2.25rem 1rem 0; }
.secao > h1, .secao > h2 { font-size: 1.625rem; font-weight: 700; line-height: 1.2; margin-bottom: .875rem; }
.secao-frase { margin: -.5rem 0 .875rem; }
.secao-aviso { margin: -.375rem 0 .875rem; font-weight: 700; }
.pilha { display: grid; gap: .875rem; }

.cartao { padding: 1rem; background: #FFFFFF; border: 1px solid #E8DFD0; border-radius: .875rem; }
.cartao-topo { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); column-gap: .875rem; align-items: center; min-height: 6.5rem; }
.cartao-topo img { width: 6.5rem; height: 6.5rem; object-fit: cover; border-radius: .625rem; }
.cartao-topo h3 { font-size: 1.3125rem; font-weight: 700; line-height: 1.2; }
.cartao-topo .preco-unico { margin-top: .25rem; font-size: 1.375rem; font-weight: 700; }
.cartao .desc { margin-top: .75rem; color: var(--cinza-quente); }
.cartao .aviso { margin-top: .5rem; font-weight: 700; }
.controles { margin-top: .875rem; }
.controles .grupo + .grupo { margin-top: .75rem; }
.preco-combinado { margin-top: .75rem; font-size: 1.375rem; font-weight: 700; }
.confirmar { margin-top: .75rem; font-weight: 700; }
.serve { margin-top: .625rem; font-weight: 700; }
.no-pedido { margin-top: .625rem; font-weight: 700; }
.controles .passo { margin-top: .75rem; }

.convite { padding: 1rem; background: #FFFFFF; border: 1px solid #E8DFD0; border-radius: .875rem; }
.convite h2 { font-size: 1.625rem; font-weight: 700; line-height: 1.2; }
.convite p { margin: .375rem 0 .875rem; color: var(--cinza-quente); }
.ver-todas { margin-top: .875rem; }

.rodape { margin: 2.25rem 1rem 0; padding-top: 1.25rem; border-top: 1px solid #E8DFD0; color: var(--cinza-quente); }
.rodape p + p { margin-top: .625rem; }
.escolha { padding: 1.75rem 1rem 2rem; }
.escolha p { font-size: 1.375rem; font-weight: 700; margin-bottom: .625rem; }

@media (max-width: 16.5rem) {
  .cartao-topo { grid-template-columns: minmax(0, 1fr); row-gap: .5rem; }
  .cartao { padding: .625rem; }
}