@property --izq { syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --der { syntax: "<percentage>"; inherits: false; initial-value: 0%;}.bricks-background-primary { --hover-bg: var(--color-primary-hover);}.bricks-background-secondary, .bricks-background-light { --hover-bg: var(--color-secondary-hover);}.bricks-button:is( .bricks-background-primary, .bricks-background-secondary,.bricks-background-light) { --feather: 30%; --duration: 0.7s; --easing: cubic-bezier(0.22, 1, 0.36, 1); background-image: linear-gradient( to top, var(--hover-bg) calc(var(--izq) - var(--feather)), transparent var(--izq) ), linear-gradient( to bottom, var(--hover-bg) calc(var(--der) - var(--feather)), transparent var(--der) ); background-repeat: no-repeat; background-position: left top, right top; background-size: 51% 100%, 50% 100%; transition: --izq var(--duration) var(--easing), --der var(--duration) var(--easing) 70ms, color 400ms ease;}.bricks-button:is( .bricks-background-primary, .bricks-background-secondary,.bricks-background-light):is(:hover, :focus-visible) { --izq: 130%; --der: 130%; color: var(--white);}@media (prefers-reduced-motion: reduce) { .bricks-button { transition: none; }}.service-cards { display: block;}.service-card { --top: 120px;  --escalon: 8px;  position: sticky; top: calc(var(--top) + (var(--i) - 1) * var(--escalon)); margin-bottom: 32px; box-shadow: 0 -10px 40px -15px rgb(0 0 0 / 0.25);  transform-origin: center top;}.service-card:nth-child(1) { --i: 1; }.service-card:nth-child(2) { --i: 2; }.service-card:nth-child(3) { --i: 3; }.service-card:nth-child(4) { --i: 4; }.service-card:nth-child(5) { --i: 5; }.service-card:nth-child(6) { --i: 6; }.service-card:nth-child(7) { --i: 7; }.service-card:nth-child(8) { --i: 8; }.service-card:nth-child(9) { --i: 9; }.service-card:nth-child(10) { --i: 10; }@supports (animation-timeline: view()) { .service-cards { timeline-scope: --c2, --c3, --c4, --c5, --c6, --c7, --c8, --c9, --c10; } .service-card:nth-child(2) { view-timeline: --c2 block; } .service-card:nth-child(3) { view-timeline: --c3 block; } .service-card:nth-child(4) { view-timeline: --c4 block; } .service-card:nth-child(5) { view-timeline: --c5 block; } .service-card:nth-child(6) { view-timeline: --c6 block; } .service-card:nth-child(7) { view-timeline: --c7 block; } .service-card:nth-child(8) { view-timeline: --c8 block; } .service-card:nth-child(9) { view-timeline: --c9 block; } .service-card:nth-child(10) { view-timeline: --c10 block; } .service-card:nth-child(1) { animation: tapada linear both; animation-timeline: --c2; } .service-card:nth-child(2) { animation: tapada linear both; animation-timeline: --c3; } .service-card:nth-child(3) { animation: tapada linear both; animation-timeline: --c4; } .service-card:nth-child(4) { animation: tapada linear both; animation-timeline: --c5; } .service-card:nth-child(5) { animation: tapada linear both; animation-timeline: --c6; } .service-card:nth-child(6) { animation: tapada linear both; animation-timeline: --c7; } .service-card:nth-child(7) { animation: tapada linear both; animation-timeline: --c8; } .service-card:nth-child(8) { animation: tapada linear both; animation-timeline: --c9; } .service-card:nth-child(9) { animation: tapada linear both; animation-timeline: --c10; } .service-card:nth-child(-n+9) { animation-range: entry 0% entry 100%; }}@keyframes tapada { to { transform: scale(0.94); filter: brightness(0.85); }}@media (prefers-reduced-motion: reduce) { .service-card { animation: none !important; }}.menu-no-link > .brx-submenu-toggle > a { pointer-events: none; cursor: default;} .brxe-container {width: 1300px} .woocommerce main.site-main {width: 1300px} #brx-content.wordpress {width: 1300px} .brxe-section {padding-right: 15px; padding-left: 15px} html {font-size: 100%} body {font-family: "DM Sans"; font-size: var(--text-body); line-height: var(--leading-relaxed); color: var(--color-text)} h1, h2, h3, h4, h5, h6 {font-family: "Mona Sans"; font-weight: 700; color: var(--brand-primary-900)} .bricks-button {line-height: var(--leading-none); font-weight: var(--fw-semibold); color: var(--white); border-radius: var(--rad-2); padding-top: var(--space-5); padding-right: var(--space-8); padding-bottom: var(--space-5); padding-left: var(--space-8)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--color-accent)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--color-primary)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--color-secondary)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: transparent} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {border: 1px solid var(--white)} .bricks-button:where(.sm) {padding-top: var(--space-4); padding-right: var(--space-6); padding-bottom: var(--space-4); padding-left: var(--space-6)} html {background-color: var(--color-background)} body {background: none}