/* Página de pedido de orçamento / outro assunto (/pedido). Reaproveita agendar.css. */
.intro-sub { max-width: 560px; margin: 18px 0 0; color: var(--texto-suave); font-size: clamp(15px, 1.8vw, 17px); }
.cartao-pedido { max-width: 860px; margin-bottom: 48px; }

.tipos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; border: 0; }
.tipo-opcao { position: relative; }
.tipo-opcao input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.tipo-cartao {
  display: grid; gap: 10px; min-height: 150px; padding: 20px; border-radius: var(--raio);
  background: var(--fundo-2); border: 1px solid var(--linha); cursor: pointer;
  transition: transform 0.25s var(--curva), border-color 0.25s, background 0.25s, box-shadow 0.25s;
}
.tipo-cartao strong { font-family: var(--fonte-titulo); font-size: 20px; font-weight: 800; }
.tipo-cartao small { color: var(--texto-suave); font-size: 13px; }
.tipo-opcao:hover .tipo-cartao { transform: translateY(-3px); border-color: var(--linha-forte); }
.tipo-opcao input:focus-visible + .tipo-cartao { outline: 2px solid var(--destaque); outline-offset: 2px; }
.tipo-opcao input:checked + .tipo-cartao { border-color: var(--marca); background: linear-gradient(160deg, var(--marca-suave), var(--fundo-2)); box-shadow: 0 14px 34px -18px var(--marca-brilho); }
.tipo-opcao input:checked + .tipo-cartao .icone-servico { background: var(--marca); }
.tipo-opcao input:checked + .tipo-cartao .icone-servico svg { stroke: #fff; }

#campos { margin-top: 24px; animation: subir 0.45s var(--curva) both; }
.form-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.form-grade .campo:nth-child(1), .form-grade .campo:nth-child(2) { grid-column: span 1; }
.campo-largo { grid-column: 1 / -1; }
.campo textarea {
  width: 100%; min-height: 120px; padding: 12px 14px; resize: vertical;
  background: var(--fundo-2); border: 1px solid var(--linha-forte); border-radius: 14px; color: var(--texto); font: inherit;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.campo textarea:focus { outline: none; border-color: var(--marca); box-shadow: 0 0 0 4px var(--marca-suave); }
.campo.invalido textarea { border-color: var(--erro); }
.pedido-pronto { text-align: center; padding: 12px 0; animation: subir 0.5s var(--curva) both; }
.pedido-pronto h2 { margin: 0 0 8px; font-family: var(--fonte-titulo); font-size: 28px; font-weight: 900; text-transform: uppercase; }
.pedido-pronto h2:focus { outline: none; }

@media (max-width: 760px) {
  .form-grade { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .tipos { grid-template-columns: 1fr; }
  .tipo-cartao { min-height: 0; grid-template-columns: auto 1fr; align-items: center; column-gap: 14px; }
  .tipo-cartao .icone-servico { grid-row: span 2; }
  .tipo-cartao strong { font-size: 17px; }
}