/*!
 * Base Bootstrap 
 * Componente Nombre: PROMOCIONES VEHICULOS
 * Autor: DIVIT
 * Copyright: DIVIT
 */
 
 /*  PROMOCIONES - INDICE  */

/*  00. general - #promociones_vehiculos                      */
/*  01. promocion-modelo--contenedor                          */
/*  02. promocion-modelo--image                               */
/*  03. promocion-modelo--title                               */
/*  04. promocion-modelo--caracteristica                      */
/*  05. promocion-modelo--precio                              */
/*  06. promocion-modelo--chasisExclusivo                     */
/*  07. promocion-modelo--entregaInmediata                    */
/*  08. promocion-modelo--destacado                           */
/*  09. promocion-modelo--personasInteresadas                 */
/*  10. promocion-modelo--boton                               */
/*  11. modal-promocion-reservar                              */
/*                                                            */

/* 00. General  
--------------------------------------------------------------*/
#promociones_vehiculos .main-promociones {
  margin-top:45px;
}

#promociones_vehiculos .promocion-modelo {
  text-align:center;
  background: white;
  border: 1px solid;
}

#promociones_vehiculos .no-carousel .promocion-modelo {
  width: 26%;
}

#promociones_vehiculos .no-carousel {
  display: flex;
  justify-content: center;
  align-items: start;
}

#promociones_vehiculos .no-carousel:first-child {
  margin-left:0px;
}

#promociones_vehiculos .no-carousel:last-child {
  margin-right:0px;
}

#promociones_vehiculos .slick-next.slick-arrow, 
#promociones_vehiculos .slick-prev.slick-arrow {
  padding: 0!important;
  font-size: 0;
  color: white;
  background: #000;
  display: block;
  line-height: 100%;
  padding: 10px !important;
  overflow: hidden;
  position: absolute;
  top: 40%;
  cursor: pointer;
  width: 25px;
  height: 25px;
  z-index: 10;
}

#promociones_vehiculos .slick-prev.slick-arrow {
  left:-4rem;
}

#promociones_vehiculos .slick-next.slick-arrow {
  right: -2rem;
}

#promociones_vehiculos .slick-arrow:before {
  font-size: 30px;
}

#promociones_vehiculos .slick-next:before {
  content: '>';
}

#promociones_vehiculos .slick-prev:before {
  content: '<';
}

#promociones_vehiculos .slick-next:before, 
#promociones_vehiculos .slick-prev:before {
  font-size: 24px;
  line-height: 1;
  opacity: 1;
  font-weight: bold;
  color: #fff;
  position: relative;
  top: -14px;
  left: -8px;
}

#promociones_vehiculos .slick-slide {
  height: auto;
}

/* 01. promocion-modelo--contenedor
--------------------------------------------------------------*/



/* 02. promocion-modelo--image
--------------------------------------------------------------*/
.promocion-modelo--image {
  height:141px;
  width:auto;
}

.promocion-modelo--image img {
    margin: auto;
    width: 208px !important;
    object-fit: cover;
    height: 8rem;
}

/* 03. promocion-modelo--title
--------------------------------------------------------------*/
.promocion-modelo--title {
    font-size: 15px;
    min-height: 38px;
    text-align: initial;
    padding-left: 1rem; 
}


/* 04. promocion-modelo--caracteristica
--------------------------------------------------------------*/
.promocion-modelo--caracteristica {
  font-size:13px;
  text-transform: uppercase;
  font-weight: bolder;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
          line-clamp: 1;
  -webkit-box-orient: vertical;    
}


/* 05. promocion-modelo--precio
--------------------------------------------------------------*/
.promocion-modelo--precio {
  font-size:15px;
  text-transform: uppercase;
  font-weight: bolder;
  margin-bottom:10px;
  line-height: 100%;
}


/* 06. promocion-modelo--chasisExclusivo
--------------------------------------------------------------*/
.promocion-modelo--chasisExclusivo {
  font-size:14px;
  text-transform: uppercase;
  font-weight: bold;
  margin:0px 0px 21px;
}


/* 07. promocion-modelo--entregaInmediata
--------------------------------------------------------------*/
.promocion-modelo--entregaInmediata {
  background:black;
  border-radius: 5px;
  font-size:12px;
  display: inline-flex;
  margin:0px auto 20px;
  text-transform: uppercase;
  justify-content: center;
  font-weight: bold;
  white-space: nowrap;  
  width:75%;
}

.promocion-modelo--entregaInmediata span {
  color:white;
}


/* 08. promocion-modelo--destacado 
--------------------------------------------------------------*/
.promocion-modelo--destacado {  
    margin: 1rem;
    background: #f9f9ef;
    padding: 1rem;
}

.promocion-modelo--destacado ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 20px;
  min-height: 80px;
}

.promocion-modelo--destacado ul li {
  text-align:left;
  line-height: 100%;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
  display:list-item;
  /*display: -webkit-box;*/
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  /*list-style-position: inside;*/
  padding: 0px 0px 0px 0px;
}

/* 09. promocion-modelo--personasInteresadas
--------------------------------------------------------------*/



/* 10. promocion-modelo--boton 
--------------------------------------------------------------*/
.promocion-modelo--boton a {
  background-color: #ad936b;
  color: white;
  padding: 6px 10px;
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  margin: 10px auto;
  width: 90%;
  display: block;
}


/* 11. modal-promocion-reservar
--------------------------------------------------------------*/
.modal-promocion-reservar label, 
.modal-promocion-reservar textarea,
.modal-promocion-reservar input {
  width:100%;
}

.modal-promocion-reservar .buttonSubmit {
  text-align:right;
}
.modal-promocion-reservar .buttonSubmit p {
  margin:0px;
}

.modal-promocion-reservar .buttonSubmit .wpcf7-spinner {
  display: block;
}


@media (min-width: 576px) {
.modal-promocion-reservar .modal-dialog {
    max-width: 350px;
  }
}

.modal-promocion-reservar .buttonSubmit input {
  background:black;
  color:white;
  width:auto;
  border: 1px solid #aaa;
  cursor: pointer;
  display: inline-flex;
  padding:10px 20px;
}

.modal-promocion-reservar ::-webkit-input-placeholder,
.modal-promocion-reservar :-ms-input-placeholder,
.modal-promocion-reservar ::placeholder,
.modal-promocion-reservar ::-webkit-input-placeholder { 
  color: #000 !important;
  opacity: 1 !important;
}


.modal-promocion-reservar input[type="text"]::-webkit-input-placeholder, 
.modal-promocion-reservar input[type="email"]::-webkit-input-placeholder, 
.modal-promocion-reservar select::-webkit-input-placeholder, 
.modal-promocion-reservar textarea::-webkit-input-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}

.modal-promocion-reservar input[type="text"]:-moz-placeholder, 
.modal-promocion-reservar input[type="email"]:-moz-placeholder, 
.modal-promocion-reservar select:-moz-placeholder, 
.modal-promocion-reservar textarea:-moz-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}

.modal-promocion-reservar input[type="text"]::-moz-placeholder, 
.modal-promocion-reservar input[type="email"]::-moz-placeholder, 
.modal-promocion-reservar select::-moz-placeholder, 
.modal-promocion-reservar textarea::-moz-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}

.modal-promocion-reservar input[type="text"]:-ms-input-placeholder, 
.modal-promocion-reservar input[type="email"]:-ms-input-placeholder, 
.modal-promocion-reservar select:-ms-input-placeholder, 
.modal-promocion-reservar textarea:-ms-input-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}

 /* the slides */
#promociones_vehiculos .slick-slide {
    margin: 0 26px;
}

/* the parent */
#promociones_vehiculos .slick-list {
    margin: 0 -27px;
    height: auto !important;
}

#promociones_vehiculos .slick-list.draggable {
  padding: 1rem !important;
}

/*  Fin - Responsive */
/* --------------------------------------------------------------*/