/* [bridgerp_bloco]: tabelas e conteúdo do bloco, com a cor da marca (variável --orc-cor-marca, a mesma do orçamento) */
.bridgerp-bloco { overflow-x: auto; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; margin: 1em 0; -webkit-overflow-scrolling: touch; }
.bridgerp-bloco table { width: 100%; border-collapse: collapse; font-size: .95em; }
.bridgerp-bloco th, .bridgerp-bloco td { border: 1px solid #dde2e2; padding: 8px 12px; text-align: left; vertical-align: top; }
.bridgerp-bloco thead th, .bridgerp-bloco tr:first-child th { background: var(--orc-cor-marca, #264653); color: #fff; border-color: var(--orc-cor-marca, #264653); }
.bridgerp-bloco tbody tr:nth-child(even) td { background: #f5f7f7; }
.bridgerp-bloco .pt-centro { text-align: center; }
.bridgerp-bloco .pt-direita { text-align: right; }
/* título da tabela: linha única na largura toda; se houver cabeçalho logo abaixo, ele fica numa cor mais clara */
.bridgerp-bloco th.pt-titulo { font-size: 1.1em; }
.bridgerp-bloco th.pt-titulo:not(.pt-direita) { text-align: center; }
.bridgerp-bloco thead tr + tr th { background: #e3eeee; color: #1d2b2b; border-color: #dde2e2; }
.bridgerp-bloco td a, .bridgerp-bloco th a { color: inherit; text-decoration: underline; }
.bridgerp-bloco img { max-width: 100%; height: auto; }

/* celular: a tabela se aperta para caber (letra e margens menores, palavras longas quebram); se ainda assim não couber, a caixa rola para o lado */
@media (max-width: 640px) {
  .bridgerp-bloco table:not(.pt-rolar) { font-size: .8em; table-layout: fixed; width: 100%; }
  .bridgerp-bloco table:not(.pt-rolar) th, .bridgerp-bloco table:not(.pt-rolar) td { padding: 5px 4px; white-space: normal !important; overflow-wrap: anywhere; word-break: break-word; hyphens: auto; min-width: 0 !important; width: auto !important; }
}

/* a caixa que contém o bloco (widget do Elementor, coluna, container) não pode crescer junto com a tabela: é isso que fazia a página inteira rolar */
:is(.e-con, .e-con-inner, .elementor-section, .elementor-container, .elementor-column, .elementor-widget-wrap, .elementor-widget, .elementor-widget-container):has(.bridgerp-bloco) { min-width: 0; max-width: 100%; }
/* tabela marcada para rolar no celular: mantém o tamanho natural e a caixa rola para o lado */
@media (max-width: 640px) {
  .bridgerp-bloco table.pt-rolar { width: max-content; min-width: 100%; }
  .bridgerp-bloco table.pt-rolar th, .bridgerp-bloco table.pt-rolar td { white-space: nowrap; }
}