.cartao-porto-cotacao {
  box-sizing: border-box;
  width: min(100% - 32px, 480px);
  max-height: calc(100vh - 32px);
  padding: 28px;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #25243a;
  box-shadow: 0 22px 60px rgba(10, 0, 71, .28);
  font: 400 16px/1.45 "Albert Sans", sans-serif;
}
.cartao-porto-cotacao::backdrop { background: rgba(10, 0, 71, .7); }
.cartao-porto-cotacao-cabecalho { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
.cartao-porto-cotacao h2 { margin: 0; color: #0a0047; font: 700 24px/1.2 "Albert Sans", sans-serif; }
.cartao-porto-cotacao-fechar { flex: none; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #e9e9f4; color: #0a0047; font: 24px/1 "Albert Sans", sans-serif; cursor: pointer; }
.cartao-porto-cotacao p { margin: 10px 0 22px; }
.cartao-porto-cotacao form { display: grid; gap: 8px; }
.cartao-porto-cotacao label { color: #25243a; font-weight: 700; }
.cartao-porto-cotacao input { box-sizing: border-box; width: 100%; height: 46px; margin-bottom: 10px; padding: 0 12px; border: 1px solid #8c8ba8; border-radius: 8px; background: #fff; color: #25243a; font: inherit; }
.cartao-porto-cotacao input:focus, .cartao-porto-cotacao button:focus-visible { outline: 3px solid #2e3185; outline-offset: 2px; }
.cartao-porto-cotacao-enviar { min-height: 48px; padding: 10px 16px; border: 0; border-radius: 9px; background: #0a0047; color: #fff; font: 700 16px "Albert Sans", sans-serif; cursor: pointer; }
.cartao-porto-cotacao-enviar:hover { background: #2e3185; }
.cartao-porto-cotacao-enviar:disabled { opacity: .65; cursor: wait; }
.cartao-porto-cotacao .cartao-porto-cotacao-status { margin: 6px 0 0; color: #9b1c1c; font-size: 14px; }
@media (max-width: 480px) { .cartao-porto-cotacao { padding: 22px 18px; } }