:root{--accent-color:#0064e0;--inactive-text:#666;--active-title-color:#0064e0}.features-container{align-items:center;display:flex;font-family:inherit;gap:60px;margin:20px auto;max-width:1200px;position:relative;z-index:1}.visual-bg-container{background-image:url(https://9214757.fs1.hubspotusercontent-na1.net/hubfs/9214757/Ely%202026/Web/Regcheq%20Supply/Animaci%C3%B3n%20Gif/Fondo%20oscuro.webp);background-position:50%;background-size:cover;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.05);flex:1.2;padding:50px}.features-visual,.visual-bg-container{align-items:center;display:flex;justify-content:center}.features-visual{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.3);height:400px;min-height:400px;padding:30px;width:100%}.feature-image{border-radius:10px;display:none;filter:drop-shadow(0 10px 20px rgba(0,100,224,.15));height:100%;object-fit:contain;width:100%}.feature-image.active{animation:fadeIn .5s ease-in-out;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.features-content{display:flex;flex:1;flex-direction:column;gap:20px}.feature-item{border-radius:0 10px 10px 0;border-top:1px solid rgba(0,100,224,.1);cursor:pointer;padding:20px;position:relative;transition:.3s}.feature-item.active{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.6)}.feature-title{align-items:center;color:var(--inactive-text);display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 10px;transition:color .3s}.feature-item.active .feature-title{color:var(--active-title-color)}.feature-desc{margin:0}.feature-desc,.feature-desc li,.feature-desc p,.feature-desc span{line-height:1.5;margin-bottom:5px;margin-top:5px}.feature-icon{height:24px;object-fit:contain;opacity:.4;transition:opacity .3s;width:24px}.feature-item.active .feature-icon{opacity:1}.progress-bar-bg{background:transparent;height:3px;left:0;position:absolute;top:0;width:100%}.feature-item.active .progress-bar-fill{animation:progressAnim 5s linear forwards;background:var(--accent-color);height:3px;width:0}@keyframes progressAnim{0%{width:0}to{width:100%}}@media (max-width:768px){.features-container{flex-direction:column;gap:30px;margin:15px auto}.feature-title{font-size:18px;gap:8px}.visual-bg-container{border-radius:20px;padding:20px;width:100%}.features-visual{height:250px;min-height:250px;padding:20px}.features-content{flex-direction:row;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%;-webkit-overflow-scrolling:touch;padding-bottom:20px}.features-content::-webkit-scrollbar{display:none}.features-content{-ms-overflow-style:none;scrollbar-width:none}.feature-item{background-color:#fafafa;border-left:1px solid rgba(0,100,224,.1);border-radius:12px;border-top:none;box-shadow:0 4px 15px rgba(0,0,0,.03);flex:0 0 85%;margin-right:15px;scroll-snap-align:center}.feature-item.active{border-left-color:transparent}.progress-bar-bg{border-radius:12px 12px 0 0;overflow:hidden}}