/* Estilo para o indicador de scroll */
 .scroll-indicator {
    position: absolute;
    bottom: 150px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 50px;
    border: 2px solid white;
    border-radius: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 5px;
}

.scroll-indicator::after {
    content: "";
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    animation: scrollAnimation 1.5s infinite;
}

@keyframes scrollAnimation {
    0% { transform: translateY(5px); opacity: 1; }
    50% { transform: translateY(15px); opacity: 0.5; }
    100% { transform: translateY(25px); opacity: 0; }
}