/****************************************************/
/* GLOBAL STYLING */
/****************************************************/

:root {
	--color-primary: var(--darkgray);
	--color-secondary: #ffffff;
	--color-alt: #96B414;
	--text-color: var(--darkgray);
	--gray: #a5a5a5;
	--darkgray: #1b1b1b;
	--lightgray: #ededed;
	--px: 1rem;
	--py: 3rem;
	--main-font:   "Roboto", sans-serif;
	--heading-font: "Roboto", sans-serif;
	--main-bg: #ffffff;
	--header-height: 56px;
	--header-type-3-height: 52px;
	--grid-limit: 1340px;
	--box-shadow: 0 0 10px 2px #ccc;
}

body{
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

.h4, .h5, .h6, h4, h5, h6 {
	font-family: var(--main-font);
}


.h1, .h2, .h3, h1, h2, h3, .h4, h4{
	font-weight: 900;
	margin-bottom: 1rem;
	display: block;
}
section{
	overflow: hidden;
}

.rounded{
	border-radius: 0;
}

section.bg-primary.title-section{
}

.title, .heading-font {
}
@scope (.post-template-landing-tipo-1) {
	@media (min-width: 992px) {
			#main .form-content {
			background-color: #ffffff;
		}
	}
}

button, .button, [type="submit"], a.button, .has-buttons a {padding-inline: 3rem;}
button:hover, .button:hover, [type="submit"]:hover, a.button:hover, .has-buttons a:hover,
#footer .form-content input[type="submit"]:hover,
#main .form-content input[type="submit"]:hover,
.button.text-white:hover{
	background-color: var(--color-alt) !important;
	border-color: var(--color-alt) !important;
	transition: all .3s;
	color: #ffffff !important;
}

.button.bg-primary {color: #ffffff !important;}

@media (min-width: 992px){
	html{
	}
	:root {
		--header-height: 145px;
	}

	h1, .h1 {
		font-size: 5rem;
	}
	h2, .h2 {
		font-size: 2.3rem;
		line-height: 1.1;
	}
}

/****************************************************/
/* HERO SECTION  */
/****************************************************/

.hero-section .content > *{color: #ffffff;}

/*
.hero-section .content:after{
}
*/

.hero-section.animated-hero .thumb{
}

/****************************************************/
/* BLOCKS */
/****************************************************/

.image-banners{
}
.image-banners .banner{
}

.image-text-block{
}

.image-text-block .content{
}
.image-text-block .button{
}

.img-wrap img{
}

.image-banner{}
.image-banner h1:after,
.image-banner .h1:after{
	display: none !important;
}
.image-banner .h1,
.image-banner h1{
	margin-bottom: 2rem;
}
.image-banner .h2,
.image-banner h2,
.image-banner .h3,
.image-banner h3,
.image-banner .h4,
.image-banner h4{
	margin-bottom: 2rem !important;
	display: block;
}

.image-banners .content [class*="h"]:not(h1):not(.h1){
	font-weight: 900;
}

.image-banners .content a,
.image-banners .content a.button {
	background-color: transparent;
	border: 2px solid;
	border-color: #ffffff !important;
	color: #ffffff !important;
}

.image-banners .content a:hover{
}


.splide__slide .image-banner img{
	width: auto;
}


.image-banner hr,
.hero-vehicle hr{
	display: block;
	max-width: 250px;
	height: 2px;
	background-color: #ffffff;
	border: none;
	margin-inline: auto;
}

@media (min-width: 992px){
	
	.image-banners{}
	.image-banners .content {
		padding-bottom: 4rem;
		max-width: 100%;
		font-size: 1.2rem;
		}
	.image-banner{}
	.image-banner h1:after,
	.image-banner .h1:after{
		display: none !important;
	}
	.image-banner .h1,
	.image-banner h1{
		font-size: 5.4rem;
		line-height: 1;
		margin-bottom: 3rem;
	}
	
	.image-banner h1 .h2{
		font-size: 4rem;
	}
	.image-banner .h3,
	.image-banner h3,
	.image-banner .h4,
	.image-banner h4{
		margin-bottom: 2rem !important;
		display: block;
		font-size: 1.5rem;
	}
	.image-banner .button{}

		
	.image-banner .h1 .xpeng{
		padding-left: 1.6rem;
		background-size: 2rem;
		position: relative;
		left: -1.6rem;
		padding-top: 0.8rem;
	}
}

#vehicles-carousel{
}

.vehicles-grid li a{}
.vehicles-grid li a .title,
#vehicles-carousel li a .title{
}
.vehicles-grid li a .title small,
#vehicles-carousel li a .title small{
}
.vehicles-grid li a .button,
#vehicles-carousel li a .button{margin-block: 1rem;}

.vehicles-grid li a img.icon,
#vehicles-carousel a img.icon{
}

#vehicles-carousel-list > li a,
.vehicles-grid > li a{text-align: center;display: flex;flex-direction: column;align-items: center;}

#vehicles-carousel-list > li a .vehicle-title, .vehicles-grid > li a .vehicle-title, .vehicles-grid li:not(:has(.button)) .vehicle-title{font-size: 1.6rem;position: static;opacity: 1;visibility: visible;transform: none;text-transform: none;}
#vehicles-carousel-list > li a .vehicle-text,
.vehicles-grid > li a .vehicle-text{
}

#vehicles-carousel.splide .splide__arrow svg{
}

.splide .splide__pagination{
	bottom: 0;
}


.text-image-content{
	display: flex;
	flex-direction: column;
	padding: 2rem;
	gap: 1rem
}

@media (min-width: 992px){
	.concesionarios.type2 {
	}
}

.banners.type4{}
.banners.type4 .banner-title{}
.banners.type4 .banner-title {
}
.banners.type4 .text {
}
.banners.type4 > *{
}


.banners.type4 .button{
	filter: invert(1);
}
.banners.type4 > *{
	aspect-ratio: 16/9;
}

@media (min-width: 992px){
	
.banners.type4 > *{
	aspect-ratio: 16/9;
}
}

/****************************************************/
/* HOME */
/****************************************************/




#home-filters{
	margin-block: 2rem;
	padding-bottom: 1rem;
}

#home-filters .title{
	padding-top: 2rem;
}

#home-filters .search-filter-field--width-100 .search-filter-field__input,
#home-filters .search-filter-field--width-100 .search-filter-label,
#home-filters .search-filter-field--width-100 .search-filter-description {
	background-color: #000000;
	border: none;
	border-radius: 4px;
}

#home-filters .search-filter-label{
	text-transform: none;
	font-weight: 500;
}
#home-filters .search-filter-component-range-slider{
	color: var(--color-primary);
}

#home-filters .search-filter-field--width-100 .search-filter-field__input,
#home-filters .search-filter-field--width-100 .search-filter-label,
#home-filters .search-filter-field--width-100 .search-filter-description{
	border-radius: 2rem;
}

#home-filters  .search-filter-component-combobox__actions-input::placeholder{
	color: #ffffff;
}

#home-filters  .search-filter-component-combobox__selection span,
.search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg{
	color: #fff;
	fill: #fff;
}
body .search-filter-component-range-slider__range-input-progress{
	--range-color: var(--color-alt);
}

body .search-filter-component-combobox__selection span{
}
body .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input{
}
body .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input,
body .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input::placeholder{
	color: var(--color-primary);
}

body .search-filter-style--control-submit .search-filter-input-button.search-filter-field__input,
body .search-filter-style--control-submit .search-filter-input-button.search-filter-field__input:hover, #custom-submit{background-color: #000000;}

body .search-filter-style--control-submit .search-filter-input-button.search-filter-field__input:hover{
	opacity: .8;
}

body .search-filter-style--control-reset .search-filter-input-button.search-filter-field__input{
	-webkit-appearance: none;
	text-decoration: underline;
	padding: 0 1rem;
	border: none;
	font-size: .9rem;
}

body .search-filter-component-combobox-base__listbox-option{
	font-size: 1rem;}
body .search-filter-component-combobox-base__listbox-option--selected{
	background-color: var(--color-primary);
}

@media (min-width: 992px){
	.has-decorated-titles h1 + h2, .has-decorated-titles .h1 + .h2{
	}
		
	#home-filters{
	margin: 0;
	}

	#custom-submit{
	}
}

/****************************************************/
/* ARCHIVE VEHICLE */
/****************************************************/

#filter-section {
}

.item-vehicle {
}

.vehicle-title{
}

.item-vehicle .title  {
}
.item-vehicle .title  .desc {
}
.item-vehicle .button-contado{
}
.item-vehicle .button-financiacion{
}

.item-vehicle .tag{
}

@media (min-width: 992px){
}

/****************************************************/
/* BLOG */
/****************************************************/

.item-post .content .title{
}
.item-post .content .excerpt{
}

/****************************************************/
/* GRAVITY FORMS */
/****************************************************/

#main .form-content input[type="submit"]{
}

@media (min-width: 992px){
}

/****************************************************/
/* HEADER & FOOTER */
/****************************************************/

#responsive-menu ul.menu>li.current-menu-item>a, #responsive-menu ul.menu>li.menu-item-has-children.current-menu-ancestor>a, #responsive-menu ul.menu>li.menu-item-has-children.current-menu-ancestor:hover>a{
	color: var(--color-alt);
}

#head{padding: 0;}

#head .actions  svg{
}
#head .actions a.action-favoritos svg{
}
#head .actions a.action-favoritos svg *{
}

#footer {
	margin: 0;
	background-color: var(--color-primary);
	color: var(--color-secondary);
}
#footer *:not(input[type="submit"]) {color: var(--color-secondary) !important;}

#footer hr{
	height: 1px;
	background-color: var(--color-secondary);
	border: none;
}

#footer a.logo{width: 100%;display: block;margin: auto;color: #fff !important;}
#footer a.logo svg,
#footer a.logo img{
	display: block;
	width: 100%;
	max-width: 200px;
	margin-inline: auto;
}

ul.main-menu>li>ul{
}
ul.main-menu>li>ul > li a {
}
ul.main-menu > li > a {text-transform: uppercase;font-weight: normal;}

ul.main-menu > li.menu-item-has-children > a:after {
}

ul.main-menu > li.current-menu-item > a{font-weight: bold;color: var(--color-alt);}

#head .logo{
	display: block;
	width: 70px;
	padding-block: 0;
	padding-right: 1rem;
	position: relative;
}
#head .logo svg{
	display: block;
}



@media (min-width: 992px){
	#head .logo	{width: 160px;padding-block: 0;}
	#head .logo svg{
	display: block;
	width: 100%;
	object-fit: cover;
	}

}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
}


@media (min-width: 1330px){
	html{
	}	
	ul.main-menu{
	}
	ul.main-menu > li > a {
	}
}

.main-features svg,
.medidas svg,
.medidas .vehicle-measures svg{
}


/****************************************************/
/* PRESENTATION */
/****************************************************/


.presentation{}
.presentation .title{}
.presentation .subtitle{}


@media (min-width: 992px){
	
	.presentation{}
	.presentation .title{}
	.presentation .subtitle{
		max-width: 1100px;
		margin-inline: auto;
		margin-bottom: 30px;
	}
}

/****************************************************/
/* PAGE SIMPLE VEHICLE */
/****************************************************/

.hero-vehicle{}
.hero-vehicle a.button:not(:hover){
	background-color: #ffffff !important;
	color: #000000 !important;
}

.page-template-page-vehicle section{
	scroll-margin-top: calc(var(--header-height) + 50px);
}


@media (max-width: 991px){
	
	.page-template-page-vehicle .image-banners .content{
		padding-block: 3rem 1rem;
	}
	
	.page-template-page-vehicle .image-banners:has(.content) .thumb {
		min-height: none;
	}
}

ul.line-list{
	flex-wrap: wrap;
	padding: 0;
	list-style: none;
	gap: 10%
}

ul.line-list li{
	border-bottom: 1px solid;
	padding-block: 1rem;
}


.hero-vehicle-features{
	position: static;
}
.hero-vehicle-features ul li{
	text-align: center;
	padding: 0.4rem 0.3rem;
}
.hero-vehicle-features ul li label{
	font-family: var(--heading-font);
}
.hero-vehicle-features ul li .text{font-size: 1.9rem;}


.page-template-page-vehicle .tab-content img{
	display: block;
	aspect-ratio: 2;
	object-fit: cover;
}

@media (min-width: 992px){
	
	
	.hero-vehicle .content h1{
	}
	.hero-vehicle .content p{
	}
		
	.hero-vehicle-features ul li label{
	}
}
.text-image-content p{
	font-size: 1.2rem;
}


.custom-tabs .normal-tabs > li{background: none;color: #ffffff;font-weight: 400;}
.custom-tabs .normal-tabs > li.active{color: var(--color-primary);background-color: #ffffff;align-items: center;}
.custom-tabs .tab-content .content{
	column-count: 1;
	display: inline-flex;
	flex-wrap: wrap;
}
.custom-tabs .tab-content .content > *{
	width: 50%;
}



@media (max-width: 991px){
	.custom-tabs .normal-tabs {
		gap: 0 !important;
	}
	.custom-tabs .normal-tabs > li {
		font-size: 0.6rem;
	}
}

@media (min-width: 992px){

	.custom-tabs .tab-content .thumb{
		min-width: 75%;
		margin: auto;
	}
			
	ul.line-list{
		display: flex;
	}
	ul.line-list li{
		width: 45%;
	}
}