/* Custom CSS for elements that need more precise control */
.gradient-bg {
    background: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%);
}

.project-card {
    transition: all 0.3s ease;
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.admin-sidebar {
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .admin-sidebar {
        transform: translateX(-100%);
        position: fixed;
        z-index: 50;
        height: 100vh;
    }

    .admin-sidebar.active {
        transform: translateX(0);
    }
}

/* Animation for stats */
@keyframes countUp {
    from {
        width: 0;
    }

    to {
        width: var(--target-width);
    }
}

.stat-bar {
    animation: countUp 1.5s ease-out forwards;
}

/* Thumbs da galeria - cortes uniformes */
.gallery-thumb {
    width: 100%;
    height: 8rem;
    /* h-32 equivalente */
    object-fit: cover;
    border-radius: 0.375rem;
}

/* Lightbox overrides (fallback quando Tailwind não estiver disponível) */
#image-lightbox button {
    cursor: pointer;
}