/* bj-modal-formas-pagamento.css */

/* esconde a lista nativa (a ul continua no HTML, só não aparece) */
.other-payment-method-content .other-payment-method { display: none !important; }

/* botão que abre o modal */
.bj-fp-abrir {
  background: none; border: 0; padding: 0; margin: 8px 0 0;
  font: inherit; font-size: 13px; color: #333;
  text-decoration: underline; cursor: pointer;
}

/* modal */
html.bj-fp-aberto { overflow: hidden; }
.bj-fp { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; }
.bj-fp.is-open { display: flex; align-items: center; justify-content: center; }
.bj-fp__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .45); }

.bj-fp__box {
  position: relative; width: 100%; max-width: 560px; max-height: 90vh; overflow-y: auto;
  background: #fff; padding: 24px 48px 40px; box-sizing: border-box;
  font-family: inherit; color: #222; outline: none;
}
.bj-fp__fechar {
  position: absolute; top: 14px; right: 18px;
  background: none; border: 0; font-size: 28px; line-height: 1; color: #222; cursor: pointer;
}
.bj-fp__titulo {
  margin: 0 0 6px; font-size: 26px; font-weight: 400; color: #222;
  text-transform: none !important; letter-spacing: normal !important;
}
.bj-fp__sub { margin: 0 0 28px; font-size: 11px; color: #666; }
.bj-fp__msg { font-size: 13px; color: #666; }

/* tabela */
.bj-fp__tabela { width: 100%; border-collapse: collapse; font-size: 13px; }
.bj-fp__tabela th {
  text-align: left; font-size: 10px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: #666; padding: 0 0 10px;
  border-bottom: 1px solid #e5e5e5;
}
.bj-fp__tabela td { padding: 12px 0; border-bottom: 1px solid #e5e5e5; color: #333; }
.bj-fp__tabela th:nth-child(1), .bj-fp__tabela td:nth-child(1) { width: 44%; }
.bj-fp__tabela th:nth-child(2), .bj-fp__tabela td:nth-child(2) { width: 28%; }

/* mobile */
@media (max-width: 600px) {
  .bj-fp.is-open { align-items: flex-end; }
  .bj-fp__box { max-height: 85vh; padding: 20px 16px 28px; }
  .bj-fp__titulo { font-size: 22px; padding-right: 32px; }
  .bj-fp__tabela { font-size: 12px; }
}