/* Sooma v3 (Bricks): acertos entre a marcação do Bricks e o CSS herdado da v2 */
html { font-size: 16px; }
body { margin: 0; }
#brx-content, #brx-header, #brx-footer { display: block; }
/* sticky do Elementor Pro (índice das páginas legais) */
@media (min-width: 1025px) {
  .v3-sticky.v3-sticky-desktop { position: sticky; top: 120px; align-self: flex-start; z-index: 1; }
}
/* o reset do Bricks dá margem às labels; na v2 não tinham */
label { margin: 0; }
/* popup de contacto (equivalente ao modal do Elementor Pro) */
.brx-popup .brx-popup-backdrop { background-color: rgba(0,0,0,.8); }
.brx-popup .brx-popup-content { width: 600px; max-width: 100vw; max-height: 100vh; overflow: auto; padding: 0; background: #fff; border-radius: 24px; box-shadow: 2px 8px 23px 3px rgba(0,0,0,.2); position: relative; }
.brx-popup .brx-popup-content > .elementor { width: 100%; }
.v3-popup-close { position: absolute; top: 20px; right: 20px; z-index: 9999; display: flex; font-size: 24px; background: none; border: 0; padding: 0; cursor: pointer; color: #1f2124; line-height: 1; }
.v3-popup-close svg { width: 1em; height: 1em; fill: currentColor; }
/* o Bricks limita todos os elementos a max-width:100%; a v2 não (ex.: listas com margem negativa) */
:where([class*="brxe-"]) { max-width: none; }
/* reset do Bricks: svg sem width com min-width/min-height 1em (a v2 não tinha) */
:where(svg) { min-width: 0; min-height: 0; }