@import "estilos.css";

.banner-marca-full{
    position: relative;
    align-items: top;
    
}
.modelo-info-content{background-color: #ffffff; position: absolute; bottom: 0; width: 100%; height: 155px;}
.modelo-info ul{display: flex;}
.modelo-info ul li{display: inline-block;}

.texto-banner{position: absolute; color: #ffffff; width: 100%; padding-top: 13rem;}
.texto-banner h1, h3{color: #ffffff;}
.texto-banner h1{margin-bottom: 10px; font-size: 4rem; text-transform: uppercase;}
.texto-banner span{display: block; font-size: 1.8rem; text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);}
.texto-banner h3{font-size: 2.3rem; }

/* menu modelos */

.menu-modelos-contenido{
    position: absolute;
    top: 100px;
    z-index: 10;
    width: 100%;
    display: none;
    background-color: rgba(0,0,0,.75);
}

.modelo-texto{margin-top: 15px;}
.modelo-texto span{color: #ffffff; text-transform: uppercase; font-weight: 600; font-size: 1.2rem; display: block; text-align: center;}
.modelo-texto .precio-menu{font-size: 1.2rem; font-weight: 400; text-align: center;}
.menu-modelos{display: flex; flex-wrap: wrap; padding: 3.5rem 0;}
.modelo-menu-item{width: 20%;; padding: 1.5rem;}

.prev-arrow{width: 25px; left: 25px;}
.prev-arrow img{width: 100%;}
.next-arrow{width: 25px; right: 25px;}
.next-arrow img{width: 100%;}

.menu-modelo-activo{
    display: block;
    animation-duration: .3s;
    animation-name: slidein;
}

.modelo-info{width: 800px; margin: 0 auto; text-align: center; padding: 2rem 0;}
.modelo-info span img{height: 70px; width: auto;}
.modelo-info ul{display: flex; align-items: center; padding: 0; font-size: 1.5rem; text-transform: uppercase;}
.modelo-info ul li{width: 33.3%; border-right: 1px solid #efefef;}
.modelo-info ul li:last-of-type{border-right: none;}

@keyframes slidein {
    from {
      top: 30px; 
    }
  
    to {
        top: 100px;
    }
  }


  /* Utilidades */

.tres-columnas, .dos-columnas{ display: flex;}
.tres-columnas .image-item{ width: 33.33%;}
.dos-columnas .image-item{ width: 50%;}
.image-item figcaption{background-color: rgba(0, 0, 0, 0.75); display: flex;}
.image-item figure{display: block; overflow: hidden;}
.titulo-espec{font-weight: 700; font-size: 2rem; margin-bottom: 1.5rem; display: block; text-transform: uppercase;}
.descripcion-item{
    padding: 0 15px;
    display: flex;
    align-items: center;
}
.descripcion-item p{font-size: 1.3rem;}
.linea-item-desc{height: 1px; background-color: #ffffff; width: 30%; margin-bottom: 2rem;}
.linea-promo{height: 1px; background-color: #006294; width: 10%; margin: 3rem 0;}
.linea-seminuevo-item{height: 1px; background-color: #006294; width: 10%; margin: 3rem 0;}

.dos-columnas .descripcion-item{
    padding: 0 20rem 0 1.5rem;
    display: flex;
    align-items: center;
}

.modulo-contenido-interior{/*padding-top: 10rem; margin-bottom: 10rem;*/}


/* Menu lateral */
.menu-lateral-content{
  width: 90px;
  position: fixed;
  z-index: 99;
  right: 0;
  top: 18%;
  

}
.menu-lateral-content a{
  display: block;
  transition: background-color 0.5s ease;
  background-color: #0096B4;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 1.6rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);

}
.menu-lateral-content a:last-of-type{border-radius:  0 0 0 3rem; border-bottom:0}
.menu-lateral-content a:first-of-type{border-radius:  3rem 0 0 0;}
.menu-lateral-content a:hover{background-color: #006294; text-decoration: none;}
.menu-lateral-content img{
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;}
.menu-lateral-content span{display: block; text-align: center; padding-top: 10px;}
.menu-lateral-content .active{background-color: #006294;}

/* Colores */ 

.contenedor-color{
    display: flex;
    justify-content: center;
    padding-bottom: 8rem;
}

.color-modelo{flex: 0 0 calc(45% - 1rem);}
.color-modelo h5{font-size: 2rem;}
.color-modelo .carousel-indicators li{height: auto; border-top:0!important; border-bottom:0!important; opacity: 1;}
.color-thumb{display: block; display: block; background-color: #ffffff; height: 30px; width: 30px; border: 1px solid #efefef; border-radius: 25px;}
.color-modelo ol .active{border-bottom:none;}
.color-modelo ol .active .color-thumb{border: 1px solid #c1c1c1;}
.color1{background-color: #ffffff;}
.color2{background-color: #E3E4E5;}
.color3{background-color: #9B9B9B;}
.color4{background-color: #000000;}
.color5{background-color: #EE1D23;}
.color6{background-color: #814002;}
.color7{background-color: #3B83BD;}
.ficha-btn{
    background-color:#0096B4;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6rem;
    text-decoration: none;
    padding: 10px 35px;
    text-align: center;
    border-radius: 25px;
}
.ficha-btn:hover{background-color: #006294; color: #ffffff; text-decoration: none;}
.contenedor-ficha{display: flex; justify-content: center; margin-bottom: 15rem;}
.ficha-btn img{height: 20px; width: auto; margin-left: 10px;}

/* Cotizar */

.contenido-cotizar{padding: 8rem 0;}
.texto-modulo-cotizar h1{font-size: 3rem; text-transform: uppercase; font-weight: 700;}
.texto-modulo-cotizar h2{font-size: 1.8rem; margin: 7rem 0 3rem 0; color: #006294; text-transform: uppercase;}
.texto-modulo-cotizar p{font-size: 1.6rem;}
.modulo-form label {
    font-size: 1.3rem;
    color: #1E1932;
}
.boton-cotizar{display: flex; justify-content: center;}
.boton-cotizar ion-icon {margin-left: 2rem;}

/* Evaluación */

.titulo-evaluacion{margin-bottom: 3rem;}
.titulo-evaluacion h1{text-transform: uppercase; font-size: 3rem; margin-top: 3rem;}
.soles {
    position: absolute;
    font-size: 14px!important;
    vertical-align: initial;
    top: 10px;
    left: 15px;
}

#ingresosTotales, #montoFinan, #vehiculoFinan {
    padding-left: 32px;
}

input {
    font-weight: 300;
    font-size: 13px!important;
}

.financiamiento-contenido #montoFinan {
    border: 00;
    background: none;
    font-size: 27px!important;
    font-weight: 900;
    padding-left: 27px;
    padding-bottom: 0;
    padding-top: 20px;
    color: black;
    font-family: Cairo, sans-serif;
}

.txt-monto-financiar {
    text-align: right;
}

.texto-modulo-evaluacion h2{font-size: 1.8rem; margin: 4rem 0 3rem 0; color: #006294; text-transform: uppercase;}

.botones-evaluacion{margin-top: 3rem;}
.boton-evaluacion{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2rem;
    padding: .5rem 5rem;
    border-radius: 3rem;
    color: #ffffff;
    text-decoration: none;
}

.si{background-color: #006294;}
.no{background-color: #0096B4;}

/* Gracias */

.titulo-gracias{/*margin-bottom: 3rem;*/ text-align: center;}
.titulo-gracias h1{text-transform: uppercase; font-size: 3rem; margin-top: 3rem;}
.titulo-gracias h2{text-transform: uppercase; font-size: 2.5rem; margin-top: 3rem;}
.titulo-gracias p{font-size: 1.4rem;}

/* Concesionarios */

.local-item{
    background-color: #F2F2F2;
    border-bottom: 1px solid #006294;
    padding: 15px;
  }
  
  .local-item h3{
    color: #006294;
    font-size: 1.4rem;
    text-transform: initial;
    margin-bottom: 15px;
  }
  
  .local-item h4{
    color: #006294;
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  
  .local-item span{
    display: block;
    text-decoration: underline;
    font-weight: 600;
  }
  
.paginador-locales{margin-top: 15px;}
.paginador-locales .page-link{padding: 1rem 1.5rem; font-weight: 400; color: #006294;}
.paginador-locales .active{background-color: #006294; color: #ffffff;}


.contenido-buscador{display: flex; align-content: center; margin-bottom: 30px;}
.contenido-buscador .form-control{margin-bottom: 0; width: 30%; border-radius: 0;}
.buscar-btn{margin: 0; border-radius: 0 2rem 2rem 0}


  /* Promociones */
  
  .contenido-promociones{margin-bottom: 60px; padding: 0;}
  .contenido-promociones h2{margin-bottom: 3rem; text-transform: uppercase;}
  .promo-texto{display: flex;}
  .promo-texto h6{
    font-size: 1.6rem;
    font-weight: 600;
    padding-right: 100px;
    padding-bottom: 30px;
    text-transform: uppercase;
    }
  .promo-texto a{
    background-color: #006294;
    color: #ffffff;
    padding: 7px 20px;
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3rem;
  }
  
  .fecha-promo{padding: 7px 0; border-top: 1px solid #efefef; margin-top: 10px;}
  .fecha-promo span{
    color: #8D8D8D;
    font-weight: 400;
    font-size: 1.2rem;
  }
  
  .promo-item{margin-bottom: 60px;}
  .paginador-promos{display: flex; justify-content: center; margin-top: 60px;}
  
  .contenido-formulario-promo{background-color: #F0F0F0; padding: 6rem 3rem;}
  .contenido-formulario-promo h4{margin-bottom: 3rem;}
  .contenido-formulario-promo textarea{height: 10rem;}
  .contenido-formulario-promo .form-check{padding-left: 0; display: flex;}
  .contenido-formulario-promo .form-check label{font-size: .8rem; margin-left:10px;}
  .legal-promo p{text-align: justify;}
  
  /* Test Drive */
  
  .contenido-test-drive{width: 900px; margin: 0 auto;}
  .contenido-formulario-testdrive{background-color: #ffffff; padding: 6rem 3rem;}
  .contenido-formulario-testdrive .form-check {
    padding-left: 0;
    display: flex;
  }
  .contenido-formulario-testdrive .form-check label {
    font-size: .8rem;
    margin-left: 10px;
  }
  
  /* Repuestos */
  
  /* Aftersales */
  
  .contenido-lista-servicios{width: 960px; margin: 0 auto; margin-bottom: 10rem;}
  .contenido-lista-servicios .btn-primary{margin: 2rem 0; width: 45%;}
  .descripcion-servicio-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .item-servicio{margin-bottom: 50px;}