/* --- [Selector de Región] --- */
.bxpReg{
  position: fixed;
  display:none;
  opacity:0;
  z-index: 999999;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0.8);
  transition: opacity 0.3s linear;
}
.bxpReg-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.bxpReg-content{
  background: #FFF;
  position: absolute;
  box-shadow: 0px 0px 20px 5px #000;
  border-radius: 10px;
  border: 2px solid #f06724;
  margin: 0px auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: calc(80% - 30px);
  overflow: auto;
  width: max-content;
  z-index: 20;
}
.bxpReg-header{
  background: #FFF;
  border-bottom: 1px solid var(--primary-color);
  padding: 4px 10px;
  font-weight: bold;
  color: var(--primary-color);
  font-size: medium;
  line-height: normal;
  position: sticky;
  top: 0px;
  z-index: 10;
}
.bxpReg-header .bxpReg-title{padding:5px 15px 15px 0px;display:inline-block;}
.bx-leyenda{color:#9B9B9B;font-size:x-small;font-weight:normal;position:absolute;margin-top:25px;}
.bxpReg-body th, .bxpReg-body td{padding:10px;color:#000;z-index:5;}
.bxpReg-center{text-align:center;}
.bxpReg-header .bxpReg-close{
  background: var(--primary-color);
  color: #FFF;
  margin: 3px auto;
  cursor:pointer;
  float:right;
  padding: 2px 10px;
  border-radius:5px;
}
.bxpReg-small{max-width:300px;display:inline-block;opacity:0.5;}
.bxpReg-body tr:hover{background:#F7F4F4;}
.sucursal{cursor:pointer;}
.openRegiones{
	background:#ff6a13!important;
	cursor:pointer;
	color: #FFF!important;
	display: inline-block;
	padding: 2px 10px;
	margin: 10px auto 0px;
	font-weight: bold;
	font-size: small;
	vertical-align: middle;
}
.openRegiones i{
	padding: 2px 4px !important;
	display: inline-block;
	vertical-align: middle;
}
#listTiendas{padding:0px 10px;}
#listTiendas td i{color:#9F9F9F;}
#listTiendas .activo td,#listTiendas .activo td i{color: var(--primary-color)!important;font-weight: bold;}
.introjs-button,.introjs-button:hover{background:var(--primary-color)!important;color:white!important;font-weight:bold!important;text-shadow:none!important;}
.header-bottom{z-index:10;}
.introjs-helperLayer{cursor:pointer;}
@media (max-width: 768px){ .openRegiones{margin:0 13px;padding:10px;} }

/* --- [Existencias por Tienda] --- */
.openStocks{cursor:pointer;color:var(--primary-color);margin-left:5px;}
.openStocks.button{
  color: #FFF;
  display: block;
  margin: 20px auto 30px;
  padding: 10px 0px;
  width: 100%;
  font-size: medium;
  background-color: #000;
}
.openMap{font-size:small;color:var(--primary-color);cursor:pointer;}
.como-llegar{cursor:pointer;}
.bxp {
  position: fixed;
  display:none;
  opacity:0;
  z-index: 999999;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0.8);
  transition: opacity 0.3s linear;
}
.bxp-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.bxp-content{
  background: #FFF;
  position: absolute;
  box-shadow: 0px 0px 20px 5px #000;
  border-radius: 10px;
  border: 2px solid #f06724;
  margin: 0px auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: calc(80% - 30px);
  overflow: auto;
  width: max-content;
  z-index: 20;
}
.bxp-header{
  background: #FFF;
  border-bottom: 1px solid var(--primary-color);
  padding: 4px 10px;
  font-weight: bold;
  color: var(--primary-color);
  font-size: medium;
  line-height: normal;
  position: sticky;
  top: 0px;
  z-index: 10;
}
.bxp-header .bxp-title{padding:5px 15px 15px 0px;display:inline-block;}
.bx-leyenda{color:#9B9B9B;font-size:x-small;font-weight:normal;position:absolute;margin-top:25px;}
.bxp-body th, .bxp-body td{padding:10px;color:#000;z-index:5;}
.bxp-center{text-align:center;}
.bxp-header .bxp-close{
  background: var(--primary-color);
  color: #FFF;
  margin: 3px auto;
  cursor:pointer;
  float:right;
  padding: 2px 10px;
  border-radius:5px;
}
.bxp-small{max-width:300px;display:inline-block;opacity:0.5;}
.bxp-body tr:hover{background:#F7F4F4;}
.bxp-body.mapAbierto{display:inline-flex;}
.bxp-body.mapAbierto table{max-width:50%;}
#Mapa{display:none;}
.mapAbierto #Mapa{
	display: block;
	width: 600px;
	max-width: 100%;
	background: #CCC;
	min-height: 60vh;
	min-width: 50vw;
}
.bxp-header .change-city{margin:5px auto 2px;}
a.comollegar{color:#f06724;font-weight:bold;}
#listTiendas .outstock{opacity:0.5;}
.optTipo{display:flex;font-size:small;margin:0px;}
.optTipo label{padding:5px 20px 0px 4px;}
.optTipo label .tipo{margin:0px;padding:0px;}
.btnDisponible{background-color:#fff;border:1px solid#ff6a13;color:#ff6a13!important;}
@media (max-width: 768px){
	.bxp-body.mapAbierto{display:block;}
	.bxp-body.mapAbierto table{max-width:100%;}
}
.cart_totals th.product-name{border:0px;}
.shop-container .products{margin-bottom:20px!important;}
.box-text-products{text-align:center;font-size:small!important;}
.message-container{
  background: #F2F2F2;
  border: 1px solid;
  line-height: normal;
  padding-top: 10px;
  padding-bottom: 10px;
}
.message-container p{margin:0px;}
.bx-label-vineta-product{color:#ff6a12;float:left;font-size:x-small;width:100%;}
.product-small .flex a{white-space:nowrap;vertical-align:middle;line-height:normal;padding:0.4em 0.5em !important;margin:0px !important;text-overflow:ellipsis;width:100%;}
.product-gallery > .row-small{position:sticky;top:145px;}
.price-wrapper .price{position:relative;}
.leyenda-descuento {
    position: absolute;
    transform: translateY(-220%);
    top: 0px;
}