:root {
	--sis_back: #fff;
	--sis_fore: #006098;

  --btn_baseC_back:#CE2934; --btn_baseC_fore:#f1f1f1; --btn_baseC_hover:#fff;
  --btn_baseO_back:#d6e5e5; --btn_baseO_fore:#006080; --btn_baseO_hover:#d6e5e5;
  
  --footer_back: #006080; --footer_fore: #fff;
  --box_body: #fff; 
  --box_title_back: #CE2934; --box_title_fore: #fff; 

}

.sis_btn{ 
  background-color:var(--btn_baseC_back); color:var(--btn_baseC_fore);
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
  cursor:pointer; text-align:center;
  transition: all 0.5s ease-in-out;
}
.sis_btn:hover{color:var(--btn_baseC_hover);transform:scale(1.1);}

.sis_btn_dark{ 
  background-color:var(--btn_baseO_back); color:var(--btn_baseO_fore);
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
  cursor:pointer; text-align:center;
  transition: all 0.5s ease-in-out;
}
.sis_btn_dark:hover{background-color:var(--btn_baseO_hover);transform:scale(1.1);}


/*
:root {
  --btn_comprar_back: #006080; --btn_comprar_fore: #fff; --btn_comprar_hover: #004d66;
  
  --footer_back: #006080; --footer_fore: #fff; 

}

:root {
  --box_body: #fff; 
  --box-title-back: #006080; --box-title-fore: #fff; 

}

:root{
	--sis_back: #006098;
	--sis_fore: #fff;
}
*/

.it_main{
  position:relative; float:left; background-color:rgb(252,252,252);
  display:grid; width:100%;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  border: 0px solid blue;
  gap:25px;
  /* row-gap:51.5px; */
  padding:25px; padding-top:5px;
  min-height:350px;
}
/*.it_main:has(.skin:hover) {
  row-gap:0px;
}*/

/********************************************* QUERY *********************************/
.query{background: #fcfcfc;	display:flex; justify-content:space-between; padding:1rem 0.8rem;}

.mostrando{padding:0.5rem; margin: auto 0;}

.filtro_base{display:flex; gap: 15px;}

.filtro_select{border:none;	background: #fcfcfc; font-size:1rem;}

.filtro_select:hover{cursor:pointer;}

.filtro_select option{background:black;	color:white; /*padding:10px;*/}

.filtro_stock{display:flex;	gap:5px; /*padding:1rem;*/}

.filtro_stock label{margin:auto;}
.filtro_stock i{ font-size:2rem;}
.filtro_stock i:hover{cursor:pointer;}

/***************************************************** FIN QUERY **********************/

.skin{
  position:relative;  border: 0px solid red; padding:5px;   border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;background-color:#fff; 
  max-height:20rem; overflow:hidden;
  height:20rem;
  transition: all 1.6s ease-in-out;
}
.skin:hover{
  max-height:25rem; 
}
.skin ._favorito{position:absolute; top:0.7rem; right:3%; color:red; z-index:9; cursor:pointer; }
.skin .it_img{
  width:100%; height:10rem; cursor:pointer; margin-top:1.5rem;
  display: flex; justify-content: center;  align-items: center;
  border: 0px solid green;
}
.it_img img{position:relative; max-width:95%; max-height:95%;} 
.it_codiart{font-size:0.75rem;text-align:left;}
.it_title{font-size:0.75rem; 
  display: -webkit-box; height:2.3rem; text-align:center; text-overflow: ellipsis; overflow:hidden; -webkit-line-clamp: 2;    -webkit-box-orient: vertical;
  padding:8px; margin-top:25px; font-weight:500;
}
.it_precio{font-size:0.95rem; 
  height:1.3rem; text-align:center; 
  padding:5px; margin-top:15px; width:100%; font-weight:bold;
}
.it_nodispo{
  height:3rem; width:100%; 
  padding:5px; margin-top:15px;
  position:relative;
  display:none; text-align:center;
}

.it_comprar{
  height:3rem; width:100%; 
  padding:5px; margin-top:15px;
  position:relative;
  display:none; 
  grid-template-columns: repeat(2, 1fr);
  /* grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); */
  gap:8px;
  border: 0px solid blue;

}
.it_comprar .it_qty{
	border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
  border: 0px solid red;
  text-align:center;
    display:grid; max-height: 2.2rem;
  grid-template-columns: repeat(3, 1fr);
  /* grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); */
  gap:10px;
  padding-left:5px; padding-right:5px;
}

.it_qty ._less{font-size:1.6rem;padding-top:3px; cursor:pointer;font-weight:500;}
.it_qty ._qty{pointer-events: none; text-align:center;font-size:1.2rem; font-weight:400; padding-top:6px}
.it_qty ._more{ font-size:1.6rem;padding-top:3px; cursor:pointer;font-weight:500;}

.btns_cpa{
	border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; height:2.3rem;
  cursor:pointer;
  padding-top:0.6rem;
  font-size:0.9rem;  text-align:center; 
  background-color:var(--btn_baseC_back); color:var(--btn_baseC_fore);
}
.btns_cpa:hover{font-weight:500;}


/**************************************************************/

.h_skin .it_img{
  width:100%; height:9rem; margin-top:0.5rem;
}

.h_skin .it_title{
  padding:8px; margin-top:15px;
}
.h_skin .it_precio{
  padding:5px; margin-top:15px;
}
.h_skin .it_comprar{
  padding:5px; margin-top:15px;
  display:grid;
}
.h_skin .it_nodispo{
  padding:5px; margin-top:15px;
  display:block;
}
._load{
  animation: loading 1s linear infinite alternate;
}
@keyframes loading {
  0% { background: #e2c9c6;}
  100% {  background: #d61b0b;}
}

@media only screen and (min-width : 300px) and (max-width : 480px){
  
}