/* Como trabajamos page specific styles */

.hero-blur-decoration {
    filter: blur(80px);
}

.timeline-connector {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #e5e7eb;
    transform: translateX(-50%);
}

.dark .timeline-connector {
    background-color: #374151;
}

.timeline-step {
    transition: all 0.3s ease;
}

.timeline-step:hover .timeline-icon {
    border-color: #136dec;
}

.timeline-step:hover .timeline-icon-inner {
    color: #136dec;
}

.floating-stat-card {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}