/**
 * LycceGeo Splash Screen CSS Keyframes
 * Hardware-accelerated transitions utilizing opacity and transform properties.
 * Designed for dark-mode modern interfaces.
 */

.lyccegeo-splash-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #030712; /* Fundo escuro profundo */
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: opacity 0.50s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.50s;
    will-change: opacity, visibility;
}

/* Slogan Container & Sizing */
.lyccegeo-splash-content {
    position: relative;
    z-index: 10;
    text-align: center;
    pointer-events: none;
    user-select: none;
}

.lyccegeo-slogan-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-weight: 200; /* Ultra-thin profile */
    font-size: 2.2rem;
    color: #ffffff;
    letter-spacing: 0.15em;
    margin: 0;
    opacity: 0;
    transform: scale3d(0.85, 0.85, 1);
    will-change: transform, opacity, filter;
}

/* High-efficiency Neon Highlight on 'Olhar' */
.lyccegeo-slogan-text .highlight-glow {
    font-weight: 500;
    color: #10b981; /* Verde-neon */
    transition: text-shadow 0.6s ease-in-out;
}

/* Particle Canvas Placement */
.lyccegeo-splash-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 5;
}

/* ACT 1: Slogan Arrival (Zoom-In 0s - 1s) */
.lyccegeo-slogan-text.act-1-arrival {
    animation: zoomInSlogan 1.0s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes zoomInSlogan {
    0% {
        opacity: 0;
        transform: scale3d(0.70, 0.70, 1);
        filter: blur(10px);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        filter: blur(0px);
    }
}

/* ACT 2: Expansion & Neon Glow (1.0s - 1.8s) */
.lyccegeo-slogan-text.act-2-expansion .highlight-glow {
    text-shadow: 0 0 10px rgba(16, 185, 129, 0.4),
                 0 0 20px rgba(16, 185, 129, 0.6),
                 0 0 40px rgba(16, 185, 129, 0.8);
    animation: pulsateGlow 1.2s ease-in-out infinite alternate;
}

@keyframes pulsateGlow {
    0% {
        text-shadow: 0 0 10px rgba(16, 185, 129, 0.4), 0 0 20px rgba(16, 185, 129, 0.6);
    }
    100% {
        text-shadow: 0 0 15px rgba(16, 185, 129, 0.6), 0 0 35px rgba(16, 185, 129, 0.8), 0 0 50px rgba(16, 185, 129, 1);
    }
}

/* ACT 3: Disintegration & Scale Out (1.8s - 2.8s) */
.lyccegeo-slogan-text.act-3-disintegrate {
    animation: scaleOutSlogan 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) forwards;
}

@keyframes scaleOutSlogan {
    0% {
        transform: scale3d(1, 1, 1);
        opacity: 1;
        filter: blur(0px);
    }
    100% {
        transform: scale3d(1.15, 1.15, 1);
        opacity: 0;
        filter: blur(8px);
    }
}

/* ACT 4: Reveal Map Overlay Fade */
.lyccegeo-splash-overlay.reveal-map {
    opacity: 0;
    visibility: hidden;
}

/* Responsive adjustment for Mobile screens */
@media (max-width: 640px) {
    .lyccegeo-slogan-text {
        font-size: 1.4rem;
        letter-spacing: 0.1em;
        padding: 0 20px;
    }
}