/* index.css - para o index.php */
/* Configura a logo na index */
/* Logo padrão */

/* Logo pequena quando clicada */
/* Logo com tamanho original */

/* Logo pequena quando clicada (50px) */
.logo_index.small {
    height: 100px;        /* Reduz a altura da logo */
    width: auto;         /* Mantém a proporção da largura */
    transform: scale(1); /* Garantir que a escala fique proporcional */
}




    .top-bar {
        font-size: 14px; /* Ajuste da fonte da barra */
    }

    .logo-container_index {
        text-align: center;
        margin-top: 20px;
    }

    .top-bar-left, .top-bar-right {
        display: flex;
        justify-content: center;
    }

    /* Garantir que o botão de login ocupe toda a largura da tela */
    .top-bar-right .menu li a {
        display: block;
        width: 100%;
        text-align: center;
    }

    /* Modal de aviso */
    #mobile-warning {
        padding: 15px;
        text-align: center;
    }

    #mobile-warning h2 {
        font-size: 18px;
    }
}

@media screen and (max-width: 480px) {
    /* Ajustes para telas menores */
    .logo_index {
        width: 120px; /* Logo ainda menor */
    }

    /* Ajuste de texto e elementos */
    .top-bar {
        font-size: 12px;
    }
}