/* Ajustes finos de CSS */
body { font-family: 'Inter', sans-serif; overflow-x: hidden; }

.gradient-text {
    background: linear-gradient(to right, #FB923C, #EF4444);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-bg {
    background: linear-gradient(135deg, #FB923C 0%, #EF4444 100%);
}

.glass-card {
    background: rgba(30, 41, 59, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

/* Animações (fallback sem depender do Tailwind CDN) */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
.animate-float {
    animation: float 6s ease-in-out infinite;
}
.animate-float-delayed {
    animation: float 7s ease-in-out 2s infinite;
}

@keyframes pulse-slow {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
.animate-pulse-slow {
    animation: pulse-slow 3s ease-in-out infinite;
}

/* Brand */
.brand-orange-text { color: #f97316; }
.brand-orange-border { border-color: #f97316; }
.brand-orange-bg { background-color: #f97316; }
.brand-orange-bg-70 { background-color: rgba(245, 106, 64, 0.7); }
.brand-orange-shadow { box-shadow: 0 10px 30px rgba(245, 106, 64, 0.3); }

/* Botão de detalhes (cases) */
.case-detail-btn {
    color: #f97316;
    border: 1px solid #f97316;
    background: transparent;
}
.case-detail-btn:hover {
    color: #ffffff;
    background-color: #f97316;
    box-shadow: 0 10px 30px rgba(245, 106, 64, 0.3);
}

/* CSS Específico para os Cases (Hover Effect) */
.case-card:hover .card-overlay {
    opacity: 1;
}
.case-card:hover .card-image {
    transform: scale(1.05);
}

/* Cases */
.case-card {
    border-color: #c24e2d;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }