/* @import */

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

/* Generales */

/* 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', sans-serif; font-weight: 300;}
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: uppercase; color: #006294; font-weight: 500;}
h5{text-transform: uppercase; color: #333333;}
p{font-size: 1.2rem;}
.form-control{height: 4rem; padding: 1rem; border-color: #006294; color: #969696; font-size: 1.2rem; margin-bottom: 1rem;}
.form-control button{display: flex; align-items: center;}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  background-image: url("../images/common/form-arrow.png");
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: center;
  background-size: 10px;
  font-family: 'Roboto', sans-serif; font-weight: 300;
}

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: #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:hover{background-color: #0096B4;}

.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: #006294; 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: #ffffff;
    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: #0096B4;}
.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: #023A57;
  text-transform: uppercase;
  font-size: 1.5rem;
  padding: 0;
  margin-right: 15px;
}

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

.modelo-menu img {
  height: 22px;
  width: auto;
  margin-left: 120px;
}

/* 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: #006294; text-transform: initial; margin: 3rem 0;}

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

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

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

.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: 13px; 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;}
.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;}