:root {
    /* Cores Principais Extraídas da Imagem */
    --bs-primary: #004A99;       /* Azul do Logo e Links */
    --bs-primary-rgb: 0, 74, 153;

    --bs-warning: #F17322;       /* Laranja do botão Explorar */
    --bs-warning-rgb: 241, 115, 34;

    --bs-info: #00AEEF;          /* Azul claro para detalhes */

    /* Cores de Fundo e Texto */
    --bs-light: #F8F9FA;         /* Fundo dos cards secundários */
    --bs-dark: #002D5A;          /* Títulos e menus escuros */

    /* Ajuste de fontes (opcional, para combinar com o layout) */
    --bs-body-color: #444444;
}

/* Forçar a cor do botão primary para não perder o contraste */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

.btn-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
    color: #fff; /* Garante que o texto no botão laranja seja branco como na imagem */
}

/* Efeito de Gradiente no Header (igual ao topo do site) */
.bg-header-rotas {
    background: linear-gradient(180deg, #004A99 0%, #0066CC 100%);
    color: white;
}

/* Estilo para os cards de "Explorar por tema" */
.card-categoria {
    background-color: #FFFFFF;
    border: 1px solid #DEE2E6;
    border-radius: 8px;
    transition: transform 0.2s;
}

.card-categoria:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Cor específica para o texto "Destinos em alta" */
.text-azul-titulo {
    color: #002D5A;
    font-weight: bold;
}

body { background-color: #f8f9fa; }
.pagination-wrapper { margin-top: 2rem; }