: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-brand1)}:where(:root) .bricks-background-secondary {background-color: var(--cor-brand1)} body {font-size: var(--texto-tamanho-m); color: var(--cor-texto-corpo); font-family: "Lato"; line-height: 1.3em} h1, h2, h3, h4, h5, h6 {color: var(--cor-texto-titulo); font-family: "Lato"; font-weight: 900; line-height: 1.1} 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)} html {font-size: 100%} .brxe-section {column-gap: var(--distancia-m); row-gap: var(--distancia-m); padding-top: var(--distancia-gg); padding-bottom: var(--distancia-gg)} .brxe-container {width: 80%; max-width: 1400px; column-gap: var(--distancia-p); row-gap: var(--distancia-p)} .woocommerce main.site-main {width: 80%} #brx-content.wordpress {width: 80%; max-width: 1400px} .bricks-button {font-size: var(--texto-tamanho-m); color: var(--cor-ambient1); font-family: "Lato"; font-weight: 900; line-height: 1.1em; text-transform: uppercase; 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-brand1)} .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)}@media (max-width: 1366px) { .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--cor-brand1)}}