/* Reutilização das cores e fontes para as outras páginas */
:root {
    --cor-vermelho: #b91c1c;
    --cor-preto: #1f2937;
    --cor-branco: #ffffff;
    --cor-cinza: #f3f4f6;
}
body { font-family: 'Inter', sans-serif; }
.bg-vermelho { background-color: var(--cor-vermelho); }
.text-vermelho { color: var(--cor-vermelho); }
nav a:hover { color: var(--cor-vermelho); }

#install-popup.show {
    transform: translateY(0);
}
#chat-window {
    background-image: url('/mascote-chat-fundo.png');
    background-repeat: no-repeat;
    background-position: center 110%;
    background-size: 80% auto;
}
#chat-messages {
    background-color: rgba(243, 244, 246, 0.9);
}
#chat-messages div ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
}
#chat-messages div li {
    margin-bottom: 4px;
}
/* =================================================================
   AJUSTES FINAIS PARA O CARROSSEL DE NOTÍCIAS (SWIPER.JS)
   ================================================================= */

/* Define o contentor principal como um ponto de referência para o posicionamento */
.swiper-container {
    position: relative !important;
}

/* Força a paginação (as bolinhas) a ficar a 10px da parte inferior do contentor */
.swiper-pagination {
    bottom: 10px !important;
}

/* Pinta a bolinha ativa com o vermelho do site */
.swiper-pagination-bullet-active {
    background-color: #b91c1c !important;
}

/* Garante que as setas de navegação ficam visíveis sobre imagens escuras */
.swiper-button-next, .swiper-button-prev {
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}