/* Catering (PCGBUR-8): bandejas (fotos + quadro de precos), ocasioes em cartaz, orcamento (visual do Contact) e perguntas. */

/* Fotos: duas, lado a lado, borda fina dourada como moldura de quadro */
.pcg-bandejas__fotos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(12px, 2vw, 24px); margin: clamp(32px, 4vw, 56px) auto 0; max-width: 64rem; }
.pcg-bandejas__fotos figure { margin: 0; }
.pcg-bandejas__fotos img { width: 100%; height: auto; aspect-ratio: 900 / 575; object-fit: cover; border-radius: var(--raio); }

/* Quadro de precos: o cartaz "Catering PCG" do cliente, em tabela. Nome em Anton, preco dourado, por peca embaixo. */
.pcg-quadro { max-width: 64rem; margin-inline: auto; overflow-x: auto; }
.pcg-quadro__tabela { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.pcg-quadro__tabela th, .pcg-quadro__tabela td { padding: 18px 12px; border-bottom: 1px solid var(--linha); text-align: center; vertical-align: middle; }
.pcg-quadro__tabela thead th { padding-top: 0; border-bottom: 2px solid var(--ouro); font: 400 clamp(1.25rem, 2vw, 1.75rem)/1 var(--f-display); color: var(--texto); letter-spacing: .02em; }
.pcg-quadro__tabela thead th span { display: block; margin-top: 6px; font: 900 .75rem/1 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--texto-mudo); }
.pcg-quadro__tabela tbody th { text-align: left; padding-left: 0; font: 400 clamp(1.5rem, 2.6vw, 2.25rem)/1 var(--f-display); text-transform: uppercase; letter-spacing: .01em; }
.pcg-quadro__tabela td b { display: block; font: 400 clamp(1.5rem, 2.6vw, 2.25rem)/1 var(--f-display); color: var(--ouro); }
.pcg-quadro__tabela td span { display: block; margin-top: 6px; font-size: .875rem; color: var(--texto-mudo); }
@media (hover: hover) { .pcg-quadro__tabela tbody tr { transition: background-color .2s var(--ease); } .pcg-quadro__tabela tbody tr:hover { background: rgba(202, 165, 95, .06); } }
.pcg-quadro:focus-visible { outline-offset: 4px; }
.pcg-bandejas__nota { margin-top: 20px; text-align: center; color: var(--texto-mudo); font-size: .9375rem; }

/* Ocasioes: palavras de cartaz, estrela dourada entre elas */
.pcg-ocasioes { text-align: center; }
.pcg-ocasioes__h { margin-bottom: clamp(28px, 4vw, 48px); }
.pcg-ocasioes__lista { list-style: none; margin: 0 auto; padding: 0; max-width: 60rem; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 0; }
.pcg-ocasioes__lista li { font: 400 clamp(1.5rem, 3.4vw, 2.75rem)/1.1 var(--f-display); text-transform: uppercase; color: var(--texto-2); }
.pcg-ocasioes__lista li + li::before { content: ""; display: inline-block; width: .55em; height: .55em; margin: 0 .55em; vertical-align: .15em; background: url("../../img/rock/estrela-a.webp") center / contain no-repeat; }

/* Orcamento: grupos do formulario (o resto vem do contact.css) */
.pcg-cat-form { max-width: 52rem; }
.pcg-cat-form__grupo { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; margin: 0; padding: 0; border: 0; min-width: 0; }
.pcg-cat-form__grupo + .pcg-cat-form__grupo { padding-top: 28px; border-top: 1px solid var(--linha); }
.pcg-cat-form__grupo legend { padding: 0; margin-bottom: 20px; font: 400 1.75rem/1 var(--f-display); text-transform: uppercase; color: var(--ouro); }
.pcg-cat-form__grupo legend span { margin-left: .5em; font: 400 .9375rem/1 var(--f-texto); text-transform: none; color: var(--texto-mudo); }
.pcg-cat-form__evento { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* data, hora e convidados numa linha; endereco inteiro embaixo */
.pcg-cat-form__bandejas { grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); }
.pcg-cat-form__estimativa { grid-column: 1 / -1; font: 400 1.5rem/1.1 var(--f-display); color: var(--ouro-vivo); }
.pcg-cat-form__estimativa:empty { display: none; }

/* Perguntas */
.pcg-perguntas__lista { margin: 0 auto; max-width: 64rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px clamp(24px, 4vw, 56px); }
.pcg-perguntas__lista > div { padding-top: 20px; border-top: 1px solid var(--linha); }
.pcg-perguntas__lista dt { font: 400 1.5rem/1.1 var(--f-display); text-transform: uppercase; letter-spacing: .01em; }
.pcg-perguntas__lista dd { margin: 10px 0 0; color: var(--texto-2); }
.pcg-perguntas__lista dd .pcg-link { min-height: 0; margin-left: .25em; }

@media (max-width: 899.98px) {
  .pcg-cat-form__grupo, .pcg-cat-form__evento { grid-template-columns: minmax(0, 1fr); }
  .pcg-cat-form__bandejas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pcg-perguntas__lista { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599.98px) {
  .pcg-bandejas__fotos { grid-template-columns: minmax(0, 1fr); }
  .pcg-bandejas__fotos figure + figure { display: none; } /* uma foto basta no celular: a tabela e o que importa */
  .pcg-quadro__tabela th, .pcg-quadro__tabela td { padding: 14px 6px; }
  .pcg-quadro__tabela tbody th { font-size: 1.125rem; }
  .pcg-quadro__tabela td b { font-size: 1.375rem; }
  .pcg-quadro__tabela td span { font-size: .75rem; }
  .pcg-quadro__tabela thead th { font-size: 1.125rem; }
  .pcg-cat-form__bandejas { grid-template-columns: minmax(0, 1fr); }
}