/*
 * ESPECIALIDADES RÁPIDAS - CAROLINE LEONE
 * Efeitos acelerados para melhor UX
 */

/* ===============================================
   ACELERAR ANIMAÇÕES DA SEÇÃO ESPECIALIDADES
   =============================================== */

#especialidades {
    animation: none !important; /* Remove qualquer animação da seção */
}

#especialidades .specialty-card {
    opacity: 1 !important; /* Força visibilidade imediata */
    transform: translateY(0) scale(1) !important; /* Posição final */
    animation: fastFadeIn 0.3s ease-out forwards !important;
}

/* Delay escalonado MUITO rápido */
#especialidades .specialty-card:nth-child(1) { animation-delay: 0s !important; }
#especialidades .specialty-card:nth-child(2) { animation-delay: 0.05s !important; }
#especialidades .specialty-card:nth-child(3) { animation-delay: 0.1s !important; }
#especialidades .specialty-card:nth-child(4) { animation-delay: 0.15s !important; }
#especialidades .specialty-card:nth-child(5) { animation-delay: 0.2s !important; }
#especialidades .specialty-card:nth-child(6) { animation-delay: 0.25s !important; }

/* Animação ultra-rápida */
@keyframes fastFadeIn {
    0% { 
        opacity: 0; 
        transform: translateY(20px) scale(0.95); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

/* Header da seção também rápido */
#especialidades .section-header {
    animation: fastSlideUp 0.4s ease-out forwards !important;
}

@keyframes fastSlideUp {
    0% { 
        opacity: 0; 
        transform: translateY(30px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* Remove Intersection Observer delays */
#especialidades .animate-fade-scale,
#especialidades .animate-slide-up {
    animation-duration: 0.3s !important;
    animation-delay: 0s !important;
}

/* Grid aparece instantaneamente */
#especialidades .specialties-grid {
    animation: gridFadeIn 0.2s ease-out forwards !important;
}

@keyframes gridFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Força hover mais responsivo */
#especialidades .specialty-card:hover {
    transform: translateY(-5px) scale(1.02) !important;
    transition: transform 0.15s ease-out !important;
    box-shadow: var(--shadow-xl) !important;
}

/* ===============================================
   OVERRIDE DE INTERSECTION OBSERVER LENTO
   =============================================== */

/* Se há script de Intersection Observer, força visibilidade */
#especialidades .specialty-card[style*="opacity: 0"] {
    opacity: 1 !important;
    animation: fastFadeIn 0.3s ease-out forwards !important;
}

/* Força todos elementos dentro da seção a aparecer rapidamente */
#especialidades * {
    transition-duration: 0.2s !important;
}

/* ===============================================
   PERFORMANCE OTIMIZADA
   =============================================== */

#especialidades {
    will-change: opacity;
    transform: translateZ(0); /* Force hardware acceleration */
}

#especialidades .specialty-card {
    will-change: transform, opacity;
    transform: translateZ(0); /* Force hardware acceleration */
    backface-visibility: hidden; /* Prevent flicker */
}

/* Remove animações desnecessárias em mobile para performance */
@media (max-width: 768px) {
    #especialidades .specialty-card {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
    
    #especialidades .specialty-card:hover {
        transform: none !important;
    }
}