/* Animação para o movimento horizontal contínuo (dos montes) */
@keyframes movimentoSuave {
    from { transform: translateX(-20px); }
    to { transform: translateX(20px); }
}

/* --- NOVA ANIMAÇÃO: Degradê de texto --- */
@keyframes degradeAnimado {
    0%, 10% { background-position: -200% 0; } /* Começa à esquerda, fora da tela */
    60% { background-position: 200% 0; }   /* Move para a direita, fora da tela */
    65%, 100% { background-position: 200% 0; } /* Pausa de 2 segundos (65% a 100% de 6s = 2s) */
}


* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
    font-family: 'Poppins', sans-serif;
    background-color: #0a0a0c;
    color: #41f094;
    height: 150vh;
    overflow-x: hidden;
}

.parallax-container {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: -1;
    pointer-events: none;
}

.wrapper-monte {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.2s ease-out;
}

.monte {
    position: absolute;
    bottom: 0;
    left: -5%; 
    width: 110%;
    height: auto;
    fill: #41f094;
}

/* Aplicando a animação contínua nos SVGs dentro de cada wrapper */
#wrapper-monte-distante .monte {
    animation: movimentoSuave 30s ease-in-out infinite alternate;
}

#wrapper-monte-proximo .monte {
    animation: movimentoSuave 25s ease-in-out infinite alternate;
}


main { display: flex; justify-content: center; align-items: center; height: 100vh; padding: 0 20px; text-align: center; }

h1 {
    font-size: 5rem;
    font-weight: 600;
    letter-spacing: 1px;
    
    /* --- NOVAS PROPRIEDADES PARA O DEGRADÊ ANIMADO --- */
    background: linear-gradient(
        90deg, 
        rgba(65, 240, 148, 0.4) 0%, /* Início do degradê, mais transparente */
        #41f094 20%, /* Ponto de maior brilho */
        rgba(65, 240, 148, 0.4) 40% /* Fim do degradê, mais transparente novamente */
    );
    background-size: 200% auto; /* Garante que o degradê seja maior que o texto e possa se mover */
    -webkit-background-clip: text; /* Clipa o fundo para o formato do texto */
    -webkit-text-fill-color: transparent; /* Torna o texto transparente para o fundo aparecer */
    animation: degradeAnimado 6s linear infinite; /* Aplica a animação: 6s de duração, linear, infinito */

    /* Mantém o text-shadow para um brilho geral por trás do degradê animado */
    text-shadow: 0 0 20px rgba(65, 240, 148, 0.2), 0 0 35px rgba(65, 240, 148, 0.1);
}

footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 30px; text-align: center; }
.contato-link { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 1rem; color: #41f094; text-decoration: none; padding: 8px 16px; border: 1px solid rgba(65, 240, 148, 0.4); border-radius: 20px; transition: background-color 0.3s ease, color 0.3s ease; }
.contato-link:hover { background-color: #41f094; color: #0a0a0c; }

@media (max-width: 768px) {
    h1 { font-size: 3.5rem; }
    body { height: 120vh; }
}
@media (max-width: 480px) {
    h1 { font-size: 2.5rem; }
}