Sobre nosotros

function updateTimelineProgress(percentage) { const timeline = document.querySelector('.ov-timeline-container'); if (!timeline) return; const iconWraps = document.querySelectorAll('.ov-timeline-icon .et_pb_icon_wrap'); const totalIcons = iconWraps.length; if (totalIcons > 0) { iconWraps.forEach((iconWrap, index) => { const activationPoint = ((index + 1) / totalIcons) * 100; if (percentage >= activationPoint) { iconWrap.classList.add('active'); } else { iconWrap.classList.remove('active'); } }); } const topPosition = window.innerWidth <= 768 ? 12 : 15; const bottomPosition = 13; // Cambiar este valor según el CSS bottom const availableHeight = 100 - topPosition - bottomPosition; let adjustedHeight = 0; if (totalIcons > 0) { const firstIconActivation = (1 / totalIcons) * 100; if (percentage >= firstIconActivation) { const adjustedPercentage = (percentage - firstIconActivation) / (100 - firstIconActivation); adjustedHeight = adjustedPercentage * availableHeight; } } else { adjustedHeight = (percentage / 100) * availableHeight; } timeline.style.setProperty('--progress-height', adjustedHeight + '%'); } function calculateScrollProgress() { const timeline = document.querySelector('.ov-timeline-container'); if (!timeline) return 0; const timelineRect = timeline.getBoundingClientRect(); const windowHeight = window.innerHeight; let progress = 0; if (timelineRect.top 0) { const timelineStart = timelineRect.top; const timelineHeight = timelineRect.height; const visiblePoint = windowHeight * 0.5; if (timelineStart < visiblePoint) { const scrolledDistance = visiblePoint - timelineStart; const totalDistance = timelineHeight - (windowHeight * 0.3); progress = Math.min(100, Math.max(0, (scrolledDistance / totalDistance) * 100 )); } } return progress; } window.addEventListener('scroll', function() { const scrollProgress = calculateScrollProgress(); updateTimelineProgress(scrollProgress); }); document.addEventListener('DOMContentLoaded', function() { updateTimelineProgress(0); });