/* ═══ Animaciones ═══ */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
@keyframes float-delay {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}
@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}
.animate-float-delay {
    animation: float-delay 3.5s ease-in-out infinite 0.5s;
}
.animate-spin-slow {
    animation: spin-slow 20s linear infinite;
}

/* ═══ Scrollbar ═══ */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #0a0a0f;
}
::-webkit-scrollbar-thumb {
    background: #1e1e2a;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #2a2a3a;
}

/* ═══ Smooth scroll offset for fixed nav ═══ */
html {
    scroll-padding-top: 5rem;
}

/* ═══ Selection ═══ */
::selection {
    background: rgba(245, 158, 11, 0.3);
    color: #fff;
}

/* ═══ Navbar glass effect ═══ */
#navbar.scrolled {
    background: rgba(10, 10, 15, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(30, 30, 42, 0.5);
}