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

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

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

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

.inf-cover .title-product{
  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;
}

.alert-custum{
  position: absolute;
  bottom: 20px;
}



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

.card-description-producto{
  color: #000;
}

.card-description-producto .title h6{
  font-weight: 600!important;
}

.card-description-producto .description{
  margin-top: 20px;
}

.card-description-producto .description p{
  white-space: pre-line !important;
      margin: 0;
      background-color: transparent!important;
      color: #000!important;
      font-family: 'Poppins', sans-serif !important;
      font-size: 14px!important;
      line-height: 1.5rem!important;
}

.card-description-producto .description span{
  white-space: pre-line !important;
      margin: 0;
      background-color: transparent!important;
      color: #000!important;
      font-family: 'Poppins', sans-serif !important;
      font-size: 14px!important;
      line-height: 1.5rem!important;
}

.card-description-producto .description li{
  white-space: pre-line !important;
      margin: 0;
      background-color: transparent!important;
      color: #000!important;
      font-family: 'Poppins', sans-serif !important;
      font-size: 14px!important;
      line-height: 1.5rem!important;
}

.card-description-producto .description strong{font-family: 'Poppins', sans-serif !important;}


.card-description-producto .description h1{font-family: 'Poppins', sans-serif !important; letter-spacing: 0!important;color: #000!important; text-transform: uppercase!important;line-height: normal!important;}
.card-description-producto .description h2{font-family: 'Poppins', sans-serif !important; letter-spacing: 0!important;color: #000!important; text-transform: uppercase!important;line-height: normal!important;}
.card-description-producto .description h3{font-family: 'Poppins', sans-serif !important; letter-spacing: 0!important;color: #000!important; text-transform: uppercase!important;line-height: normal!important;}
.card-description-producto .description h4{font-family: 'Poppins', sans-serif !important; letter-spacing: 0!important;color: #000!important; text-transform: uppercase!important;line-height: normal!important;}
.card-description-producto .description h5{font-family: 'Poppins', sans-serif !important; letter-spacing: 0!important;color: #000!important; text-transform: uppercase!important;line-height: normal!important;}
.card-description-producto .description h6{font-family: 'Poppins', sans-serif !important; letter-spacing: 0!important;color: #000!important; text-transform: uppercase!important;line-height: normal!important;}


.card-description-producto .content-btn{
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
}

.title-productos{
    padding-bottom: 10px;
    border-bottom: 2px solid #FF0000;
}

/*----Encabezado----*/

.content-cover-galery{
  position: relative;
}


.cover-galery{
  width: 100%;
  height: 350px;
}



.cover-galery img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}


.description-short{
  position: relative;
}

.content-description-short{
  position: relative;
  background: #050404;
  color: #fff !important;
  padding: 30px;
  border-radius: 10px;
  width: 100%;
  top:0;
  right: 0;
  margin-top: 20px;
}

.content-description-short .title h6{
  font-weight: 600!important;
}

.content-description-short .description{
  margin-top: 20px;
}

.content-description-short .description p{
  white-space: pre-line !important;
  margin: 0!important;
  background-color: transparent!important;
  color: #fff!important;
  font-family: 'Poppins', sans-serif !important;
}

.content-description-short .description span{
  white-space: pre-line !important;
  margin: 0!important;
  background-color: transparent!important;
  color: #fff!important;
  font-family: 'Poppins', sans-serif !important;
}



.categoria{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}

.content-title-categ{
  width: auto;
}

.categoria .title-categ{
  color: #000;
  font-weight: 700;
  margin-bottom: 0;
  }

  .categoria .title-categ a{
    color: #000;
    transition: all 0.7s ease;
  }

    .categoria .title-categ a:hover{
      color: #FF0000;
      text-decoration: underline;
      transition: all 0.7s ease;
    }

  .descript-produc{
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    }

.categoria .icono{
    width: 75px;
    height: 75px;
    margin-right: 20px;
    margin-left: 0px;
  }

.content-btn-galery{
  position: absolute;
  top:20px;
  left: 20px;
}

.content-btn{
  margin-bottom: 20px;
}

/*gALERY*/

.content-swiper-galery{
  width: 350px;
}

.galeria-miniaturas .swiper-wrapper{
  width: 100%;
  height: auto;
}

.galeria-miniaturas a{
  height: 100%;
  width: 100%;
}

.galeria-miniaturas img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
  transition: transform 0.2s ease;
  aspect-ratio: 1 / 1;
}

.galeria-miniaturas img:hover {
  transform: scale(1.05);
}


.swiper-button-next-product::after {
  height: 100%;
 content: "\F285";
 font-family: bootstrap-icons !important;
 display: flex;
 justify-content: center;
 align-items: center;
}

.swiper-button-prev-product::after {
  height: 100%;
content: "\F284";
font-family: bootstrap-icons !important;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-button-next-product {
  width: 35px;
  height: 35px;
   position: relative;
   margin-left: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   color: #000;
   border: 1px solid #FF0000;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-next-product:hover{
  background: #FF0000;
  border: 1px solid #FF0000;
  color: #fff;
}

.swiper-button-prev-product {
  width: 35px;
  height: 35px;
   position: relative;
   margin-right: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   color: #000;
   border: 1px solid #FF0000;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-prev-product:hover {
  background: #FF0000;
  border: 1px solid #FF0000;
  color: #fff;
}

.swiper-button-next-product.swiper-button-disabled, .swiper-button-prev-product.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none;
}

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

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



/* ===================================
    responsive
====================================== */

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

.content-swiper-galery{
  width: 450px;
}

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

.cover-galery{height: 450px;}

.content-swiper-galery{
  width: 650px;
}

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



.content-description-short{width: 150%;position: absolute;top:10px;margin-top: 0;right: 0px;}

.grid-head{display: grid;grid-template-columns: 60% auto;}

.categoria{margin-top: 0;}

.categoria .icono{margin-left: 20px;}

.cover-galery{height: 600px;}

.content-swiper-galery{
  width: 100%;
}


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



.content-description-short{width: 130%;}

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



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