/* ===================================
    Cover
====================================== */

.cover{
  width: 100%;
  height: 500px;
  padding-top: 150px;
  position: relative;
  overflow-x: clip;
  background: linear-gradient(180deg, rgba(3, 3, 3, 0.7) 0%, #030303 100%),url("../../assets/img/temp/cover-contacto.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  display:flex;
  align-items: center;
}


.bg-cover{
  background: rgb(0,0,0);
background: linear-gradient(176deg, rgba(0,0,0,1) 85%, rgba(255,255,255,1) 85%);
}

.inf-cover{
  width: 100%;
  position: relative;
  z-index: 10;
}

.inf-cover .description{
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}

.inf-cover .indicador{
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  color: #fff;
}

.inf-cover h1{
  font-family: 'Poppins', sans-serif !important;
  text-transform: uppercase;
}

.img-cover{
  width: 75%;
  position: absolute;
  top: 400px;
  right: 0px;
  z-index: 1;
}

.img-deco{
  width: auto;
  position: absolute;
  top:40%;
  right: 0px;
  transform: translate(-0%, -50%);
}

.frente{
  position: relative;
  z-index: 10;
}
/* ===================================
    Global
====================================== */

.bg-back{
  width: 100%;
  height: 20%;
  position:absolute;
  top:0px;
  background: rgb(0,0,0);
background: linear-gradient(176deg, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 50%);

}

.content-form{
  position: relative;
  z-index: 10;
  width: 100%;
  background: linear-gradient(270deg, rgba(240, 240, 240, 0.85) 1.15%, #F0F0F0 100%);
  padding: 30px;
  border-radius: 10px;
}

.content-form label{
  font-size: 14px;
}


.content-showroom{
  position: relative;
  width: 100%;
  margin-top: 100px;
  margin-bottom:50px;
}

.content-showroom .tienda{
  width: 130px;
  position: absolute;
z-index: 10;
top: -85px;
}

.content-showroom .location{
  position: absolute;
  top:-55px;
  right: 10px;
}

.info{
  background: #050404;
  padding: 30px;
  margin-left: 0px;
  border-radius: 10px;
  margin-top: 50px;
}

.info h5{
  font-weight: 700;
}

.info p{
  margin-bottom: 0px;
  color: #fff;
  margin-top: 15px;
}

.content-icon-social{
  background: #000000;
  width: 35px;
  height: 35px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  margin-right: 10px;
}

#social-media a{
  transition: all 0.5s ease;
  color: #000;
}

#social-media a:hover{
  color: #FF0000;
  text-decoration: underline;
  transition: all 0.5s ease;
}


/* ===================================
    Grid
====================================== */

.grid-inputs{
  display: grid;
  grid-template-columns: 1fr;
  gap:10px;
}

.grid-main{
  display: grid;
  grid-template-columns: 1fr;
  gap:0px;
}

/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {
.img-cover{top: 250px;}
.grid-inputs{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:10px;
}
.content-showroom .tienda{width: 150px;}
.info{margin-left: 0px;padding: 30px;}

.inf-cover .description{
  margin-top: 20px;
  margin-bottom: 20px;
  width: 70%;
}

}
/* md  */ @media (min-width: 768px) {

.img-cover{width: 60%;top: 200px;}

.content-showroom .tienda{width: 150px;}

.info{padding: 30px;}



.inf-cover{width: 80%;}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

.img-cover{width: 55%;}

.grid-main{
  display: grid;
  grid-template-columns: 50% auto;
  gap:50px;
}

.inf-cover{width: 60%;}

} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}