body {color: var(--blanco-puro); font-family: "Plus Jakarta Sans"; font-size: 16px; font-weight: 500} h1, h2, h3, h4, h5, h6 {color: var(--blanco-puro); font-family: "Barlow"} h1 {font-size: 62px; line-height: 1.1; font-weight: 800; font-style: italic; margin-bottom: 20px} h2 {font-weight: 800; font-size: 46px; line-height: 1.1; font-style: italic; margin-bottom: 20px} h3 {font-size: 22px; font-weight: 700} html {background-color: var(--fondo-01)} body {background: none} .bricks-button {text-transform: uppercase; font-weight: 800; font-size: 16px; border-radius: 12px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-yellow)} :root .bricks-button[class*="primary"] {color: var(--fondo-01); border: 1px solid var(--bricks-color-amber)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-yellow)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-amber)} :root .bricks-button[class*="primary"]:not(.outline):active {background-color: var(--bricks-color-amber)} .brxe-section {padding-right: 20px; padding-left: 20px}@media (max-width: 478px) { h1 {font-size: 42px} h2 {font-size: 30px} h3 {font-size: 18px}}