/* Indicador de scroll (herdado de area-atuacao) */
.scroll-indicator {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: var(--cor-branco);
    animation: bounce 2s infinite;
    text-decoration: none;
}

.scroll-indicator p {
    margin: 0;
    font-size: 1rem;
    opacity: 0.85;
}

.scroll-arrow {
    margin-bottom: 10px;
}

.scroll-arrow svg {
    width: 24px;
    height: 24px;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(-50%) translateY(0);
    }

    40% {
        transform: translateX(-50%) translateY(-10px);
    }

    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}