/* @import */

/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');*/

/* Generales */
@font-face {
    font-family: 'Roboto';
    src: url("../fonts/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmW.woff2") format('woff2');
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
    box-sizing: border-box;
    font-size: 62.5%;  /** 1rem = 10px **/
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }

dl, ol, ul {margin-top: auto; margin-bottom: auto;}
body{font-family: 'Roboto',Helvetica,Arial,Lucida;}
strong{font-weight: 700;}
img{width: 100%;}

h1{font-weight: 700; font-size:3rem; display: block; margin-bottom: 3rem; text-transform: uppercase;}
h3, h4 {text-transform: none; color: #333; font-weight: 400;}
h5 {
    text-transform: none;
    color: #1E1932;
}
p{font-size: 1.4rem;}
.form-control {
    height: 3rem;
    padding: 0rem;
    /*border-color: #006294;*/
    color: #1E1932;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    border-radius: 7px;
    /*background-color: #E4E4E4 !important;*/
    padding-left: 10px;
}
.form-control button{display: flex; align-items: center;}
select {
  background-position: 97% center !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important ;
    text-overflow: '';
    background-image: url("https://www.limautos.pe/static/images/common/form-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    font-family: 'Roboto',Helvetica,Arial,Lucida, sans-serif; font-weight: 300 !important;
}

input::placeholder{color: #969696!important;}


/* Utilidades */
html, body {overflow-x: hidden;}
.display-box{display: contents;}
.no-padding{padding: 0;}
.align-left{text-align: left;}
.align-right{text-align: right;}
.align-center{text-align: center;}
.btn-primary {
    background-color: #CC1B12;
    color: #ffffff;
    /*text-transform: uppercase;*/
    font-weight: 200;
    font-size: 1.2em;
    border: none;
    padding: 0.5rem 3.9rem;
    /*border-radius: 5rem;*/
    margin: 1.2rem 1px !important;


}
    .btn-primary:hover {
        background-color: #CC1B12;
    }

.btn-secundario{
  background-color: #006294;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.2em;
  border: none;
  padding: 1rem 3rem;
  border-radius: 5rem;
  margin: 3rem 0;
}

.btn-primary ion-icon {margin-left: 2rem;}

.linea-small{height: 1px; width: 30%; background-color: #efefef; margin: 2rem 0;}
.linea-small-azul{height: 1px; width: 15%; background-color: #006294; margin: 2rem 0;}
.bloque-checks{margin-top: 3rem;}

.next-carrusel, .prev-carrusel{width: 10%;}
.next-carrusel img{height: 35px;}
.prev-carrusel img{height: 35px;}

.boton-centrado{margin: 0 auto;}
.boton-centrado a{margin: 0 auto 3rem auto;}

.texto-destacado{padding: 5rem 15%;}
.texto-destacado p{font-size: 1.5rem; text-align: center;}
.texto-destacado p span{color: #006294; font-weight: 700;}
.texto-destacado p span a{color: #006294;}

/* Menus */

.menu-top-contenido {
    padding: 0;
    background-image: url(../images/common/menu-top-background@2x.png);
    background-position: center center;
}


.menu-top{ color: #ffffff; font-size: 11px;}
.menu-top-nav{display: flex; justify-content: flex-end; align-items: center; background: #1E1932; padding: 0;}
.redes-top ul{list-style: none; padding: 0 0 0 15px;}
.items-contactos{display: flex; justify-content: flex-end;}
.items-contactos ul{list-style: none; padding: 0; margin-right: 15px;}
.items-contactos ul li{display: inline-block; margin-right: 10px;}
.items-contactos ul li:last-of-type{margin-right: 0;}
.menu-principal {
    position: absolute;
    z-index: 99;
    width: 100%;
    background: #212121;
    height: 74px;
    align-items: center;
    display: flex;
    justify-content: center;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(204,204,204,1);
    -moz-box-shadow: 0px 1px 6px 0px rgba(204,204,204,1);
    box-shadow: 0px 1px 6px 0px rgba(204,204,204,1);
}
.menu-principal img{height: 28px; width: auto;}

.redes-top-contenido {
    padding: .5rem 0;
    background-color: #CC1B12;
}
.redes-top  a{color: #ffffff;}
.redes-top ion-icon {
  font-size: 1rem;
}

.ionicon path{fill: red;}

path{fill: red;}

.redes-top ul li{margin-right: 5px; display: inline-block;}
.redes-top ul li:last-of-type{margin-right: 0;}

.logo-marca-top {
  width: 100px;
  height: auto;
  position: absolute;
  z-index: 9999;
}
.logo-marca-top img{width: 100%;}

/* Menu interior */

.modelo-menu{display: flex; justify-content: space-between; justify-items: center;}
    .modelo-menu a {
        font-weight: 700;
        color: #FFFFFF !important;
        text-transform: uppercase;
        font-size: 1.5rem;
        padding: 0;
        margin-right: 15px;
    }

.modelo-menu a:last-of-type{margin-right: 10px;}

    .modelo-menu img {
        height:34px;
        width: auto;
        margin-left: 0px !important;
    }

/* Banners Home */

.banners-contenido{
  display: flex;
  /*height: calc(100vh - 460px);*/
  min-height: 460px;
  padding-top: 75px;
}
.banner-item{flex: 1; position: relative;}

.marca-item{
  height: 100%;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  background-color: #F0F0F0;
}

.imagen-marca-item{
  background-position: center center;
  background-size: cover;
  display: flex;
  height: 100%;
}

/* Estilos MouseOver Banner Home */

.brand{
  opacity: 0;
  transition: all .35s linear;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 555;
  width: 100%;

}




.enlace-marca{
  position: absolute;
  width: 100%;
  transition: all .35s linear;
  bottom: 2rem;
  
}

.enlace-activo{
  animation-duration: .35s;
  animation-name: fadeIn;
  bottom: 2rem;

}

@keyframes fadeIn {
  from {
    bottom: 1rem;
  }

  to {
    bottom: 2rem;
  }
}

.brand-active{opacity: 1; }


/* Estilos MouseOver Banner Home */

.gris-oscuro{background-color: #E3E3E3;}

.link-banner-marca{
  color: #ffffff;
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}

.conoce-mas-marca{
  background-image: url(../img/common/gradient.png);
  display: block;
  width: 100%;
  background-size: contain;
  padding: 6rem 0 2rem 0;
}


.linea-banner-marca{
  height: 1px;
  background-color: #ffffff;
  display: block;
  width: 30%;
  margin: 0 auto 1rem auto;
}




/* Banners Inferiores */

.banners-inferiores{margin-top: 30px;}
.banners-inferiores .col-md-4{padding: 0;}


/* Interiores general */

.contenido-titulo{margin-bottom: 4rem; padding: 15rem 0 0 0;}

.paginador{margin-top: 15px;}
.paginador .pagination .active{background-color: #006294; color: #ffffff!important;}
.paginador .pagination .page-link{
  border: none;
  border-radius: 0;
  margin-right: 5px;
  padding: 10px 15px;
  color:#006294;
  border: 1px solid #006294;
  font-weight: 500;
}




/* Citas */

.contenido-citas{padding: 0;}
.contenido-citas h3{text-align: right; margin-top: 5rem; text-shadow: none;}
.contenido-citas h4{font-size: 1.4rem; margin: 3rem auto 2.5rem auto;}
.contenido-formulario{background-color: #F5F5F5; border-top: 2px solid #006294; padding: 4rem 6rem;}
.verificar-placa{width: 40%;}
.linea-formulario{display: block; height: 1px; width: 100%; background-color: #006294; margin: 3rem 0;}
.icono-horario{width: 25px;  height: auto;}
.horarios-citas{text-align: center;}
.leyenda-horario{display: block; list-style: none; padding: 0;}
.leyenda-horario li{display: inline-block;}
.taller-select{background-position-x: 99%;}
.info-legal-citas{margin: 3rem 0;}
.info-legal-citas p{font-size: .8rem; text-align: justify;}
.contenido-citas ion-icon{margin-left: 2rem;}

.btn-verificar{
  margin: 0;
}

.subtitulo-form-citas {
    color: #1E1932;
    text-transform: initial; 
    margin: 1.5rem 0;
}

.captcha-modulo{margin: 3rem 0 0 0;}

.horarios-citas table{ background-color: #ffffff;}
.horarios-citas table th{
  background-color: #CC1B12;
  color: #ffffff;
  text-transform: uppercase;
  padding: 1rem 0;
}

.horarios-citas table tr td{padding: 1.2rem;}

.leyenda-horario{margin-top: 3rem;}
.leyenda-horario ul li{margin-right: 1.5rem;}
.leyenda-horario ul li:last-of-type{margin-right: 0;}
.leyenda-horario img{margin-right: 1rem;}

.horarios-citas table{width: 100%;}

.check-legales {padding: 0; display: flex;}
.check-legales label {font-size: 1.2rem; margin-left: 1rem}





/* Footer */

.footer-contenido{ background-color: #EDEDED; /*margin-top: 100px;*/}
.logo-footer{width: 14.28%;}
.logo-footer img{height: 34px; width: auto; margin-bottom: .5rem;}
.logo-footer p{font-size: 1rem;}
.items-footer{display: flex; justify-content: center; padding: 50px 0;}
.col-footer{width: 14.28%; padding: 0 1rem;}
.col-footer h4{font-size: 13px; text-transform: uppercase; font-weight: 700; color: #006294;}
.col-footer ul{list-style: none; padding: 0; font-size: 10px;}
.col-footer ul li{line-height: 1.6rem;}
.col-footer ul li a{text-transform: uppercase; color: #4D4D4D !important;}
.col-footer ul li a:hover{text-decoration: none;}
.redes-footer li{display: inline-block;}
.redes-footer p{color: #006294!important; font-weight: 400; font-size: 10px;}
.redes-footer li a{font-size: 2rem; color: #006294!important;}


.btn-primary-alert {
    background-color: #CC1B12;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.6em;
    border: none;
    padding: 1rem 3rem;
    margin: 3rem 0;
}


.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem !important;
}

.a-link {
    color: #007bff !important;
    text-decoration: none;
    background-color: transparent;
}

.a-link:hover{color: #006294 !important}  


/*#tabla-disponibilidad tr .cell-seleccionado {
    pointer-events: none;
    background: #05141f url(../images/enabled@2x.png) no-repeat center center;
    background-size: 30px;
}

#tabla-disponibilidad tr .cell-disponible {
    cursor: pointer;
    background: transparent url(../images/free@2x.png) no-repeat center center;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background-size: 15px;
}*/
/*#tabla-disponibilidad tr .cell-no_disponible {
    background: #05141f url(../images/servicio.grey.svg) no-repeat center center;
    opacity: 40%;
}*/

.table-responsive {
    display: block;
    width: 100%;
    height:80%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}