:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) * {border-color: var(--outline)} html {background-color: var(--background)} body {background: none} body {font-size: var(--text-m); color: var(--text); font-family: "Inter"; line-height: 1.6} h1, h2, h3, h4, h5, h6 {color: var(--text); font-size: var(--text-m); font-family: "Plus Jakarta Sans"; font-weight: 800; line-height: 1.1} .brxe-section {padding-top: var(--space-secciones); padding-bottom: var(--space-secciones); column-gap: 32px; row-gap: 32px} .brxe-container {width: 1440px; padding-right: 24px; padding-left: 24px; column-gap: 32px; row-gap: 32px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .brxe-block {column-gap: 32px; row-gap: 32px} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: column; column-gap: 8px; row-gap: 8px} .bricks-button {color: hsl(0, 0%, 100%); font-size: var(--text-s); border-radius: 8px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--primary-container)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary-container)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-container)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--background-high)} :root .bricks-button[class*="secondary"]:hover {color: var(--secondary-container)}* { transition-duration:300ms;}@media (max-width: 767px) { .brxe-container {padding-right: 12px; padding-left: 12px}}h1,h2,h3,h4,h5,h6, ul, p, ol, li, figure, blockquote {margin: 0;}ul, blockquote, ol, button {padding: 0;}