.contenedor { width: 100%; overflow: hidden; background-size: cover; background-position: center; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);} .contenedor:hover {transform: scale(0.99);} ::-webkit-scrollbar { width: 10px; background-color: #ededed;} ::-webkit-scrollbar-track { background: #ededed; border-radius: 99px; box-shadow: inset 0 0 5px rgba(0,0,0,0.1);} ::-webkit-scrollbar-thumb { background: var(--bricks-color-primary, #007bff); border-radius: 99px; border: 2px solid #ededed;} ::-webkit-scrollbar-thumb:hover {background: #555;} @keyframes fade-d-global { to { opacity: 1; transform: translateY(0); }} .animate-on-scroll.js-enabled { opacity: 0; transform: translateY(20px); will-change: opacity, transform;} .animate-on-scroll.js-enabled.is-visible { animation-name: fade-d-global; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} .animate-on-scroll.js-enabled.hero-title { animation-duration: 800ms; animation-delay: 100ms; } .animate-on-scroll.js-enabled.hero-badge { animation-duration: 700ms; animation-delay: 0ms; } .animate-on-scroll.js-enabled.hero-badge1 { animation-duration: 700ms; animation-delay: 50ms; } .animate-on-scroll.js-enabled.hero-badge2 { animation-duration: 700ms; animation-delay: 100ms; } .animate-on-scroll.js-enabled.hero-badge3 { animation-duration: 700ms; animation-delay: 150ms; } .animate-on-scroll.js-enabled.hero-subtitle { animation-duration: 800ms; animation-delay: 200ms; } .animate-on-scroll.js-enabled.hero-button { animation-duration: 800ms; animation-delay: 300ms; }