a.whatsapp-link, a.whatsapp-link:hover {
	color: #fff !important;
}
a.whatsapp-link:hover {
	text-decoration: underline;
}
.block-whatsapp, .block-whatsapp a {
	background-color: #00CE65;
	display: block;
}

.block-whatsapp i, .block-whatsapp * {
	color: #fff !important;
	fill: #fff !important;
}
.block-whatsapp a:hover, .block-whatsapp a:hover * {
	color: #000 !important;
}

#navigation {
	max-height:100%;
}
#menu_slide {
	margin-left: 20px;
}

.header_search {
	margin-right: 20px;
}
.logo a:hover img {
	opacity: 0.8;
}
.logo img {
	max-width: 250px;
}


.pg_itens .banner-section {
	padding: 120px 0 !important; 
}
.sidebar_widget {
	background: #fff;
}
.recent-car-list {
	margin: 0 0 30px 0 !important;
	max-height: none;
}
.recent-car-list.portal {
	max-height: none;
}
.section-padding-min {
	padding: 60px 0;
}

.car-info-box a:hover img {
	opacity: 0.8;
}

.car-info-box-img-container {
    height: 280px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.car-info-box-img-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: 100%;
    transform: translate(-50%, -50%);
}

.car-title-m {
	padding: 10px 8px 12px 10px;
	text-align: left;
}
.car-title-m h6.item-title {
	width: 100%;
	float: none;
	max-width: 100%;
	min-height: 40px;
	margin-bottom: 5px;
	text-transform: uppercase;

	white-space: nowrap;       /* Não permite quebra de linha */
	overflow: hidden;          /* Oculta o texto que ultrapassa o limite */
	text-overflow: ellipsis;  

}
.car-title-m .car-info-details {
	display: block !important;
	margin: 0 0 8px 0;
	padding: 0 !important;
	width: 100% !important;
	list-style: none !important;
	text-align: left !important;
}
.car-title-m .car-info-details li {
	display: inline-block !important;
	float: left;
	clear: none;
	font-size: 12px;
	line-height: 20px;
	color: #111;
	margin: 0 14px 0 0 !important;
	text-align: left !important;
}
.car-title-m .car-info-details li i {
	display: inline-block;
	margin-right: 6px;
	color: #111;
}
.car-title-m .car-info-details:after {
	content: "";
	display: block;
	clear: both;
}

.pg_item h2 {
	text-transform: uppercase;
}

.car-title-m h6.dealership-title {
	font-size: 15px;
	margin-bottom: 10px;

	max-width: 100% !important;
}
h6.dealership-title a:hover {
	color: #000 !important;
}
.car-title-m .price {
	float: left;
}

.price_info p {
	line-height: 45px;
}

.owl-buttons .owl-prev,
.owl-buttons .owl-next {
	font-size: 60px;
}

#whatsapp {
	height: 44px;
	text-align: center;
}


.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
	background:#000 !important;
	fill: #000 !important;
}

.blue-bg {
	background-color: #0D6EFD;
}
.text-white, .text-white * {
    color: white;
}
.btn-cta {
	border-radius: 4px;
	padding: 10px 10px;
	background-color: #000 !important;
}
.icon-center {
	text-align: center;
	font-size: 72px;
}

.form-container {
	padding: 20px;
	background-color: #f8f8f8;
	border-radius: 5px;
	border: 1px solid #ddd;
}
.elementor-heading-title {
	margin-bottom: 20px;
}
.elementor-button {
	width: 100%;
}
.form-group {
	margin-bottom: 15px;
}
.form-group .col-sm-6 {
	padding-left: 10px;
	padding-right: 10px;
}
.row-spaced {
	margin-left: -10px;
	margin-right: -10px;
}

.espaco{
	margin-left: 20px;
}

section.cta {
	background-image: url('../images/cta/background-topo-nova.png');
	background-position: top center;
	min-height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
/* A foto de fundo é clara/acinzentada e não tinha nenhuma camada escura por
 * cima (diferente das outras seções com foto do site), o que apagava o
 * quadrado branco do formulário e o texto. O .container recebe z-index pra
 * ficar por cima do .dark-overlay (mesmo truque usado no cabeçalho das
 * páginas de Contato/Revendas/Cadastro). */
.is-portal .cta > .container {
	position: relative;
	z-index: 1;
}
.is-portal .cta h1,
.is-portal .cta .lead,
.is-portal .cta h5,
.is-portal .cta .control-label {
	color: #fff;
}

.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366; /* Fundo do botão */
    border-radius: 50px; /* Deixa o botão redondo */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Sombra do botão */
    text-align: center;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatsapp-float:hover {
    transform: scale(1.1); /* Aumenta o botão ao passar o mouse */
}

.whatsapp-icon {
    width: 30px; /* Largura do ícone */
    height: 30px; /* Altura do ícone */
}

/* ---------------------------------------------------------------------------
 * Site institucional (autow.com.br) — ajustes leves.
 *
 * O tema base ja alterna secoes claras e escuras; a ideia aqui e so dar um
 * acento de marca, sem trocar a identidade do site. Tudo escopado em
 * .is-portal para nao vazar para o site das revendas clientes, que usam as
 * cores cadastradas por elas.
 * ------------------------------------------------------------------------- */

/* Faixa do hero: degrade do preto para o azul da logo. E o unico bloco
 * totalmente escuro da home — o resto do ritmo claro/escuro fica por conta
 * do tema. */
.is-portal .hero-autow {
	background: linear-gradient(160deg, #000 0%, #001a4d 45%, #0066FF 100%);
	color: #fff;
	padding: 70px 0 60px;
}
.is-portal .hero-autow h1 {
	color: #fff;
	font-weight: 700;
	margin-bottom: 18px;
}
.is-portal .hero-autow p {
	color: rgba(255,255,255,.85);
	font-size: 17px;
	max-width: 620px;
}
.is-portal .hero-autow .btn-cta {
	background: #fff !important;
	color: #0066FF;
	font-weight: 700;
	border: none;
	border-radius: 6px;
	padding: 14px 34px;
	margin-top: 12px;
}
.is-portal .hero-autow .btn-cta:hover {
	background: #f0f4ff !important;
	color: #0052cc;
}
.is-portal .hero-autow-img {
	max-width: 100%;
	height: auto;
}

/* Destaque do "Teste gratis" no menu, para o cadastro ter entrada visivel. */
.is-portal #navigation_bar .nav > li > a.destaque-cadastro {
	color: #fff;
	background: #0066FF;
	border-radius: 4px;
	margin: 8px 0 8px 6px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.is-portal #navigation_bar .nav > li > a.destaque-cadastro:hover,
.is-portal #navigation_bar .nav > li > a.destaque-cadastro:focus {
	background: #0052cc;
	color: #fff;
}

/* Cantos arredondados nos cartoes e campos — o tema nao arredonda nada hoje. */
.is-portal .contact_form,
.is-portal .contact_form .form-control,
.is-portal .contact_form textarea {
	border-radius: 6px;
}

/* Rolagem suave nos links ancora do menu ("Saiba mais" leva para a secao). */
html {
	scroll-behavior: smooth;
}

/* Ícones dos tópicos (Estoque, Site próprio, Vendas...) e dos itens menores
 * de cada seção: do tamanho da fonte do título, à esquerda dele. Título e
 * botão "Saiba mais" centralizados; o texto fica alinhado à esquerda, como
 * era originalmente. */
.is-portal .about_content,
.is-portal .listing_box {
	text-align: left;
}
.is-portal .about_content .btn {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.is-portal .about_content h3,
.is-portal .listing_box h5 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.is-portal .listing_box h5 {
	gap: 8px;
}
.is-portal .about_content h3 i,
.is-portal .listing_box h5 i {
	font-size: 1em;
}

/* "Produto perfeito": fora do hero, sobre fundo claro. Manter dentro da faixa
 * escura dobrava a altura do bloco preto/azul logo na abertura da home. */
.is-portal .produto-perfeito h2 {
	font-weight: 700;
	margin-bottom: 18px;
}
.is-portal .produto-perfeito p {
	max-width: 760px;
	margin: 0 auto;
	font-size: 16px;
	color: #555;
}

/* ---------------------------------------------------------------------------
 * Cadastro trial: formulario longo, entao e agrupado em tres blocos numerados
 * para quem preenche saber onde esta e quanto falta.
 * ------------------------------------------------------------------------- */
.is-portal .contact_form {
	background: #fff;
	border: 1px solid #e6e8ec;
	border-radius: 10px;
	box-shadow: 0 2px 14px rgba(16, 24, 40, .06);
	padding: 28px 30px 24px;
}
.is-portal .grupo-campos {
	border: 0;
	padding: 0;
	margin: 0 0 6px;
}
.is-portal .grupo-campos + .grupo-campos {
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid #eef0f4;
}
.is-portal .grupo-campos legend {
	border: 0;
	margin-bottom: 16px;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	color: #1a1a1a;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.is-portal .grupo-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	border-radius: 50%;
	background: #0066FF;
	color: #fff;
	font-size: 13px;
	line-height: 1;
}
.is-portal .contact_form .control-label {
	font-weight: 600;
	font-size: 13px;
	color: #3a4150;
	margin-bottom: 5px;
}
.is-portal .contact_form .control-label span {
	color: #e5484d;
	margin-left: 2px;
}
.is-portal .contact_form .form-control {
	height: 44px;
	border: 1px solid #d8dce3;
	border-radius: 6px;
	box-shadow: none;
	font-size: 15px;
	padding: 8px 13px;
	transition: border-color .15s, box-shadow .15s;
}
.is-portal .contact_form .form-control:focus {
	border-color: #0066FF;
	box-shadow: 0 0 0 3px rgba(0, 102, 255, .12);
}
.is-portal .contact_form .form-control::placeholder {
	color: #a8afbb;
}
.is-portal .ajuda-campo {
	display: block;
	margin-top: 5px;
	font-size: 12.5px;
	color: #6b7280;
	line-height: 1.4;
}

/* Captcha por conta de somar: a operacao fica colada ao campo, para ler como
 * uma frase so em vez de dois elementos soltos. */
.is-portal .captcha-linha {
	display: flex;
	align-items: center;
	gap: 10px;
}
.is-portal .captcha-conta {
	font-size: 19px;
	font-weight: 700;
	color: #1a1a1a;
	background: #f2f4f7;
	border-radius: 6px;
	padding: 9px 14px;
	white-space: nowrap;
	user-select: none;
}
.is-portal .captcha-linha .form-control {
	max-width: 110px;
}

.is-portal .acao-cadastro {
	margin-top: 24px;
	margin-bottom: 0;
}
.is-portal .btn-criar-conta {
	background: #0066FF;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 14px 30px;
	font-weight: 700;
	font-size: 15px;
	width: 100%;
}
.is-portal .btn-criar-conta:hover,
.is-portal .btn-criar-conta:focus {
	background: #0052cc;
	color: #fff;
}
.is-portal .acao-cadastro .ajuda-campo {
	text-align: center;
	margin-top: 10px;
}

/* Coluna lateral: vira uma lista de beneficios com marcador proprio. */
.is-portal .contact_us .contact_detail ul {
	list-style: none;
	padding-left: 0;
}
.is-portal .contact_us .contact_detail li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 14px;
	color: #3a4150;
}
.is-portal .contact_us .contact_detail li:before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 1px;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #e6f0ff;
	color: #0066FF;
	font-size: 11px;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
}

/* O tema pinta o texto dos campos de #888 — mais claro que o rotulo, o que
 * deixa o que a pessoa digitou parecendo desabilitado. */
.is-portal .contact_form .form-control {
	color: #1a1a1a;
}
/* Bootstrap 3 nao traz .text-success/.text-danger com contraste bom sobre
 * branco; aqui os avisos precisam ser lidos de relance. */
.is-portal .ajuda-campo.text-success { color: #1a7f37; }
.is-portal .ajuda-campo.text-danger  { color: #d1242f; }

/* Filtros da pagina Veiculos (itens.php): o tema desenhava uma caixa
 * cinza com borda colorida de destaque e selects bem arredondados
 * (pilula), destoando da busca do menu, que e lisa e reta. Aqui ficam no
 * mesmo estilo simples: fundo branco, borda fina, cantos discretos. */
.result-sorting-wrapper {
	background: transparent;
	border: 0;
	padding: 10px 0;
}
.sorting-select .form-control {
	background: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	height: 42px;
	font-size: 16px;
	line-height: 40px;
	color: #555555;
}
.sorting-select.select::after {
	top: 50%;
	padding: 0;
	transform: translateY(-50%);
}

/* Veiculos: formulario de filtros enxuto. Uma linha so com os campos mais
 * usados (tipo, marca, modelo, preco) e a ordenacao, todos da mesma
 * largura, e o Buscar. Logo abaixo,
 * discreto, o link "Mais opcoes", que abre a linha com o resto dos campos.
 * No celular cada campo ocupa a linha toda. */
.filtro-veiculos .filtro-linha,
.filtro-veiculos .filtro-rodape {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.filtro-veiculos .filtro-rodape {
	margin-top: 8px;
}
.filtro-veiculos .filtro-extra {
	margin-top: 10px;
}
.filtro-veiculos .filtro-extra[hidden] {
	display: none;
}
.filtro-veiculos .form-group {
	margin: 0;
	flex: 1 1 0;
	min-width: 0;
}
.filtro-veiculos .sorting-select {
	padding-left: 0;
}
.filtro-veiculos .form-control[disabled] {
	background: #f5f5f5;
	cursor: not-allowed;
}
.filtro-veiculos .filtro-botao {
	height: 42px;
	padding: 0 24px;
	border-radius: 4px;
}
.filtro-veiculos .filtro-mais,
.filtro-veiculos .filtro-limpar {
	background: none;
	border: 0;
	padding: 0;
	font-size: 14px;
	color: #555555;
	text-decoration: underline;
}
.filtro-veiculos .filtro-limpar {
	margin-left: auto;
}
@media (max-width: 767px) {
	.filtro-veiculos .form-group,
	.filtro-veiculos .filtro-botao {
		flex: 1 1 100%;
	}
}