@charset "UTF-8";
/* CSS Document */
.star {
    cursor: pointer;
    color: grey; /* Cor padrão das estrelas */
    transition: color 0.2s; /* Suaviza a transição de cor */
}
.star:hover, .star.fas, .star.fas:hover {
    color: #d4af37 !important; /* Assegura que toda a estrela mude para amarelo */
}

.table {
    width: 100%; /* Garante que a tabela use toda a largura disponível */
    border-collapse: collapse; /* Remove o espaço entre as bordas das células */
}
.table-row:nth-child(odd) {
    background-color: #f2f2f2; /* Cor para linhas ímpares */
}
.table-row:nth-child(even) {
    background-color: #ffffff; /* Cor para linhas pares */
}
td {
    border-right: 2px solid #ccc; /* Adiciona uma divisória vertical entre as colunas */
    padding: 8px; /* Espaço interno nas células */
}
td:last-child {
    border-right: none; /* Remove a borda da última célula de cada linha */
}

.question-col {
    width: 70%; /* Ajuste conforme necessário */
}
.rating-col {
    width: 30%; /* Ajuste conforme necessário */
}

.table td {
    vertical-align: middle; /* Centraliza o conteúdo verticalmente */
}

.rating-text {
    font-size: 11px;
}

body {
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Garante que o body ocupe pelo menos 100% da altura da viewport */
}

header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px; /* Ajuste a altura conforme necessário */
    background-color: #f0f0f0; /* Opcional: cor de fundo do header */
}

header img {
    width: 300px; /* Ajuste a largura conforme necessário */
    height: auto; /* Mantém a proporção da imagem */
}

main {
    flex: 1; /* Faz o main (conteúdo principal) ocupar o espaço restante entre o header e o footer */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centraliza o conteúdo verticalmente */
    align-items: center; /* Centraliza o conteúdo horizontalmente */
}

footer {

    color: #fff; /* Cor do texto no rodapé */
    text-align: center;
    width: 100%; /* Garante que o rodapé ocupe toda a largura da página */
    position: inherit;
    bottom: 0; /* Fixa o rodapé na parte inferior */
}

footer p {
    margin: 5px 0; /* Margem entre os parágrafos */
}

footer a {
    color: #fff; /* Cor dos links no rodapé */
    text-decoration: none; /* Remove a sublinha dos links */
}

footer a:hover {
    text-decoration: underline; /* Sublinha os links ao passar o mouse */
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #000;
    padding: 10px 20px;
    margin-top: 20px; /* Espaçamento acima da seção de footer-content */
}

.footer-content .logo-left img,
.footer-content .logo-right img {
    height: 40px; /* Ajuste conforme necessário */
}

.footer-content .right-text a {
    color: #fff; /* Cor do link */
    text-decoration: none; /* Remove a sublinha do link */
}

.footer-content .right-text a:hover {
    font-size: 15px; /* Ajuste conforme necessário */
    color: #fff; /* Garante que a cor não mude */
    text-decoration: none; /* Remove a sublinha do link */
}

.footer-content .center-text {
    color: #fff;
    font-size: 15px; /* Ajuste conforme necessário */
    text-decoration: none; /* Remove a sublinha dos links */
}

.footer-content .center-text a {
    color: #fff; /* Cor do link */
    text-decoration: none; /* Remove a sublinha do link */
}

.footer-content .center-text a:hover {
    text-decoration: none; /* Remove a sublinha do link */
    color: #fff; /* Garante que a cor não mude */
}