.hero-section {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&q=80&w=1920');
    background-size: cover;
    color: rgb(255, 250, 250);
    padding: 100px 0;
    text-align: center;
}

.navbar-brand { 
    font-weight: bold; 
}


.btn-primary {
    background-color: #000000;
    border-color: #000000;
}

.btn-primary:hover {
    background-color: #000000;
    border-color: #000000;
}
/* Garante que o site ocupe toda a altura da tela */
html, body {
    height: 100%;
    margin: 0;
}

/* Transforma o corpo do site em um flexbox vertical */
body {
    display: flex;
    flex-direction: column;
}

/* Empurra o rodapé para o final da página, levando a seção de contato junto */
footer {
    margin-top: auto;
}

/* Opcional: Adicione um pouco de espaço na seção de contato */
#contato {
    padding: 60px 0;
}

/* Configurações Gerais */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Banner Hero */
.hero-section {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1500&q=80');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 120px 0;
}

/* Linha decorativa abaixo do título */
.custom-hr {
    width: 50px; 
    height: 3px; 
    background-color: #0d6efd; 
    border: none; 
    opacity: 1;
}

/* Imagens dos Carros */
.card-img-top {
    height: 200px;
    object-fit: cover;
}

/* Efeito de Elevação nos Cards */
.hover-shadow {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-shadow:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15) !important;
}

/* Ajustes de Formulário */
.form-range::-webkit-slider-thumb {
    background: #0d6efd;
}

aside .card {
    position: sticky;
    top: 90px; /* Faz o filtro "rolar" junto com a página no desktop */
}
.hero-section {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1500&q=80');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 100px 0;
}

.custom-hr {
    width: 50px;
    height: 3px;
    background-color: #0d6efd;
    border: none;
    opacity: 1;
}

.card-img-top {
    height: 220px;
    object-fit: cover;
}

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

.hover-shadow:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

aside .card {
    position: sticky;
    top: 90px;
}
/* Banner Hero */
.hero-section {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1500&q=80');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 80px 0;
}

.custom-hr {
    width: 50px;
    height: 3px;
    background-color: #0d6efd;
    border: none;
    opacity: 1;
}

/* CONTAINER DA IMAGEM: Garante que o espaço da foto seja sempre igual */
.img-container {
    width: 100%;
    height: 220px; /* Altura fixa para as fotos */
    overflow: hidden;
}

.card-img-top {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Faz a foto preencher o espaço sem distorcer */
}

/* Estilo dos Cards */
.hover-shadow {
    transition: transform 0.3s ease;
}

.hover-shadow:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

aside .card {
    position: sticky;
    top: 90px;
}
#contato a:hover {
    color: #0056b3 !important; /* Azul um pouco mais escuro ao passar o mouse */
    text-decoration: underline !important;
}