.elementor-257 .elementor-element.elementor-element-d558d72{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-09ca970 */.suffix {
	margin-top: 10px !important;
}

/*.dpdsh-storefront {
  display: flex;
  align-items: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  justify-content: space-between;
}
*/

.dpdsh-storefront {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  justify-content: space-around;
	
	/*display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;*/
}


/* Página favoritos */
.page-id-6082 .dpdsh-storefront {
  justify-content: start;
}



/*
.dpdsh-storefront {
	display: flex;
    flex-wrap: wrap;
}
*/

@media (max-width: 767px) {
	.dpdsh-storefront {
  		flex-direction: column;
  	}
}

.dpdsh-storefront__vehicle {
    width: 24%;
    margin-bottom: 30px;  	
	border-radius: 20px;
    box-shadow: 0 2px 24px rgba(0,0,0,.1)!important;
    padding: 15px 0;
	margin: 20px 0;

	    
	/*width: 22%;
    margin-bottom: 30px;
	
	border-radius: 20px;
    box-shadow: 0 2px 24px rgba(0,0,0,.1)!important;
    padding: 10px 0;
	margin: 12px 17px;*/
}

/* Página favoritos */
.page-id-6082 .dpdsh-storefront__vehicle {
    margin-right: 10px;
}


@media (max-width: 1300px) {
	.dpdsh-storefront__vehicle {
		width: 32%;
  	}
}

@media (max-width: 992px) {
	.dpdsh-storefront__vehicle {
  		width: 47%;	
		margin: 20px 10px;
  	}
}

@media (max-width: 768px) {
	.dpdsh-storefront__vehicle {
  		width: 100%;
		padding: 0 0;
		margin: 20px 0px;
  	}
}

.dpdsh-storefront__vehicle-image {
  overflow: hidden;
  position: relative;
  padding: 0 10px;

}

.dpdsh-storefront__vehicle img {
	width: 100%;

}

.dpdsh-storefront__vehicle-image a {
	position: relative;
}

.dpdsh-storefront__vehicle-block-0{
	align-items: center;
}

/*
.dpdsh-grid__vehicle-block-1-span {
	padding: 1px 10px;  
}
*/

/* Para el h2 añadido al nombre del vehiculo (marca y modelo) */
.dpdsh-storefront__vehicle-block-0-h2 {
    
/* Para añadir puntos suspensivos y evitar segunda linea */
  
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
  
}

.dpdsh-storefront__vehicle-block-0-span-brand {
  	font-size: 20px;
  	align-items: center;
  	font-weight: bold;
}

.dpdsh-storefront__vehicle-block-0-span-model{
  	font-size: 20px;
  	color:#000000;
  	align-items: center;
  	font-weight: bold;   
}


@media (max-width: 480px) {    
  .dpdsh-storefront__vehicle-block-0-span-brand, .dpdsh-storefront__vehicle-block-0-span-model{
      font-size: 18px;
  }  
}


.dpdsh-storefront__vehicle-block-0-span-model{
	margin-left:3px;
}

.dpdsh-storefront__vehicle-block-0-span {
	/* Para añadir puntos suspensivos y evitar segunda linea */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	padding: 0 10px;
  
}

.dpdsh-storefront__vehicle-block-0-span-version {
  	font-size: 17px;
  	color:#000000;
    line-height: 20px;
    min-height: 20px;
    max-height: 20px; 
	
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
}


.dpdsh-storefront__vehicle-block-0-span-motor {
	font-size: 17px;
    color: #000000;
    text-align: left;
    border-right: 1px solid #707070;
    margin-right: 5px;
    padding-right: 5px;
    line-height: 20px;
    min-height: 20px;
    max-height: 20px;  
	
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
} 



.dpdsh-storefront__vehicle-block-0 .dpdsh-storefront__vehicle-block-0-span {
  	display:flex;
    align-items: center;
  	justify-content:center
}

.dpdsh-storefront__vehicle-block-0 .dpdsh-storefront__vehicle-block-0-span:first-of-type {
    margin-bottom: 5px;
	margin-top: 10px;
}


.dpdsh-storefront__vehicle-block-0-span-fuel,
.dpdsh-storefront__vehicle-block-0-span-manufacturingDate,
.dpdsh-storefront__vehicle-block-0-span-mileage,
.dpdsh-storefront__vehicle-block-0-span-powerCv,
.dpdsh-storefront__vehicle-block-0-span-gearboxName {
  	margin: 10px 0;
  	padding: 0 6px;
  	line-height:1;
  	border-left:1px solid;
    color: #777777;
    font-size: 12px;

}

.dpdsh-storefront__vehicle-block-0-span-manufacturingDate{
	border:none;
}


.dpdsh-storefront__vehicle-block-0-span-fuel {	
    /* Para añadir puntos suspensivos y evitar segunda linea */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
   text-overflow: ellipsis;
}


.dpdsh-storefront__vehicle-block-2-span-mileage-suffix,
.dpdsh-storefront__vehicle-block-2-span-powerCv-suffix{
	padding-left: 2px;
}

.dpdsh-storefront__vehicle-block-2-span-gearboxName {
	text-transform: capitalize;
}

@media (max-width: 480px) {
	.dpdsh-storefront__vehicle-block-0-span-fuel,
	.dpdsh-storefront__vehicle-block-0-span-manufacturingDate,
	.dpdsh-storefront__vehicle-block-0-span-mileage,
	.dpdsh-storefront__vehicle-block-0-span-powerCv,
	.dpdsh-storefront__vehicle-block-0-span-gearboxName{
		  margin: 10px 0;
		  padding: 0 4px;
		  line-height:1;
		  font-size: 12px;
    }
}

.dpdsh-storefront__vehicle-reserved {
	position: absolute;
    top: 25%;
    left: 25%;
    right: 0;
    z-index: 10;
    width: 50% !important;
}


.dpdsh-storefront__vehicle-block-1 {
	padding-left: 6px;
	padding-right: 6px;
} 


/* Titulo Contado */

.dpdsh-storefront__vehicle-block-1-span-price-prefix{
	width: 100%!important;
    display: block;
    font-weight: 500;
    font-size: 12px;  
}

.dpdsh-storefront__vehicle-block-1-span-price {
    width: 100%;
    text-align: center;
    padding: 5px 6px;
    color: #000;
    font-size: 12px;
  	margin-right: 4px;	
}


@media (max-width: 1024px) {    
  .dpdsh-storefront__vehicle-block-1-span-price-prefix {
      font-size: 14px;
  }  
}

@media (max-width: 1024px) {    
  .dpdsh-storefront__vehicle-block-1-span-price{
      font-size: 16px;
  }  
}


@media (max-width: 992px) {    
  .dpdsh-storefront__vehicle-block-1-span-price-prefix, .dpdsh-storefront__vehicle-block-1-span-price {
      font-size: 14px;
	  min-height: 0;
  }  
}

@media (max-width: 480px) {    
  .dpdsh-storefront__vehicle-block-1-span-price-prefix {
      font-size: 12px;
  }  
}

/* Titulo Financiado */
.dpdsh-storefront__vehicle-block-1-span-financedPrice-prefix {
    width: 100%!important;
    display: block;
    font-weight: 700;
}



.dpdsh-storefront__vehicle-block-1 .dpdsh-storefront__vehicle-block-1-span-financedPrice {
 	font-weight: 700;  
    width: 100%;
    text-align: center;
    padding: 5px 6px;
    font-size: 12px;
}


@media (max-width: 1024px) {    
  .dpdsh-storefront__vehicle-block-1-span-financedPrice-prefix{
      font-size: 14px;
  }  
}

@media (max-width: 1024px) {    
  .dpdsh-storefront__vehicle-block-1 .dpdsh-storefront__vehicle-block-1-span-financedPrice{
      font-size: 16px;
  }  
}

@media (max-width: 992px) {    
  .dpdsh-storefront__vehicle-block-1-span-financedPrice-prefix, .dpdsh-storefront__vehicle-block-1 .dpdsh-storefront__vehicle-block-1-span-financedPrice{
      font-size: 14px;
	  min-height: 0;
  }  
}

@media (max-width: 480px) {    
  .dpdsh-storefront__vehicle-block-1-span-financedPrice-prefix {
      font-size: 12px;
  }  
}

/* Titulo Cuota */
.dpdsh-storefront__vehicle-block-1-span-monthlyFee-prefix {
    width: 100%!important;
    display: block;
    font-weight: 700;
}


.dpdsh-storefront__vehicle-block-1 .dpdsh-storefront__vehicle-block-1-span-monthlyFee {
 	font-weight: 700;  
    background: #bb0a30;
    width: 100%;
    text-align: center;
    padding: 5px 2px;
    color: #fff;
    font-size: 12px;
	/*min-height: 60px;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;*/
	
	display: none;
}



@media (max-width: 1024px) {    
  .dpdsh-storefront__vehicle-block-1-span-monthlyFee-prefix{
      font-size: 14px;
  }  
}

@media (max-width: 1024px) {    
  .dpdsh-storefront__vehicle-block-1 .dpdsh-storefront__vehicle-block-1-span-monthlyFee{
      font-size: 16px;
  }  
}

@media (max-width: 992px) {    
  .dpdsh-storefront__vehicle-block-1-span-monthlyFee-prefix, .dpdsh-storefront__vehicle-block-1 .dpdsh-storefront__vehicle-block-1-span-monthlyFee{
      font-size: 14px;
	  min-height: 0;
  }  
}

@media (max-width: 480px) {    
  .dpdsh-storefront__vehicle-block-1-span-monthlyFee-prefix {
      font-size: 12px;
  }  
}


.dpdsh-storefront__vehicle-block-1 .dpdsh-storefront__vehicle-block-1-span {
  	display: flex;
  	align-items: center;
  	/*justify-content: space-around;*/
    justify-content: right;
	margin-top: 6px;
	
}


.dpdsh-storefront__vehicle-link {
	color: #df0211;
  	text-transform: uppercase;
  	font-weight: 400;
  	border: solid 2px #df0211;
  	padding: 8px 16px;
  	margin-top: 24px;
  	display: inline-block;
}

@media (max-width: 1200px) {
	.dpdsh-storefront__vehicle-link {
  		font-size: 12px;
  	}
}

/* imagenes listado de vehiculo */
.dpdsh-storefront__vehicle a img {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.dpdsh-storefront__vehicle a:hover img {
transform: scale(1.1);
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/* hover effect */
.dpdsh-storefront__vehicle-image a {
  display:block;
}

.dpdsh-storefront-hover-effect,.dpdsh-storefront-hover-effect:before {
  position: absolute;
  top: 0;
  left: 0;
}

.dpdsh-storefront-hover-effect {
  width: 110%;
  height: 150%;
  z-index:9;
}

.dpdsh-storefront-hover-effect:before{
 content: "";
 width: 100%;
 height: 100%;
 background: hsla(0,0%,100%,.5);
 transition: transform .6s;
 transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(0,-100%,0);
}

.dpdsh-storefront-hover-effect:hover:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(0,100%,0)
}

.dpdsh-storefront__vehicle-tag-0 {
    position: absolute;
    right: 21px;
    top: 15px;
    width: 100px;
    height: 25px;
    line-height: 25px;
    color: #fff !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
	background: #bb0a30;
    z-index: 9;  

}


.dpdsh-storefront__vehicle-tag-1 {	
    position: absolute;
    right: -58px;
    padding: 0 55px;
    bottom: 30px;
    width: 200px;
    height: 26px;
    line-height: 26px;
    transform: rotate(-45deg);
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #000;
    z-index: 9999;
	
	/*border: 2px solid #14a65b;*/
	
	display: none;
}

/* paginacion */

.dpdsh-storefront-pagination {
    margin-top: 50px;
    text-align: center;
}

.dpdsh-storefront-pagination span {
    background: #bb0a30;
    padding: 12px 18px;
    color: #ffffff;
}

.dpdsh-storefront-pagination a {
    padding: 12px 18px;
    color: #000000;
    border: 1px solid #C1C1C1;
	line-height: 3.5;
	font-weight: 500;
}

.dpdsh-storefront-pagination a:hover {
    background: #bb0a30;
    color: #fff;
}

/* Paginacion en moviles */

@media (max-width: 480px) {
  
	a.next.page-numbers {
    	display: none;
	}
	
	a.prev.page-numbers {
		display: none;
	}

}




/**** SWIPER EN STOREFRONT ****/


@media (min-width: 1600px){
	.dpdsh-storefront__vehicle-image .swiper-container {
		height: 253px;
	}
}

@media (min-width:1301px) and (max-width: 1599px){
	.dpdsh-storefront__vehicle-image .swiper-container {
		height: 16vw;
	}
}

@media (min-width:1201px) and (max-width: 1300px){
	.dpdsh-storefront__vehicle-image .swiper-container {
		height: 23vw;
	}
}


@media (min-width:992px) and (max-width: 1200px){
	.dpdsh-storefront__vehicle-image .swiper-container {
		height: 22vw;
	}
}


@media (min-width:769px) and (max-width: 991px){
	.dpdsh-storefront__vehicle-image .swiper-container {
		height: 50vw;
	}
}

@media (min-width:550px) and (max-width: 768px){
	.dpdsh-storefront__vehicle-image .swiper-container {
		height: 68vw;
	}
}

@media (max-width: 549px){
	.dpdsh-storefront__vehicle-image .swiper-container {
		height: 63vw;
	}
}/* End custom CSS */