/*
@file-header

Finalidade: Define estilos para componentes comuns e reutilizáveis em todo o frontend do site, como o botão "Voltar ao Topo".

Criado por: Fernando Paulo de Santis
E-mail: fpsantis@gmail.com
Site: https://santis.net.br
*/

/* ==========================================================
   BOTÃO VOLTAR AO TOPO (BACK TO TOP)
   ========================================================== */
.back-to-top {
    /* Posicionamento e Aparência */
    display: block;
    position: fixed;
    z-index: 99;
    bottom: 15px;
    right: 15px; /* Alinhado à direita por padrão */
    height: 50px;
    width: 50px;
    border-radius: 0.3rem;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff !important;

    /* Centralização do ícone */
    text-align: center;
    font-size: 2rem;
    line-height: 50px;

    /* Animação de entrada/saída */
    transform: translateY(100px); /* Começa fora da tela, abaixo */
    transition: transform 0.4s ease, background-color 0.3s ease;
}

/* Estado visível, controlado via JavaScript */
.back-to-top.visible {
    transform: translateY(0); /* Move para a posição final (visível) */
}