/* ======================================== */
/* Seção de Anúncios                         */
/* ======================================== */
.secao-anuncios {
    padding: 40px 0;
    background-color: #f0f2f5; /* Cor de fundo suave */
    overflow: hidden; /* Garante que os anúncios não transbordem */
}

.anuncios-grid {
    display: flex; /* Usa flexbox para alinhamento horizontal */
    justify-content: center; /* Centraliza os itens horizontalmente */
    flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha em telas menores */
    gap: 30px; /* Espaçamento entre os anúncios */
    max-width: 1200px; /* Largura máxima do grid de anúncios */
    margin: 0 auto; /* Centraliza o grid na página */
}

.anuncio-item {
    flex: 0 0 auto; /* Não cresce, não encolhe, largura automática */
    width: 380px; /* Largura fixa para cada anúncio */
    height: 200px; /* Altura fixa para cada anúncio */
    border-radius: 8px; /* Cantos arredondados */
    overflow: hidden; /* Garante que a imagem se ajuste ao raio */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Sombra sutil */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transição suave ao passar o mouse */
}

.anuncio-item:hover {
    transform: translateY(-5px); /* Efeito de "levantar" ao passar o mouse */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* Sombra mais intensa no hover */
}

.anuncio-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garante que a imagem cubra todo o item sem distorcer */
    display: block; /* Remove espaços extras abaixo da imagem */
}