/*!
 * 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                              */
/*  12. Responsive                                            */
/*                                                            */

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

#promociones_vehiculos .promocion-modelo {
  text-align:center;
  background: white;
}

#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:focus, 
#promociones_vehiculos .slick-prev.slick-arrow:focus,
#promociones_vehiculos .slick-next.slick-arrow, 
#promociones_vehiculos .slick-prev.slick-arrow {
  color: #fff;
  border:none;
  font-size: 0;
  font-weight: 800;
  line-height: 80%;
  overflow: hidden;
  width: 34px;
  height: 28px;
  background-image: none !important;
  outline: none;
  padding: 0!important;
  position: absolute;
  top: 40%; 
  z-index: 10;
  display: block;  
}

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

#promociones_vehiculos .slick-next.slick-arrow {
  right: -2.5rem;
  transform: rotate(180deg);  
}

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

#promociones_vehiculos .slick-next:before {
  /*content: '>';*/
  content: ' ';
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23dbdbdd" d="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"></path></svg>');
}

#promociones_vehiculos .slick-prev:before {
  /*content: '<';*/
  content: ' ';
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23dbdbdd" d="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"></path></svg>') !important;
}

#promociones_vehiculos .slick-next:before, 
#promociones_vehiculos .slick-prev:before {
  font-size: 36px;
  line-height: 1;
  opacity: 1;
  font-weight: 400;
  color: #ccc;
  position: relative;
  top: -7px;
  left: -6px;
  border: 10px solid white;
  width: 40px;
  height: 45px;
  display: flex;
}

#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 {
    min-height: 38px;
    text-align: initial;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 15px;
    text-transform: uppercase;
    text-align: center;
}


/* 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;
          line-clamp: 1;
  -webkit-box-orient: vertical;    
  */
  padding-top: 5px;
  min-height: 143px;  
}

.promocion-modelo--caracteristica ul {
  text-align: initial;
  font-size: .65rem;
  margin: 0 0 0 36px;
  list-style: none;
}

.promocion-modelo--caracteristica li {
  padding-bottom: 4px;
  position: relative;
  padding-right:30px;
}

.promocion-modelo--caracteristica li::before {
  content: "\2022";
  color: #00a3e0;
  font-size: 21px;
  position: absolute;
  top: -12px;
  left: -18px;
}


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

.promocion-modelo--precio small {
  display: block;
  margin:10px 0px 7px;
}

.promocion-modelo--precio strong {
  background: #000;
  color: #fff;
  line-height: 100%;
  padding: 5px 10px;
  display: inline-block;
  font-size:1.1em;
}


/* 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 {  
    font-size:14px;  
    margin: 1.2rem .6rem;
    /*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%;
  text-overflow: ellipsis;
  display:list-item;
  -webkit-line-clamp: 2; 
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0px 0px 0px 0px;
}
*/

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



/* 10. promocion-modelo--boton 
--------------------------------------------------------------*/
.promocion-modelo--boton a {
  background-color: #00a3e0;
  color: white;
  padding: 6px 10px;
  font-size: .75rem;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  margin: 10px auto;
  width: 80%;
  display: block;
  justify-content: center;
}


/* 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;
}

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


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

@media (max-width: 600px) {
  #promociones_vehiculos .slick-next.slick-arrow {
    right: -2rem;
  }
  #promociones_vehiculos .slick-prev:before,
  #promociones_vehiculos .slick-next:before {
      top: -10px !important;
      height: 35px !important;
      border: 10px solid transparent !important;
  }
  #promociones_vehiculos .slick-prev,
  #promociones_vehiculos .slick-next {
    height: 24px !important;
  }
}