/* ==========================================
   ANIMAÇÃO DE ENTRADA (ESTILO NETFLIX)
========================================== */

#intro-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #000000;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    animation: esconderOverlay 0.5s ease-in 3.5s forwards;
}

/* --- AQUI ESTAVA O SEGREDO --- */
.m-svg {
    width: 150px;
    height: auto;
    overflow: visible;
    transform-origin: center;
    
    /* 1. ACELERAÇÃO DE HARDWARE (Mágica para o Mobile não travar) */
    will-change: transform, opacity;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    
    animation: zoomParaCamera 2s cubic-bezier(0.75, 0, 0.25, 1) 1.5s forwards;
}

.m-text {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 130px;
    fill: transparent;
    stroke: #007bff;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    
    /* 2. Prepara o celular para animar o preenchimento sem piscar */
    will-change: stroke-dashoffset, filter, fill;
    
    animation: 
        desenharLinhaTexto 1.5s cubic-bezier(0.85, 0, 0.15, 1) forwards,
        adicionarBrilhoTexto 1s ease 1.5s forwards;
}

/* --- KEYFRAMES --- */
@keyframes desenharLinhaTexto {
    to { stroke-dashoffset: 0; }
}

@keyframes adicionarBrilhoTexto {
    to {
        fill: rgb(1, 55, 112); 
        filter: drop-shadow(0 0 15px rgba(0, 123, 255, 0.8)) drop-shadow(0 0 40px rgba(0, 123, 255, 0.5));
    }
}

@keyframes zoomParaCamera {
    /* 3. Usa translate3d para ativar a GPU (Placa de vídeo do celular) */
    0% { transform: scale3d(1, 1, 1); opacity: 1; }
    40% { transform: scale3d(0.9, 0.9, 1); opacity: 1; } 
    
    /* 4. Reduzi o scale de 35 para 20. 
       Scale 20 já é mais do que suficiente para a letra ultrapassar a tela, 
       mas poupa quase 50% de processamento no mobile! */
    100% { transform: scale3d(20, 20, 1); opacity: 0; } 
}

@keyframes esconderOverlay {
    to {
        visibility: hidden;
        opacity: 0;
    }
}