.brxe-section, .brxe-container{ position: relative; }.bricks-button{ position: relative; overflow: hidden; z-index: 0; }.bricks-button svg{ stroke:var(--ae-color-blanco); fill:var(--ae-color-blanco);}.bricks-button:before{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0); content: ""; background-color: transparent; background-image: linear-gradient(90deg, var(--ae-color-titulos) 0%, var(--ae-color-titulos) 100%); border-radius: 50%; --width: 105%; width: var(--width); height: calc(100%* var(--width)); aspect-ratio: 1 / 1; transition: all .5s; z-index: -1; }.bricks-button:hover:before { transform: translate(-50%,-50%) scale(1,1);}.bricks-button.bricks-background-secondary:before{ background-image: linear-gradient(90deg, var(--ae-color-primario) 0%, var(--ae-color-secundario) 100%);}::-webkit-scrollbar { width: 10px; background-color: var(--ae-color-titulos);}::-webkit-scrollbar-track { border-radius: 0px;}::-webkit-scrollbar-thumb { background-color: transparent; background-image: linear-gradient(180deg, var(--ae-color-primario) 0%, var(--ae-color-secundario) 60%); border-radius: 0px;}::-moz-selection { color: var( --ae-color-blanco); background: var( --ae-color-primario);}::selection { color: var( --ae-color-blanco); background: var( --ae-color-primario);}:root {--ease: 0.77,0,0.175,1;  --duration:2s;--delay:150ms;}html, body { overflow-x: hidden;}.brx-animate-bounceInDown {animation: bounceInDown-new var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: clip-path, opacity;clip-path: inset(0 0 100% 0); opacity: 1;}@keyframes bounceInDown-new { to { clip-path: inset(0 0 0 0); opacity: 1; }}.brx-animate-bounceInUp {animation: bounceInUp-new var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: clip-path, opacity;clip-path: inset(100% 0 0 0); opacity: 1;}@keyframes bounceInUp-new { to { clip-path: inset(0 0 0 0); opacity: 1; }}.brx-animate-bounceInRight {animation: bounceInRight-new var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: clip-path, opacity;clip-path: inset(0 0 0 100%); opacity: 1;}@keyframes bounceInRight-new { to { clip-path: inset(0 0 0 0); opacity: 1; }}.brx-animate-bounceInLeft {animation: bounceInLeft-new var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: clip-path, opacity;clip-path: inset(-20% 100% -20% -20%); opacity: 1;}@keyframes bounceInLeft-new { to { clip-path: inset(-20% -20% -20% -20%); opacity: 1; }}.brx-animate-zoomInUp {animation: zoomInUp-new var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: transform, opacity;transform: scale(0.9, 0.9); opacity: 0;}@keyframes zoomInUp-new { to { transform: none; opacity: 1; }}.brx-animate-zoomInDown {animation: zoomInDown-new var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: transform, opacity;transform: scale(1.3, 1.3); opacity: 0; }@keyframes zoomInDown-new { to { transform: none; opacity: 1; }}@keyframes fadeIn { to { opacity: 1; filter: blur(0); }}.brx-animate-fadeIn {animation: fadeIn var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: filter, opacity;opacity: 0; filter: blur(3px);}@keyframes fadeUp { to { opacity: 1; transform: translateX(0); filter: blur(0); }}.brx-animate-fadeInUp {animation: fadeUp var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: filter, transform, opacity;opacity: 0; transform: translate3d(0, 75px, 0); filter: blur(3px);}@keyframes fadeLeft { to {transform: translateX(0); opacity: 1; filter: blur(0); }}.brx-animate-fadeInLeft {animation: fadeLeft var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: filter, transform, opacity;transform: translate3d(-75px, 0, 0); opacity: 0; filter: blur(3px); }@keyframes fadeRight { to { transform: translateX(0); opacity: 1; filter: blur(0); }}.brx-animate-fadeInRight {animation: fadeRight var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: filter, transform, opacity;transform: translate3d(75px, 0, 0); opacity: 0; filter: blur(3px);}@keyframes fadeDown { to { transform: translateY(0); opacity: 1; filter: blur(0); }}.brx-animate-fadeInDown { animation: fadeDown var(--duration) cubic-bezier(var(--ease)) var(--delay) both; will-change: filter, transform, opacity; transform: translate3d(0, -75px, 0); opacity: 0; filter: blur(3px);}.slide-container:has(.brx-animate-slideInDown) { overflow: hidden;}.brx-animate-slideInDown { animation: slideInDown-new var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: transform, opacity; transform: translateY(-100%); }@keyframes slideInDown-new { to { opacity: 1; transform: translateY(0%); }}.slide-container:has(.brx-animate-slideInLeft) { overflow: hidden;}.brx-animate-slideInLeft { animation: slideInLeft-new var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: transform, opacity; transform: translateX(-100%); }@keyframes slideInLeft-new { to { opacity: 1; transform: translateX(0%); }}.slide-container:has(.brx-animate-slideInRight) { overflow: hidden;}.brx-animate-slideInRight { animation: slideInRight-new var(--duration) cubic-bezier(var(--ease)) var(--delay) both;will-change: transform, opacity; transform: translateX(100%); }@keyframes slideInRight-new { to { opacity: 1; transform: translateX(0%); }}.slide-container:has(.brx-animate-slideInUp ){ overflow:hidden;}.brx-animate-slideInUp {animation: slideInUp-new var(--duration) cubic-bezier(var(--ease)) var(--delay) both; will-change: transform, opacity; transform: translateY(100%);}@keyframes slideInUp-new { to { opacity: 1; transform: translateY(0%); }} body {font-size: 15px; font-family: "Montserrat"; font-weight: 400; line-height: 1.6em; letter-spacing: 0.5px; color: var(--ae-color-textos)} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"} .bricks-button {text-transform: uppercase; font-size: 11px; line-height: 1.2em; letter-spacing: 1.5px; font-family: "Montserrat"; color: var(--ae-color-blanco); font-weight: 300; border-radius: 0 50px 50px 50px; box-shadow: 0 10px 30px -9px var(--ae-color-shadows); padding-top: 12px; padding-right: 15px; padding-bottom: 12px; padding-left: 15px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: transparent;background-image:linear-gradient(90deg, var(--ae-color-primario) 0%, var(--ae-color-secundario) 60%)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: transparent;background-image:linear-gradient(90deg, var(--ae-color-primario) 0%, var(--ae-color-secundario) 60%)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: transparent;background-image:linear-gradient(90deg, var(--ae-color-titulos) 0%, var(--ae-color-titulos) 60%)} .brxe-container {column-gap: 20px; row-gap: 20px; width: 1170px; flex-direction: row} .woocommerce main.site-main {width: 1170px} #brx-content.wordpress {width: 1170px} .brxe-section {padding-top: 100px; padding-right: 35px; padding-bottom: 100px; padding-left: 35px}.brxe-form ::placeholder {text-transform: uppercase; letter-spacing: 2px; font-size: 12px}.brxe-form select {text-transform: uppercase; letter-spacing: 2px; font-size: 12px} html {background-color: var(--ae-color-blanco)} body {background: none}@media (max-width: 1024px) { .brxe-section {padding-top: 80px; padding-right: 28px; padding-bottom: 80px; padding-left: 28px}}@media (max-width: 767px) { .brxe-section {padding-top: 60px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px}.brxe-accordion .accordion-title .title {font-size: 15px}}