/**
 * Startup Styles - Estilos para carregamento robusto
 */

/* Subtexto com transição suave */
.loading-subtext {
    transition: opacity 0.3s ease, transform 0.3s ease;
    font-style: italic;
    opacity: 0.7;
}

/* Estado de primeiro acesso - animações mais lentas para celulares fracos */
.is-first-access .loader-spinner {
    animation-duration: 2s !important; 
}

.is-first-access .logo-container img {
    animation: firstAccessBounce 1.5s infinite ease-in-out;
}

@keyframes firstAccessBounce {
    0%, 100% { transform: scale(1) translateY(0); }
    50% { transform: scale(1.1) translateY(-10px); }
}

/* Animações de entrada progressiva (Staggered Entrance) */
.main-content-desktop.show .menu-card {
    animation: cardEntrance 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
    opacity: 0;
}

.main-content-desktop.show .menu-card:nth-child(1) { animation-delay: 0.1s; }
.main-content-desktop.show .menu-card:nth-child(2) { animation-delay: 0.15s; }
.main-content-desktop.show .menu-card:nth-child(3) { animation-delay: 0.2s; }
.main-content-desktop.show .menu-card:nth-child(4) { animation-delay: 0.25s; }
.main-content-desktop.show .menu-card:nth-child(5) { animation-delay: 0.3s; }
.main-content-desktop.show .menu-card:nth-child(6) { animation-delay: 0.35s; }
.main-content-desktop.show .menu-card:nth-child(7) { animation-delay: 0.4s; }
.main-content-desktop.show .menu-card:nth-child(8) { animation-delay: 0.45s; }

@keyframes cardEntrance {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Feedback visual de modo performance - Otimizações Reais */
.perf-mode-active * {
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.perf-mode-active .menu-card {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    transition-duration: 0.2s !important;
}

.perf-mode-active .banner-bg-blur {
    display: none !important; /* Remove o processamento de blur em tempo real de vídeos/fotos */
}

.perf-mode-active #loading-screen::before {
    display: none !important; /* Remove animação de rotação em background do loader */
}