:where(:root) .bricks-color-primary {color: var(--cor-acao)}:where(:root) .bricks-background-primary {background-color: var(--cor-acao)}:where(:root) .bricks-color-secondary {color: var(--cor-destaque)}:where(:root) .bricks-background-secondary {background-color: var(--cor-destaque)}:where(:root) .bricks-color-light {color: var(--cor-neutro-80)}:where(:root) .bricks-background-light {background-color: var(--cor-neutro-80)}:where(:root) .bricks-color-dark {color: var(--cor-neutro-20)}:where(:root) .bricks-background-dark {background-color: var(--cor-neutro-20)} html {font-size: 100%} body {font-size: var(--texto-tamanho-m); color: var(--cor-absoluto-preto); line-height: 1.3em} h1, h2, h3, h4, h5, h6 {line-height: 1.1em} h1 {font-size: var(--texto-tamanho-4gg)} h2 {font-size: var(--texto-tamanho-3gg)} h3 {font-size: var(--texto-tamanho-2gg)} h4 {font-size: var(--texto-tamanho-gg)} h5 {font-size: var(--texto-tamanho-g)} h6 {font-size: var(--texto-tamanho-m)} .brxe-container {width: 90%; max-width: 1500px; column-gap: var(--distancia-m); row-gap: var(--distancia-m)} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%; max-width: 1500px} .bricks-button {color: var(--cor-absoluto-branco); font-size: var(--texto-tamanho-m); line-height: 1.1em; transition: all 0.3s ease; padding-top: 0.7em; padding-right: 2em; padding-bottom: 0.7em; padding-left: 2em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--cor-acao)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--cor-acao)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--cor-destaque)} .bricks-button.sm {padding-top: 0.5em; padding-right: 1.8em; padding-bottom: 0.5em; padding-left: 1.8em; font-size: var(--texto-tamanho-p)} .bricks-button.md {padding-top: 0.7em; padding-right: 2em; padding-bottom: 0.7em; padding-left: 2em} .bricks-button.lg {padding-top: 0.9em; padding-right: 2.2em; padding-bottom: 0.9em; padding-left: 2.2em; font-size: var(--texto-tamanho-g)} .bricks-button.xl {padding-top: 1.1em; padding-right: 2.4em; padding-bottom: 1.1em; padding-left: 2.4em; font-size: var(--texto-tamanho-gg)} .brxe-section {column-gap: var(--distancia-g); row-gap: var(--distancia-g); padding-top: var(--distancia-gg); padding-bottom: var(--distancia-gg)} .brxe-block {column-gap: var(--distancia-pp); row-gap: var(--distancia-pp)}@media (max-width: 1920px) { html {font-size: 100%}}