html {font-size: 100%} body {font-family: "Inter"; font-size: var(--txt-body-s); color: var(--color-negro); line-height: 1.3} h1, h2, h3, h4, h5, h6 {font-family: "DMSans"; line-height: 1.05} h1 {font-size: 3em} h2 {font-size: 2.5em} h3 {font-size: 2.1em} h4 {font-size: 2em} .brxe-container {width: 1540px; padding-right: var(--space-s); padding-left: var(--space-s)} .woocommerce main.site-main {width: 1540px} #brx-content.wordpress {width: 1540px} .bricks-button {font-weight: 600; color: var(--color-blanco); letter-spacing: 0px; border-radius: 6px; transition: all 0.3s ease-in-out} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--color-anfa)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: rgba(150, 35, 35, 0.75)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--color-negro); border: 1px solid hsla(46, 100%, 65%, 0)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--color-blanco)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {border-width: 1px; border-color: var(--color-negro)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--color-ocre); border: 1px solid var(--color-ocre)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: hsla(46, 100%, 65%, 0)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--color-blanco-2)}