     * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family:"Saira Semi Condensed";
        }
		img{
			max-width:100%;
			display:block;
		}
		
		:root {
    --cor-principal: #1689fc;
    --cor-secundaria: #0066cc;
    --cor-texto: #333333;
    --cor-clara: #ffffff;
    --cor-botao: #21a9fd;
}
h1, h2, h3, h4{
	font-family:"Saira Semi Condensed"!important;
	font-weight:900
}

/* Estilos gerais */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

/* Barra superior */
.barra-superior {
    background-color: var(--cor-principal);
    color: var(--cor-clara);
    padding: 8px 0;
    font-size: 14px;
}

.texto-destaque span {
    color: #a8b6d0;
}

.contatos-superior a {
    color: var(--cor-clara);
    text-decoration: none;
    font-size: 14px;
}

.contatos-superior a:hover {
    color: #a8b6d0;
}

/* Cabeçalho principal */
.cabecalho {
    background-color: var(--cor-clara);
    padding: 20px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Campo de busca */
.campo-busca {
    position: relative;
    display: flex;
}

.campo-busca label {font-weight:bold!important}
.campo-busca input {
    padding: 10px 15px;
    border: 2px solid #e1e1e1;
    border-radius: 4px;
    width: 100%;
}

.btn-buscar {
    position: absolute;
    right: 5px; top:4px;
    background-color: var(--cor-botao);
    border: none;
    color: white;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
}

/* Menu usuário */
.menu-usuario {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.item-menu {
    display: flex;
    align-items: center;
    color: var(--cor-texto);
    text-decoration: none;
    font-size: 14px;
    position: relative;
}
.item-menu.pr-30{
	padding-right:30px;
}

.item-menu i {
    font-size: 20px;
    margin-right: 5px;
    color: var(--cor-secundaria);
}

.contador {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ccc;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
}

/* Responsividade */
@media (max-width: 768px) {
    .barra-superior {
        display: none;
    }

    .menu-usuario {
        justify-content: center;
        margin-top: 20px;
    }

    .campo-busca {
        margin: 0;
    }

    .logo {
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .menu-usuario {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .menu-usuario .item-menu {
        width: 45%;
        justify-content: center;
    }
}

        .nav-main {
            background-color: #333;
            padding: 10px 0;
        }

        .nav-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .nav-list {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
        }

        .nav-item {
            position: relative;
            color: #fff;
            padding: 10px 15px;
            cursor: pointer;
        }

        .nav-item:hover {
            background-color: #444;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #fff;
            min-width: 200px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.1);
            z-index: 1;
            left: 0;
            top: 100%;
        }

        .nav-item:hover .dropdown-content {
            display: block;
        }

        .dropdown-item {
            padding: 10px 15px;
            color: #333;
            display: block;
        }

        .dropdown-item:hover {
            background-color: #f5f5f5;
        }

        .mobile-menu {
            display: none;
            font-size: 24px;
            cursor: pointer;
        }

        @media (max-width: 768px) {
            .nav-list {
                display: none;
            }

            .mobile-menu {
                display: block;
            }

            .header-content {
                flex-wrap: wrap;
            }

            .search-bar {
                order: 3;
                width: 100%;
                margin: 10px 0;
            }
			.header-content {
                flex-wrap: wrap;
            }

            .search-container {
                order: 3;
                width: 100%;
                margin: 10px 0;
            }

            .header-actions {
                gap: 10px;
            }

            .header-contact span {
                display: none;
            }
        }
		.benefits-bar {
        background-color: #f5f5f5;
        padding: 15px 0;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    .benefits-container {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 15px;
    }

    .benefit-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0 10px;
        flex: 1;
        border-right: 1px solid #e0e0e0;
    }

    .benefit-item:last-child {
        border-right: none;
    }

    .benefit-item i {
        font-size: 24px;
        color: #333;
        margin-bottom: 8px;
    }

    .benefit-title {
        font-size: 14px;
        font-weight: bold;
        color: #333;
        margin-bottom: 4px;
    }

    .benefit-subtitle {
        font-size: 12px;
        color: #666;
    }

    @media (max-width: 768px) {
        .benefits-container {
            flex-wrap: wrap;
            gap: 15px;
        }

        .benefit-item {
            flex: 1 1 calc(50% - 15px);
            border-right: none;
            border-bottom: 1px solid #e0e0e0;
            padding: 10px 0;
        }

        .benefit-item:nth-last-child(-n+2) {
            border-bottom: none;
        }
    }

    @media (max-width: 480px) {
        .benefit-item {
            flex: 1 1 100%;
        }

        .benefit-item:nth-last-child(-n+2) {
            border-bottom: 1px solid #e0e0e0;
        }

        .benefit-item:last-child {
            border-bottom: none;
        }
    }
	.produtos-destaque {
        max-width: 1200px;
        margin: 0 auto;
        padding: 3rem 15px;
    }

    .cabecalho-produtos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    padding: 20px 20px 10px 20px;
    background: linear-gradient(to right, #f8f9fa, white);
    border-radius: 12px;
    position: relative;
}

.cabecalho-produtos::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 3px;
    background: #2196F3;
    border-radius: 3px;
}

.titulo-secao {
    font-size: 28px;
    font-weight: 700;
    color: #2c3e50;
    position: relative;
    padding-left: 15px;
}

.titulo-secao::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 70%;
    background: #2196F3;
    border-radius: 2px;
}

/* Versão responsiva */
@media (max-width: 768px) {
    .cabecalho-produtos {
        margin: 20px 0;
        padding: 15px;
    }
    
    .titulo-secao {
        font-size: 22px;
    }
}

    .ver-mais {
        color: #333;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .ver-mais:hover {
        color: #666;
    }

    .grid-produtos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px; /* Aumentei o gap para dar mais espaço entre os cards */
    padding: 20px;
}

.card-produto {
    border: none; /* Removido a borda simples */
    border-radius: 12px; /* Aumentado o border-radius */
    padding: 20px;
    position: relative;
    background: #f8f9fa; /* Cor de fundo suave para o card */
    transition: all 0.3s ease;
	border: 1px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	display: flex;
    flex-direction: column;
	height: 100%;
}

.card-produto:hover {
    transform: translateY(-5px);
	border: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.card-produto a {
    text-decoration: none;
}
.link-produto {
    display: flex;
    flex-direction: column;
    height: 100%; /* O link ocupa todo o espaço do card */
}

.acoes-produto {
    margin-top: auto; /* Isso empurra o elemento para a parte inferior */
     /* Espaçamento opcional para separar do conteúdo acima */
}

/* Área da imagem com fundo branco */
.imagem-produto-container {
    background: white;
    padding: 15px;
    border-radius: 8px;
    margin: 2rem 0;
}

.imagem-produto {
    width: 100%;
    height: 200px;
    object-fit: contain;
    margin-bottom: 0; /* Removido margin bottom da imagem */
	margin: 3rem 0 2rem 0;
}

.badge-desconto {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #2196F3; /* Azul mais vibrante */
    color: white;
    padding: 6px 12px;
    border-radius: 20px; /* Mais arredondado */
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.nome-produto {
    font-size: 16px;
    color: #2c3e50; /* Cor mais escura para melhor legibilidade */
    margin: 15px 0;
    min-height: 40px;
    font-weight: 500;
}

.preco {
    display: flex;
    flex-direction: column; /* Preços em coluna para melhor organização */
    gap: 5px;
    margin-bottom: 15px;
}

.preco-antigo {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
}

.preco-atual {
    font-size: 20px;
    font-weight: bold;
    color: #2196F3; /* Cor destacada para o preço */
}

/* Estilização do botão de comprar */
.botao-comprar {
    background: #2196F3;
    border: none;
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
    width: 100%;
    font-weight: 600;
    transition: background 0.3s ease;
}

.botao-comprar:hover {
    background: #1976D2;
}

/* Mantendo o responsivo */
@media (max-width: 992px) {
    .grid-produtos {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .grid-produtos {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .badge-desconto {
        display: block; /* Mantendo visível em mobile */
    }
}
	
	.secao-marcas {
        background-color: #fff;
        padding: 3rem 0;
    }

    .container-marcas {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .titulo-marcas {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        margin-bottom: 30px;
    }

    .grid-marcas {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        gap: 20px;
    }

    .card-marca {
        background: #fff;
        border-radius: 8px;
        padding: 20px;
        text-align: center;
        transition: transform 0.3s ease;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
		text-decoration:none;
    }

    .card-marca:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .logo-marca {
        width: 100%;
        height: 30px;
        object-fit: contain;
        margin-bottom: 1.5rem;
    }
    .logo-marca2 {
        width: 100%;
        height: 50px;
        object-fit: contain;
        margin-bottom: 1.5rem;
    }

    .nome-marca {
		font-family:"Saira Semi Condensed";
        font-size: 14px;
        color: #333;
        margin: 0;
		font-weight:600;
		
    }

    @media (max-width: 1200px) {
        .grid-marcas {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media (max-width: 768px) {
        .grid-marcas {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 480px) {
        .grid-marcas {
            grid-template-columns: repeat(2, 1fr);
        }
    }
	.secao-departamentos {
        background-color: #333;
        padding: 3rem 0;
    }

    .container-departamentos {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .titulo-departamentos {
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-bottom: 30px;
        text-transform: uppercase;
    }

    .grid-departamentos {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 20px;
    }

    .card-departamento {
        text-decoration: none;
        text-align: center;
        transition: transform 0.3s ease;
    }

    .card-departamento:hover {
        transform: translateY(-5px);
    }

    .imagem-departamento {
        width: 100%;
        aspect-ratio: 1;
        border-radius: 8px;
        object-fit: cover;
        margin-bottom: 10px;
        border: 2px solid #444;
		background:#fff;
		padding:.5rem;
    }

    .nome-departamento {
        font-size: 14px;
        color: #2b5ebc;
        margin: 0;
        text-transform: uppercase;
        font-weight: bold;
    }

    @media (max-width: 1200px) {
        .grid-departamentos {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media (max-width: 768px) {
        .grid-departamentos {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 480px) {
        .grid-departamentos {
            grid-template-columns: repeat(2, 1fr);
        }
    }
	
	    .secao-busca-avancada {
        max-width: 1200px;
        margin: 0 auto 3rem auto;
        padding: 0 15px;
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 20px;
    }

    .banner-promocional {
        background-color: #333;
        border-radius: 12px;
        overflow: hidden;
        position: relative;
        color: #fff;
        padding: 40px;
        background-image: url('carro-vermelho.jpg');
        background-size: cover;
        background-position: center;
    }

    .banner-conteudo {
        position: relative;
        z-index: 2;
        max-width: 50%;
    }

    .banner-subtitulo {
        font-size: 16px;
        margin-bottom: 20px;
        opacity: 0.9;
    }

    .banner-titulo {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 30px;
        line-height: 1.2;
    }

    .botao-comprar {
        display: inline-block;
        background-color: #2b5ebc;
        color: #fff;
        padding: 12px 24px;
        border-radius: 6px;
        text-decoration: none;
        transition: background-color 0.3s ease;
    }

    .botao-comprar:hover {
        background-color: #ff2222;
    }

    .painel-busca {
        background-color: #2a303c;
        border-radius: 12px;
        padding: 30px;
        color: #fff;
    }

    .painel-busca-header {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
    }

    .icone-carro {
        color: #ff4444;
        font-size: 24px;
    }

    .painel-busca-titulo {
        font-size: 16px;
        margin: 0;
    }

    .total-carros {
        color: #ff4444;
        font-weight: bold;
    }

    .form-busca {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .select-busca {
        width: 100%;
        padding: 12px;
        border: 1px solid #3a404c;
        background-color: #1f242d;
        color: #fff;
        border-radius: 6px;
        appearance: none;
        cursor: pointer;
    }

    .botao-buscar {
        background-color: #2b5ebc;
        color: #fff;
        border: none;
        padding: 12px;
        border-radius: 6px;
        cursor: pointer;
        font-weight: bold;
        margin-top: 10px;
        transition: background-color 0.3s ease;
    }

    .botao-buscar:hover {
        background-color: #ff2222;
    }

    @media (max-width: 768px) {
        .secao-busca-avancada {
            grid-template-columns: 1fr;
        }

        .banner-conteudo {
            max-width: 100%;
        }
    }
	
	.secao-blog {
        max-width: 1200px;
        margin: 40px auto;
        padding: 0 15px;
    }

    .cabecalho-blog {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
    }

    .titulo-blog {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .icone-blog {
        background-color: #ff4444;
        color: #fff;
        padding: 8px;
        border-radius: 4px;
    }

    .titulo-principal {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        margin: 0;
    }

    .subtitulo-blog {
        color: #666;
        margin: 0;
    }

    .ver-mais {
        color: #333;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .grid-posts {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .card-post {
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .imagem-post {
        width: 100%;
        height: 200px;
        object-fit: cover;
        position: relative;
    }

    .imagem-post img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .categoria-post {
        position: absolute;
        top: 10px;
        left: 10px;
        background: #fff;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 12px;
        color: #333;
    }

    .conteudo-post {
        padding: 20px;
    }

    .meta-post {
        display: flex;
        gap: 15px;
        color: #666;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .meta-item {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .titulo-post {
        font-size: 18px;
        color: #333;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .resumo-post {
        color: #666;
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .ler-mais {
        color: #21a9fd;
        text-decoration: none;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    @media (max-width: 992px) {
        .grid-posts {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 576px) {
        .grid-posts {
            grid-template-columns: 1fr;
        }
    }
	
	.rodape {
        background-color: #f5f5f5;
        color: #fff;
        padding: 40px 0 20px;
    }

    .container-rodape {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .grid-rodape {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-bottom: 40px;
		color:#000;
    }

    .coluna-rodape h3 {
        color: #2b5ebc;
        font-size: 16px; font-weight:bold;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    .coluna-rodape-atendimento p {
        color: #000;
		margin:0;
    }

    .lista-rodape {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .lista-rodape li {
        margin-bottom: 10px;
    }

    .lista-rodape a {
        color: #000;
        text-decoration: none;
        font-size: 14px;
        transition: color 0.3s;
    }

    .lista-rodape a:hover {
        color: #2b5ebc;
    }

    .contato-info {
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        gap: 10px;
		color:#000;
    }

    .redes-sociais {
        display: flex;
        gap: 15px;
        margin-top: 20px;
    }

    .rede-social {
        background-color: #2b5ebc;
        color: #fff;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        transition: background-color 0.3s;
    }

    .rede-social:hover {
        background-color: #ff2222;
    }

    .separador-rodape {
        border-top: 1px solid #444;
        padding-top: 20px;
        margin-top: 20px;
    }

    .rodape-inferior {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        padding: 20px 0;
    }

    .pagamentos-container, .entregas-container, .seguranca-container {
        text-align: center;
		padding:1em;border-radius:8px;text-align:center;
    }
	.pagamentos-container img, .entregas-container img, .seguranca-container img{
		margin:0 auto
	}

    .pagamentos-container h4, .entregas-container h4, .seguranca-container h4 {
        color: #2b5ebc;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-size: 14px;font-weight:bold;
    }

    .logos-container {
        display: flex;
        gap: 10px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .logos-container img {
        height: 30px;
        object-fit: contain;
    }

    .copyright {
        text-align: center;
        padding: 20px 0;
        font-size: 12px;
        color: #888;
        border-top: 1px solid #444;
    }
	
	.copyright a{color:#888}

    @media (max-width: 992px) {
        .grid-rodape {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 768px) {
        .grid-rodape {
            grid-template-columns: repeat(2, 1fr);
        }
        .rodape-inferior {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 576px) {
        .grid-rodape {
            grid-template-columns: 1fr;
        }
    }
	.mt-0{
		margin-top:0;padding-top:0;
	}
	
	
	.area-busca {
    margin: 3rem auto;
}

.titulo-busca {
    font-size: 16px;
    color: #0099ff;
    margin-bottom: 15px;
    font-weight: bold;
}

.tipos-veiculos {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.btn-tipo {
    background: none;
    border: 2px solid #e1e1e1;
    padding: 8px 15px;
    border-radius: 8px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.btn-tipo.ativo {
    background-color: #0099ff;
    color: white;
    border-color: #0099ff;
}

.btn-tipo:hover {
    background-color: #f0f0f0;
}

.btn-tipo.ativo:hover {
    background-color: #0088ee;
}

.tipos-veiculos {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.radio-tipo {
    position: relative;
}

.radio-tipo input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.btn-tipo {
    display: flex;
    align-items: center;
    gap: 5px;
    background: none;
    border: 2px solid #e1e1e1;
    padding: 8px 15px;
    border-radius: 8px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0;
}

/* Estilo quando o radio está selecionado */
.radio-tipo input[type="radio"]:checked + .btn-tipo {
    background-color: #0099ff;
    color: white;
    border-color: #0099ff;
}

/* Hover effect */
.btn-tipo:hover {
    background-color: #f0f0f0;
}

.radio-tipo input[type="radio"]:checked + .btn-tipo:hover {
    background-color: #0088ee;
}

/* Focus state para acessibilidade */
.radio-tipo input[type="radio"]:focus + .btn-tipo {
    box-shadow: 0 0 0 2px rgba(0, 153, 255, 0.3);
}



.campo-busca {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.campo-busca label {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.form-select, .form-control {
    border: 2px solid #e1e1e1;
    padding: 10px;
    border-radius: 8px;
    width: 100%;
}

.form-select:focus, .form-control:focus {
    border-color: #0099ff;
    box-shadow: none;
    outline: none;
}

.btn-buscar2 {
    background-color: #6dc6fe;
    color: white;
    border: none;
    padding: 12px 10px;
    border-radius: 4px;
    width: 100%;
    font-weight: bold;
    transition: background-color 0.3s ease;
	margin-top:-24px;
}

.btn-buscar2:hover {
    background-color: #1689fc;color:#fff!important
}

/* Responsividade */
@media (max-width: 768px) {
    .tipos-veiculos {
        justify-content: center;
    }
    
    .btn-tipo {
        font-size: 12px;
        padding: 6px 12px;
    }
    
    .form-busca .row {
        row-gap: 15px;
    }
    
    .col-md-1, .col-md-2, .col-md-3 {
        width: 100%;
    }
}
/* Responsividade */
@media (max-width: 768px) {
    .tipos-veiculos {
        justify-content: center;
    }
    
    .btn-tipo {
        font-size: 12px;
        padding: 6px 12px;
    }
}


.menu-categorias {
    background-color: #1689fc;
    padding: 10px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.lista-categorias {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item-categoria {
    position: relative;
}

.link-categoria {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    transition: all 0.3s ease;
}

.link-categoria i {
    font-size: 24px;
    margin-bottom: 5px;
}
.link-categoria img {
    margin-bottom: 5px;
}

.link-categoria span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

/* Hover effect */
.item-categoria:hover {background:#fff;}
.item-categoria:hover .link-categoria {
    color: #1689fc;
}

/* Submenu */
.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
}

.item-categoria:hover .submenu {
    opacity: 1;
    visibility: visible;
}

.container-submenu {
    padding: 15px;
}

.lista-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lista-submenu li {
    margin-bottom: 8px;
}

.lista-submenu a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding: 5px 0;
    transition: color 0.3s ease;
}

.lista-submenu a:hover {
    color: #0099ff;
}

/* Responsividade */
@media (max-width: 768px) {
    .lista-categorias {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .item-categoria {
        width: 25%; /* 4 itens por linha em tablets */
    }

    .link-categoria {
        padding: 5px 10px;
    }

    .link-categoria i {
        font-size: 20px;
    }

    .link-categoria span {
        font-size: 10px;
    }
}

@media (max-width: 576px) {
    .item-categoria {
        width: 30%; /* 3 itens por linha em smartphones */
    }

    .submenu {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
    }
}
.floating-button { position: fixed; bottom: 40px; right: 40px; width: 60px; height: 60px; border-radius: 50%; background-color: #25D366; color: white; text-align: center; line-height: 60px; font-size: 24px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); z-index: 9999; display:flex;align-items:center;justify-content:center; text-decoration:none; }
.hero .carousel-item img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    cursor: pointer;
}

.hero .carousel-item picture img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .hero .carousel-item img,
    .hero .carousel-item picture img {
        max-height: 250px;
    }
}
.informacoes-adicionais2{display:block!important;}
.informacoes-adicionais2 div,
.caracteristicas2 li {
    margin-bottom: 5px;
	display:block
}

/* Cores específicas para cada rede social no hover */
.rede-social.facebook:hover {
    background-color: #3b5998; /* Azul do Facebook */
}

.rede-social.instagram:hover {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); /* Gradiente do Instagram */
}

.rede-social.youtube:hover {
    background-color: #FF0000; /* Vermelho do YouTube */
}

.rede-social.whatsapp:hover {
    background-color: #25D366; /* Verde do WhatsApp */
}