/* ===================================
    Cover
====================================== */
section{
  position: relative;
  overflow-x:clip;
}


.cover{
  width: 100%;
  min-height: 450px;
  padding-top: 150px;
  padding-bottom: 0px;
  position: relative;
  overflow-x: clip;
  background: linear-gradient(180deg, rgba(3, 3, 3, 0.7) 0%, #030303 100%),url("../../assets/img/Cotizador/background-cover.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  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%;
}

.inf-cover .description{
  width: 100%;
}

.inf-cover .catalogo{
  width: 65%;
}

.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-deco{
  width: auto;
  position: absolute;
  top:50%;
  right: 0px;
  transform: translate(-0%, -50%);
}

.frente{
  position: relative;
  z-index: 10;
}

/* ===================================
    Global
====================================== */

.numero{
  font-family: 'Poppins', sans-serif !important;
  font-size: 120px;
  font-weight: 900;
  color: #0000004D;
  line-height: 110px;
}

#paso-uno .pasos{
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 1px solid #FF0000;
}

#paso-dos .pasos{
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

#paso-tres .pasos{
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

#paso-tres .pasos .description{
  width: 100%;
  position: relative;
  top:0;
  left: 0px;
}


.pasos .description{
  position: relative;
  top:0;
  left: 0px;
}


.content-cards{
  padding-top: 50px;
}

.card-producto{
  position: relative;
  background: #F0F0F0;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.card-producto .btn-close{
  position: absolute;
  top:5px;
  right: 5px;
  font-size: 12px;
}

.card-producto .content-img{
  background: #fff;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.card-producto .content-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
  aspect-ratio: 1 / 1;
}


.card-producto .content-inf-product{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card-producto .content-inf-product .titulo{
  padding-bottom: 10px;
  border-bottom: 1px solid #B3B3B3;
}

.card-producto .content-inf-product .titulo span{
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}

.card-producto .content-inf-product .description{
  margin-top: 10px;
}

.card-producto .content-inf-product .description p{
  margin: 0;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
}


.content-numero-product{
  height: 100%;
  display: flex;
  align-items: flex-end;
  height: auto;
}


/*-----Paso 2------*/

.content-form{
  background: #050404;
  padding: 20px;
  border-radius: 10px;

}

.content-form .contact-form label{
  color: #fff;
  font-size: 14px;
}

#submit{
  position: absolute;
  top: -50%;
}

/*-----Paso 3------*/

#paso-tres{
  margin-top: 100px;
}

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

.grid-cotizador{
  display: grid;
  grid-template-columns: 1fr;
  gap:50px;
}

.grid-card{
  display: grid;
  grid-template-columns: 30% auto;
  gap:30px;
}

.grid-cd{
  margin-top: 10px;
  display: grid;
  grid-template-columns: 50% auto;
  gap:10px;
}


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

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

.inf-cover .description{width: 65%;}

#paso-uno .pasos{flex-direction: row;}
#paso-dos .pasos{flex-direction: row;}
#paso-tres .pasos{flex-direction: row;}

.pasos .description{left: -20px;}
#paso-tres .pasos .description{left: -35px;}

.card-producto{padding: 25px;}

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

.inf-cover .description{width: 65%;}

.numero{font-size: 140px;line-height: 120px;}

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

.inf-cover .description{width: 50%;}

.grid-cotizador{grid-template-columns: 50% auto;gap:30px;}

.numero{font-size: 160px;line-height: 140px;}

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

.inf-cover .description{width: 40%;}

.grid-cotizador{gap:80px;}



}
/* xxl */ @media (min-width: 1400px) {}