:root {
    --primary-color: #0d6efd;
    /* Cinza Azulado Claro (Cool Gray) */
    --bg-light-blue: #f4f7f9; 
}

.navbar-custom {
    background-color: var(--bg-light-blue) !important;
    border-bottom: 1px solid #e1e8ed; /* Linha sutil para separar do conteúdo */
}

/* Ajuste nos links para combinar com o fundo */
.navbar-custom .nav-link {
    color: #4a5568 !important;
    font-weight: 500;
}

.navbar-custom .nav-link:hover {
    color: var(--primary-color) !important;
}

.hover-zoom {
    transition: transform 0.3s ease;
}

.hover-zoom:hover {
    transform: translateY(-10px);
}

.card {
    border-radius: 15px;
    overflow: hidden;
}

.navbar-brand {
    font-size: 1.5rem;
    letter-spacing: -1px;
}

.btn-primary {
    padding: 10px 25px;
    font-weight: 600;
}

/* Efeito de hover nos nomes das cidades */
.btn-outline-light.text-dark:hover {
    background-color: var(--primary-color);
    color: white !important;
    border-color: var(--primary-color);
}

.btn-outline-light.text-dark:hover small {
    color: rgba(255,255,255,0.8) !important;
}

/* Ajuste do Hero para garantir preenchimento da tela */
.hero-section {
    position: relative;
    overflow: hidden;
}