@font-face {
    font-family: 'Circe';
    src: url('Circe-Light.woff2') format('woff2'),
        url('Circe-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circe';
    src: url('Circe-Regular.woff2') format('woff2'),
        url('Circe-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circe';
    src: url('Circe-Bold.woff2') format('woff2'),
        url('Circe-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Circe';
}
img{
	max-width:100%;
	display:block;
}

:root {
    --cor-principal: #2980b9;
    --cor-secundaria: #2980b9;
    --cor-texto: #333333;
    --cor-clara: #ffffff;
    --cor-botao: #2980b9;
}
h1, h2, h3, h4{
	font-family: 'Circe' !important;
	font-weight:bold
}

/* Estilos gerais */
body {
    font-family: 'Circe'; font-weight:400;
    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;
		flex-direction:row!important;
    }

    .campo-busca {
        margin: 0;
    }

    .logo {
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .menu-usuario {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .item-menu {
        width: 100%;
        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-bottom: 30px;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
    }

    .titulo-secao {
        font-size: 24px;
        font-weight: bold;
        color: var(--cor-principal);
    }

    .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: 20px;
    }

    .card-produto {
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        padding: 15px;
        position: relative;
        background: #fff;
        transition: box-shadow 0.3s ease;
    }

    .card-produto:hover {
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
	
	.card-produto a{text-decoration:none}

    .badge-desconto {
        position: absolute;
        top: 10px;
        left: 10px;
        background-color: #1d9bff;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
    }

    .botao-favorito {
        position: absolute;
        top: 10px;
        right: 10px;
        background: none;
        border: none;
        cursor: pointer;
        color: #666;
        font-size: 20px;
    }

    .imagem-produto {
        width: 100%;
        height: 200px;
        object-fit: contain;
        margin-bottom: 15px;
    }

    .nome-produto {
        font-size: 16px;
        color: #333;
        margin-bottom: 10px;
        min-height: 40px;
    }

    .avaliacao {
        color: #ffc107;
        margin-bottom: 10px;
    }

    .preco {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 15px;
    }

    .preco-antigo {
        text-decoration: line-through;
        color: #999;
        font-size: 14px;
    }

    .preco-atual {
        font-size: 18px;
        font-weight: bold;
        color: #333;
    }

    .botao-comprar {
        background: none;
        border: none;
        color: #ff5722;
        cursor: pointer;
    }

    @media (max-width: 992px) {
        .grid-produtos {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 768px) {
        .grid-produtos {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 480px) {
        .grid-produtos {
            grid-template-columns: 1fr;
        }
    }
	.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: 80px;
        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(5, 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;
    }

    @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: #2980b9;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: #2980b9;
    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: flex-start;
    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: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

/* Hover effect */
.item-categoria:hover {background:#fff;}
.item-categoria:hover .link-categoria {
    color: #2980b9;
}

/* 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: auto; /* 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) {
    

    .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; }
.beneficios {
    
}

.beneficio-item {
    padding: 20px;
    color: #777;
}

.beneficio-item i {
    color: #777;
    margin-bottom: 15px;
}

.beneficio-item h5 {
    font-weight: 600;
    margin-bottom: 10px; color:#777;
}

.beneficio-item p {
    font-size: 14px;
    margin-bottom: 0;
}
.text-primary{color:var(--cor-principal)!important}
.btn-outline-primary{border-color:var(--cor-principal)!important;color:var(--cor-principal)!important}
.btn-outline-primary:hover{border-color:var(--cor-principal)!important;background:var(--cor-principal)!important;color:#fff!important}
.btn-primary {background:#3498db!important}
.page-link {background:#3498db!important}
.preco {justify-content:center}
.preco-atual {color:#28a745!important}
.hero{background: #f4f5fe url(../../images/softwares.jpg) right center no-repeat;}
@media (max-width: 768px) {.hero{background:#f4f5fe}}