/* ================================================
   JobTalent - Premium Fluid Design
   ================================================ */

/* Lenis Smooth Scroll */
html.lenis, html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}

/* Base Styles */
body {
    background-color: #FAF7F9;
    overflow-x: hidden;
}

/* Custom Animations Keyframes */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@keyframes float-slow {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
}

@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes gradient-x {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Animation Classes */
.animate-float {
    animation: float 6s ease-in-out infinite;
}

.animate-float-slow {
    animation: float-slow 20s ease-in-out infinite;
}

.animate-float-delayed {
    animation: float-slow 25s ease-in-out infinite reverse;
}

.animate-spin-slow {
    animation: spin-slow 60s linear infinite;
}

.animate-gradient {
    background-size: 200% auto;
    animation: gradient-x 4s ease infinite;
}

.bg-300\% {
    background-size: 300%;
}

/* Typography & Effects */
.reveal-text {
    opacity: 0; /* Controlled by JS */
}

/* Fade In Animations for Hero */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeInUp 1s ease-out forwards;
}

.animate-fade-in-delay {
    animation: fadeInUp 1s ease-out 0.3s forwards;
}

.animate-fade-in-delay-2 {
    animation: fadeInUp 1s ease-out 0.6s forwards;
}

/* Magnetic Button Effect Wrapper */
.magnetic-btn {
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 20px;
    border: 3px solid transparent;
    background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8;
}

/* Glassmorphism Utilities */
.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Text Selection Color */
::selection {
    background: #F89F1B; /* Secondary Color - Laranja do logo */
    color: white;
}