/* Vortex Assessoria - Estilos Customizados */

@layer utilities {
    .bg-grid-pattern {
        background-size: 40px 40px;
        background-image: 
            linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    }

    /* Modern Direct Section Geometric Diagonal Clips (Seamless - Sem Divisórias separadas!) */
    .clip-section-slant-top {
        clip-path: polygon(0 3vw, 100% 0, 100% 100%, 0 100%);
    }

    .clip-section-slant-down {
        clip-path: polygon(0 0, 100% 3vw, 100% 100%, 0 100%);
    }
}

/* Infinite Marquee Animation for Logo Carousel */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    display: flex;
    width: 200%;
    animation: marquee 25s linear infinite;
}

.animate-marquee:hover {
    animation-play-state: paused;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #07090e;
}

::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #2563eb;
}