@charset "UTF-8";
:root{
  --ltr-habitual: #4d4d4d;
  --gris-oscuro: #808080;
  --gris-casi-oscuro: #8e8e8e;
  --gris-suave: #F2F2F2;
  --gris-apple: #e9ecef;
  --negro-apple: #495057;
  --bordes-negros: #DCDCDC;
  --rojo-hover: #C1081A;
  --amarillo: #FFDF00;
  --amarillo-hover: #FCCD03;
  --rosa-scroll:#FCC8CD;

  --gris-fon-pro: #e4e4e4;
  --gris-agregaste: #666666;
  --gris-btn: #bbbbbb;
  --Rojo: #e62123; /* De fondo y letras */
  --Negro: #282828; /* De fondo y letras */
  --Gris: #f4f4f4; /* De fondo y letras */
  --Blanco: #ffffff;
  --ltr-Footer: #d3d3d3;
  --alto:calc(100vh - 200px);
}
/*COLOR DEL FONDO DE LA BARRA*/
*::-webkit-scrollbar-track {
  border-radius:10px;
  background: var(--Blanco);
}
/*COLOR DE LA BARRA hover*/
*::-webkit-scrollbar-thumb:hover {
  background: var(--negro-apple);
}
/*COLOR DE LA BARRA*/
*::-webkit-scrollbar-thumb {
  border-radius:10px;
  background: var(--gris-oscuro);
}
*::-webkit-scrollbar-button {
  display: none;
}
*::-webkit-scrollbar {
  width: 10px;
}

/*
*::-webkit-scrollbar-thumb:hover {
  border: 12px solid var(--bordes-negros);
}
*::-webkit-scrollbar:hover{
  width: 10px;
}*/

.disable-hover, .disable-hover * {
  pointer-events: none !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
[type="radio"],[type="checkbox"]{
  width: 15px;
  height: 15px;
}
* a, * a:hover{
  color: inherit;
  text-decoration: none;
}
html{
  min-height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
body{
  font-family: 'Open Sans', serif, sans-serif, arial;
  font-size: 14px;
  font-weight: 600;
  background-color: var(--Gris);
  color: var(--Negro);

  /*height: 100%;*/

}

.svg{
  width: 100%;
  min-width:1%;
  max-width:100%;
  height: auto;
  min-height: 1%;
  max-height:100%
}

.txtBlanca{
  color: white!important;
}
.txtAmarilla{
  color: #FFC300!important;
}
.txtVioleta{
  color: #5e00ff!important;
}
.txtRoja{
  color: var(--Rojo)!important;
}
.txtAzul{
  color: blue!important;
}
.txtNegra{
  color: black!important;
}
.txtGrisOsuro{
  color: var(--gris-agregaste)!important;
}
.txtGrisCasiOscuro{
  color: var(--gris-casi-oscuro)!important;
}
.valign{
  display: flex;
  justify-content: center;
  align-items: center;
}
.halign{
  text-align: center;
  text-align: -webkit-center;
}
.halignL{
  text-align: left;
  text-align: -webkit-left;
}
.halignR{
  text-align: right;
  text-align: -webkit-right;
}
.manito{
  cursor: pointer;
}
.ondaSobre{
  position: fixed;
  z-index: -1;
}
.spanError{
  font-weight:200;
  font-size:9px;
  color: var(--Rojo);
}
.h-85{
    height: 85%!important;  
}
.h-60{
	height: 60%!important;	
}
.h-70{
    height: 70%!important;
}
.fs-10{
  font-size: 10px;
}
.fs-12{
   font-size: 12px;
}
.fs-14{
  font-size: 14px;
}
.fs-16{
  font-size: 16px;
}
.fs-17{
  font-size: 17px;
}
.fs-18{
  font-size: 18px;
}
.fs-24{
  font-size: 24px;
}
.fs-54{
  font-size: 54px;
}
.fs-74{
  font-size: 74px;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 700;
}
.font-bold{
  font-weight: 900;
}
.font-tt-web{
 font-family: 'Titillium Web', arial, sans-serif;
}
.w-5{
  width: 5%!important;
}
.w-24{
  width: 24%!important;
}
.w-40{
  width: 40%!important;
}
.w-49{
  width: 49%!important;
}
.w-55{
  width: 55%!important;
}
.w-60{
  width: 60%!important;
}
.w-65{
  width: 65%!important;
}
.w-74{
  width: 74%!important;
}
.w-20{
  width: 20%!important;
}
.w-120{
  width: calc(100% - 120px)
}
.b-0{
  border:0
}
.b-1-gc{
  border: 1px solid var(--gris-btn)!important;
}
.bb-1-b{
  border-bottom: 1px solid white!important;
}
.bt-1-b{
  border-top: 1px solid white!important;
}
.bb-1-gc{
  border-bottom: 1px solid var(--gris-btn)!important;
}
.bt-1-gc{
  border-top: 1px solid var(--gris-btn)!important;
}
.bl-1-gc{
  border-left: 1px solid var(--gris-btn)!important;
}
.br-1-gc{
  border-right: 1px solid var(--gris-btn)!important;
}
.t-85{
  top:85px!important;
  height: calc(100% - 85px)!important;
}
.br-30{
  border-radius: 30px;
}
.ta-c{
  text-align: center;
}
/*
  * a{

    text-decoration: none;
  }*/

/* CLASES DE HEADER */
.header{
  width: 100%;
  z-index: 10;
  position: relative;
  flex-shrink: 0;
}

.minHh1{
  position: fixed;
  height: 35px!important;
  line-height: 5px!important;
}
.minHh1 > .container, .minHh1 > .container-fluid{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

/*cyber monday*/
.mt-5px{
  margin-top: 5px;
}
/*cyber monday*/
.animatedIcon{
  animation-duration: 3s !important;
  animation-iteration-count: infinite !important;
}
.minHh2{
  /*top: 71px; /*top: 65px;*/ /*cybermonday juan 11/2022*/
  top: 35px; /* sin cyber */
  position: fixed;
  height: 50px!important;
  line-height: 50px!important;
}
.seguinos{
  padding-top: 15px;
}

.animacion{
	animation: cambioTexto 3s infinite;
	/*animation-duration: 9s;*/
}
@keyframes cambioTexto {
  100% { opacity: 0; }
  66.6% { opacity: 1; }
  33.3% { opacity: 1; }
  0% { opacity: 0; }
}



.minbotTipoE{
  line-height: 18px!important;
}
.hh1{
  overflow: hidden;
  width: 100%;
  background: var(--Negro);
  color: white;
  height: 52px;
  line-height: 52px;
/*-webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;*/
}
.hh1 > .container > .row > div:nth-child(2),
.hh1 > .container-fluid > .row > div:nth-child(2){
  text-align: right;
  text-align: -webkit-right;
}
.hh4{
	background: var(--Rojo)!important;
}

.botTipoE{
  border: 1px solid white;
  border-radius: 40px;
  /*height: 30px;*/
  line-height: 25px;
  font-weight: 900;
  background-color: var(--Negro);
  color: white;
  cursor: pointer;
}
svg/*, rect*/{
  fill:transparent;
  top:2px;
  margin-left: 5px;
  position: absolute;
}
/* rect{
  stroke: var(--amarillo);
  stroke-width: 4px;
  stroke-dasharray: 2 45;
  height: 27px;
  width: 133px;
  rx:17px;
  animation: animate 4s linear infinite;

}*/
@keyframes animate {
  0%{
    stroke-dashoffset:235;
  }
  100%{
    stroke-dashoffset:0;
  }

}
.menuCuenta{
  /*top:30px!important; /*cybermonday juan 11/2022*/
  position: fixed!important;
  left: auto!important;
  transform: translate3d(51px, 82px, 0px)!important;
  -webkit-transition: transform 500ms ease;
  -o-transition: transform 500ms ease;
  transition: transform 500ms ease;
}
.menuCuenta.scroll{
  transform: translate3d(51px, 73px, 0px)!important;
}

.mobMenuCuenta{
  line-height: normal;

}
.d-i-micuenta{
  padding: 0 1.5rem!important;
}
.d-d-micuenta{
  margin: 0.25rem 1.5rem !important;
}
.labelIngresa{
  font-size: 25px;
}
.login{
  background-color: white;
  /*padding-top: 45px; /*cybermonday juan 11/2022*/
  padding-top: 25px;  /* sin cyber */
  padding-bottom: 25px;

}
.btn-login{
  background-color: var(--Negro);
}
.btn-login:hover{
  background-color: var(--Negro);
  color: white;
}

.hh2{
  overflow: hidden;
  width:100%;
  background: var(--Rojo);
  line-height: 86px;
  height: 87px;
  /*
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-bottom: 1px solid transparent;
  border-image-width: 14px;
  border-image-source: url(/static/img/bordeR.png);
  border-image-slice: 0 0 15 0;
  border-image-repeat: repeat;
  border-image-outset: 14px;
*/
}
.minLogoG{
    transform: scale(0.80, 0.80);
}
/*.minLogoG{
    transform: scale(0.95, 0.95);
}*/
/*.minIcono{
    transform: scale(0.85, 0.85);
}*/

.form-search{
  width: 90%;
  display: flex;
}
.borderSearch{
  border: 1px solid white;
  padding: 0 1rem !important;
}
.minBorderSearch{
  height: 30px !important;
}
.lupaBlanca{
  color:white !important;
  cursor: pointer;
}
.form-ojito{
	width: 490px;
    align-content: initial;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.form-codigoPromocion {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #e62123;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-codigoPromocion:focus, .form-codigoPromocion:active, .form-codigoPromocion.visited{
  outline: 2px solid rgba(230, 33, 35, 0.2);
}
.form-control-Search, .form-control-Search:focus{
  background: var(--rojo);
  width:60%;
  color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control-Search::placeholder{
  color:white;
}
.form-control-Search::-webkit-input-placeholder{
  color: white;
}
.form-control-Search::-moz-placeholder{
  color: white;
}
.dmSearch{
  position: fixed!important;
  top: auto!important;
  left: auto!important;
  line-height: 1.5rem;
  will-change: transform;
  /*transform: translate3d(0px, 31px, 0px);*/
  transform: translateY(31px)!important;
  width: 455px;
  max-width: 455px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  color: var(--negro)!important;
  font-size: 14px!important;
}
.diSearch{
  padding: 0.3rem 1.5rem!important;
  border-bottom: 1px solid var(--ltr-Footer)
}
.iconos{
  max-width: 35px!important;
}
.msjRec{
  display: none;
  font-size: 14px;
  font-weight: normal;
  color: var(--Negro);
}
.msjRec.show{
  display: block;
}
.msjValida{
  font-size: 14px;
  font-weight: normal;
  color: var(--Rojo);
}
.pieTipoE{
  font-size: 14px;
}
.ltrTipoE{
  font-size: 24px;
  font-family: 'Titillium Web', arial, sans-serif;
}
.btn-tipoE{
  border: 1px solid var(--ltr-Footer);
  background-color: white!important;
  /*border-radius: 5rem!important;*/
}
.carousel-indicators{
    z-index: 9!important;	
}
.altoBtnTipoE{
  /*height: 215px!important;*/
  height: 165px!important;
}
/*
#btn-EaD{
  opacity: 0.5;
}
*/
/*
#btn-EaD.active, #btn-ReS.active, 
#btn-p1.active, #btn-p1:active, #btn-p1:hover,
#btn-p4.active, #btn-p4:active, #btn-p4:hover,
#btn-p6.active, #btn-p6:active, #btn-p6:hover
/*.btn-tipoE:active, .btn-tipoE:hover, btn-tipoE.active,
#tipoeR.active, #tipoeR:active, #tipoeR:hover,
#tipoeE.active, #tipoeE:active, #tipoeE:hover {
  border: 1px solid var(--gris-btn)!important;
  background-color: var(--ltr-Footer)!important;
}*/
/*
.btn-tipoE:active, .btn-tipoE:hover, 
#tipoeR.active, #tipoeR:active, #tipoeR:hover,
#tipoeE.active, #tipoeE:active, #tipoeE:hover{
  border: 1px solid var(--Rojo)!important;
  background-color: var(--ltr-Footer)!important;
}
*/
#btn-p1:hover,
#btn-p4:hover,
#btn-p6:hover
/*.btn-tipoE:active, .btn-tipoE:hover, btn-tipoE.active,
#tipoeR.active, #tipoeR:active, #tipoeR:hover,
#tipoeE.active, #tipoeE:active, #tipoeE:hover */{
  border: 1px solid var(--gris-btn)!important;
  background-color: var(--ltr-Footer)!important;
}
.btn-tipoE.active, #btn-p1.active,
#btn-p4.active,
#btn-p6.active, 
#tipoeR.active, 
#tipoeE.active {
  border: 1px solid var(--Rojo)!important;
  background-color: var(--ltr-Footer)!important;
}
.btn-Confirma{
  font-weight: bold;
  border: 2px solid black;
  background-color: white;
}
#paso2Retiro, #paso3Retiro{
  display: none;
}
#btn-Raf, #btn-Rafb, #btn-Rafs, #btn-Rafr,#btn-Sfco, #btn-front, #btn-Sunc{
  border: 1px solid var(--Negro);
  border-radius: 40px;
}
#btn-Raf.active, #btn-Rafb.active, #btn-Rafs.active, #btn-Rafr.active, #btn-Sfco.active, #btn-Sunc.active, #btn-front.active, #btn-Raf:active, #btn-Rafb:active, #btn-Rafs:active, #btn-Rafr:active, #btn-Sfco:active, #btn-Sunc:active, #btn-front:active, #btn-Raf:hover, #btn-Rafb:hover, #btn-Rafs:hover, #btn-Rafr:hover, #btn-Sfco:hover, #btn-Sunc:hover, #btn-front:hover {

  background-color: var(--Negro);
  color: white;
}
.btn-ciudades{
  font-size: 14px;
}
.mb-075{
  margin-bottom: 0.75rem !important;
}
.popUp-int{
  width:100%;
  height: 0px;
  visibility: collapse;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.popUp-int.show{
  display: block;
  height: calc(100% - 82px);
  /*top: 121px; /*top: 112px;*/ /*cybermonday juan 11/2022*/
  top:82px; /*sin cyber */
  position: fixed;
  visibility: visible;
}
.popUp{
  width:100%;
  height: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.popUp.show{
  display: block;
  height:100%;

}
.popUp::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--Negro);
  opacity: 0.5;
  z-index: -10;
}
.altoMenu{
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  /* sin colchones
  height: 654px; 30px*/
  /* con colchones */
  /*height: 684px; 30px*/
  /*con fermaq*/
  /*height: 744px;*/
  /*prueba scroll*/
  height: 660px;
}

.menu-item{
  color: var(--Negro);
  font-size: 14px;
  font-weight: normal;
  /*line-height: 34px;*/
  line-height: 30px;
  padding-left: 40px;
}
.menu-item-enca{
  color: var(--Negro);
  font-size: 14px;
  font-weight: normal;
  /*line-height: 34px;*/
  line-height: 30px;
  padding-left: 12px;
}
.menu-item.ofe{
  color:var(--Rojo)
}
.new{
  font-size: 13px;
  padding-left: 20px;
}
.activo{
  font-weight: bolder;
}
.dpto{
  /*padding-top: 35px!important; */ /*cybermonday juan 11/2022 NO HABILITAR deshabilitado estaba mal*/
  background-color: var(--ltr-Footer);
  border-radius: 5px;
  flex-flow: column;
  height: 100%;
}
.dpto a{
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.dpto a:hover{
  font-weight: bolder;
}
.dpto .mi2{
  background-color: black;
}
.dpto .mi3{
  background-color: var(--amarillo);
}
.dpto .mi4{
  background-color: var(--Rojo);
}
.resto{
  background-color: white;
  display: none;
  overflow: hidden;
  visibility: collapse;
  padding-right: 0!important;
  border-radius: 5px;
 /* padding-top: 35px!important; *//* cybermonday juan 11/2022 NO HABILITAR parece al pedo lo deshabilito */
}
.resto.show{
  /*display: block;*/
  visibility: visible;
}
.titDpto{
  font-size: 20px;
  font-weight: bolder;
}
.cat{
  overflow-x: hidden;
  overflow-y: auto;
  flex-flow: column;
  width: 50%;
}
.cat a {
  text-transform: lowercase;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.cat a span::first-letter{
  text-transform:  capitalize;
}
.cat a span.libre{
  text-transform: none !important;
}
.llama{
  width: 7% !important;
}
.llamaHotSale{
  width: 10% !important;
  height: 10% !important;
}
.blackDays{
  width: 23% !important;  
}
.dove{
  width: 12% !important;
}

.maizena{
  width: 10% !important;
}

.hotSale{
  width: 10% !important;
}

.bomba{
  width: 18% !important;
}
.cyberweek{
  width: 10% !important;
}
.cat a:hover{
  font-weight: bolder;
}
.scat{
  width: 0;
  visibility: collapse;
  background-color: white;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 25px;
  flex-flow: column;
  border-left: 1px solid var(--ltr-Footer);
}
.scat.show{
  padding-top: 44px;
  padding-left: 15px!important;
  width: 50%;
  visibility: visible;
}
.scat a {
  text-transform: lowercase;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.scat a span::first-letter{
  text-transform: uppercase;
}
.scat a:hover{
  font-weight: bolder;
}
/******************/
/* CLASES DE MAIN */
/******************/
main{

  flex-grow: 1;
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
/*  position: fixed;*/
  min-height: calc(100vh - 159px - 495px);
  
  /*padding-top: 82px; /*cybermonday solo padding juan 11/2022*/
  padding-top: 64px; /* sin cyber */
  height: 100%;
/*
  height: auto;
  */
  /*
  margin-bottom: 495px;
  */
}
.landing{
  background-color: white;
  display: none;
  padding-top: 22px;
  /*padding-top: 40px;*/ /* cybermonday juan 11/2022 */
}
.landing > div:nth-child(2){
  background-color: var(--Gris);
}
.itemCarousel li{
	height: 7px !important;
}
.fila1 > div{
  margin-top: -1px;
}
.fila1 img{
  width: 100%
}
.fila2{
  background-color: white;
}
.fila1, .fila3{
  background-color: var(--Gris);
}
.principal.show{
  display: flex;
}
.principal{
  display:none;

  min-height: 100vh;
  width: 100%;
  /*display: flex;*/
  /*display: flow-root;*/
  /*height: 100%;*/

  /*
  display: -webkit-flex;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  */

  /*min-height: 1500px;*/
}
.ir-arriba{
  display: none;
  position: fixed;
  /*padding: 20px;*/
  bottom: 0;
  left: 50%;
/*  width: 96px;
  height: 96px;*/
  opacity: 75%;
  z-index: 100;
}
.productos{
  padding-top: 22px; /*padding-top: 25px; *//* sin cyber */
  /*padding-top: 36px; /*padding-top: 60px;*/ /* cybermonday juan 11/2022*/
/*  padding-top: 107px;*/
  /*padding-top: 93px;*/
  width: calc(100% - 383px);
  min-height: calc(25px + 60px + 250px + 270px + 70px);
  /*display: inline-flex;*/
  /*display: table-row;*/
  margin-bottom: 150px;
  /*min-height: 1500px;*/

  position: relative;

/*
position: absolute;
*/
}
.historia1{
  background: url("/static/img/historia1.png");
  height: 580px;
  margin-top: -25px;
  padding-top: 23px;
}
.historia1 > div > div >.col-5 > span{
  line-height: 0.95em;
}
.historia2 > .col-8{
  background-color: var(--Gris)
}
.historia2 > .col-4{
  background-color: white;
}
.historia3{
  background: url("/static/img/historia3.png");
  height: 414px;
}
.statico{
  width: 100%;
  /*padding-top: 40px; /*cybermonday juan 11/2022*/
  padding-top: 25px; /*sin cyber */
  min-height: calc(25px + 60px + 250px + 270px + 70px);
  /*margin-bottom: 150px;*/
  position: relative;
} 
.btnIni{
	width: 350px;
	border-radius: 15px 0px;
	line-height: 60px;
	padding-left: 12px;
	font-weight: bold;
	font-size: 16px;
	
}
.btnIniNegro{
	background-color: var(--Negro);
}
.btnIniRojo{
	background-color: var(--Rojo);
}
.zona1{
  width:96px;
  height: 27px;
  background-color: var(--Rojo);
  color: white;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
}
.zona2{
  width:96px;
  height: 27px;
  background-color: var(--Negro);
  color: white;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
}
.zona3{
  width:96px;
  height: 27px;
  background-color: var(--amarillo-hover);
  color: white;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
}
.sobreLista:hover > span{
  font-weight: 900;
  text-decoration: underline;
}
.bk-blanco{
  background-color: white;
}
/*
#div_filtros{
  min-height: calc(100vh - 183px);
  height: calc(100vh - 183px);
  max-height: calc(100vh - 183px);
}
.filtros-activos, #div_filtros > section > section > div{
  min-height: 0px;
  max-height: calc((100vh - 372px) / 5);
  overflow-x: hidden;
  overflow-y: auto;
}
.lista-sca{
  max-height: 35vh;
  overflow-x: hidden;
  overflow-y: auto;
} */

.item-sca.activo{
  font-weight: bold;
}
.filtros-activos{
  background-color: white;
  line-height: 2rem;
}
.item-filtros-activos{
  background-color: var(--Gris);
  display: inline-block;
  line-height: 1rem;
}
.btn-filtros-activos{
  border: 2px solid var(--Rojo);
  background-color: white;
  color: var(--Rojo);
  position: relative;
  line-height: 1.5rem;
  left: calc((100% - 108px) / 2);
}
#orden{
  background-color: transparent;
  color: var(--Rojo);
  font-weight: bold;
}
#orden > option{
  font-weight: bold!important;
  color: var(--ltr-habitual)!important;
  font-size: 14px;
  transform: translate(10px, 10px);
}
#orden > option:checked{
  font-weight: bold!important;
  color: var(--Rojo)!important;
}
#content-imagemodal{
  max-height: 75vh;
}
#body-imagemodal{
  padding-bottom: 2rem!important;
}
#body-imagemodal > img{
  width: -webkit-fill-available;
  /*height: -webkit-fill-available;*/
  object-fit: contain;
}
.refCat{
  color: var(--Negro);
  font-size: 12px;
  font-weight: normal;
}
.item-prod{
  transition: all .4s;
}
.combo{
  background-color: var(--Negro);
  font-weight: bold;
  font-size: 16px;
  height: 2.81rem; /*45*/
  line-height: 1.2rem;
  min-height: 45px;
  max-height: 45px;
}
.oferta{
  /*background-color: var(--amarillo);*/
  background-color: var(--Rojo);
  font-weight: bold;
  font-size: 16px;
  height: 2.81rem; /*45*/
  line-height: 1.2rem;
  min-height: 45px;
  max-height: 45px;
}
.oferta2{
  font-size: 12px !important;
  line-height: 14px;
}
.soferta{
  height: 2.81rem;
  min-height: 45px;
  max-height: 45px;
}
.btn-VerOferta{
  font-weight: bold;
  /*background-color: black;*/
  background-color: var(--Negro);
  border: 1px solid white;
  /*display: none;*/
}
.productoNormal.hide{
  display:none;
}
.muestra-combi{
  display:none;
  background-color: white;
  z-index: 5;
  height: 445px;
  transition: width 1s ease-in;
}
.muestra-combi.show, .tit-combi{
  display: flex!important;
  width: calc(200% + 30px);
  position: relative;
  z-index:9;
/*  height: 445px;*/
}
.muestra-combi:first-child{
  vertical-align: middle;
}
.btn-sig-comb{
  background-color: white;
  font-weight: bold;
  font-size: 18px;
  height: 23px;
  line-height: 21px;
  padding: 0 6px;
  width:1.48rem;
}
.cantPluCombi input{
  /*border: 2px solid var(--gris-btn);*/
  height: 23px;
  width: 50px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.msjAddCombi{
  position: absolute;
  left:1rem;
  right: 1rem;
  bottom: calc(1rem + 4.01rem);
}
.footCombi{
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
/*
  bottom: 1rem;
  left: 1rem;
  right: 1rem; */
}
.footCombi > div:nth-child(1) > span:nth-child(1)::after{
  content: "Cant. Seleccionada:  ";
  white-space: pre;
}
.p1m{
  align-items: center;
}
.desProducto{
  font-weight: bold;
  font-size: 14px;
  height: 2.25rem; /*36*/
  line-height: 1.2rem;
}
.desProducto > span{
  text-transform: capitalize;

}
.fav{
  position: absolute;
  top: 4rem;
  right: 2rem;
}
.fa-heart{
  color: red;
}

#ahora6-12{
  /*position: absolute;*/
  top: 35%;
  left: 70%;
  min-width: 50px;
  max-width: 50px;
  /*min-height: 40px;
  max-height: 40px;*/
  cursor: default;
}

#hotSale{
  position: absolute;
  top: 15%;
  left: 10%;
  min-width: 70px;
  max-width: 60px;
  min-height: 100px;
  max-height: 70px;
  cursor: default;
}

.masinfo{
  position: absolute;
  top: 4rem;
  left: 2rem;
}
.masinfo2{
  position: absolute;
  top: 4.2rem;
  left: 3.5rem;
}
.imgProd{
  /*
  margin-top: 15px;
  min-width: 140px;
  max-width: 240px;
  height: auto;
  */
/*  transform-origin: 75% 75%;*/
  min-height: 240px;
  max-height: 240px;
/*  transition: transform .2s; /* Animation */
}
.imgProd:hover{
  cursor: zoom-in;
}
#dialog-imagemodal{
  top: 15%;
}
.imgProd img{
  min-height: 240px;
  max-height: 240px;

  /*
  object-fit: scale-down;
  object-position: center;
  min-width: 140px;
  max-width: 240px;
  height: auto;
  */
}
/*
.imgProdClick{
  transform: scale(2);
  box-shadow: 0 0 2px 1px rgba(255, 0, 0, 0.5);
  background-color: white;
}
.imgProdClick:hover{
  cursor: zoom-out;
}
*/


.precio{
  font-size: 26px;
  font-weight: bold;
}

.precioRef{
  font-weight: 600;
  font-size: 12px;
  color: var(--gris-agregaste);
}
.precioNor{
  font-weight: 600;
  font-size: 12px;
  color: var(--gris-agregaste);
}
.strikethrough {
    position: relative;
}

.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: red;

    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg);
}
.agregaste{
  visibility: collapse;
  min-height: 32px;
  max-height: 32px;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.agregaste.show{
  visibility: visible;
  background-color: var(--gris-agregaste);
  height: 2rem;
}
.thumbnail > div > img{
  height: 150px;
  min-height: 150px;
  max-height: 150px;
}
.sinstock{
  background-color: var(--Gris-agregaste);
  opacity: 0.6;
}
.sinstock::before{
  -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
  color: var(--Rojo);
  content: "SIN STOCK en sucursal";
}
.botones{
  background-color: var(--gris-fon-pro)!important;
  height: 4.01rem; /*65*/
  min-height: 65px;
  max-height: 65px;
  align-items: center;
}
.input-cant{
  height: 44px;
}
.input-cant input{
  border: 2px solid var(--gris-btn);
  height: 42px;
  width: 75px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.btn{
  line-height: 1.5rem!important;
}
.btn-signos{
  background-color: var(--gris-btn);
  font-weight: bold;
  font-size: 18px;
  height: 21px;
  line-height: 21px;
  border:0;
  padding: 0 6px;
}

.btn-AddCarrito-txt::after{
  content: " Agregar ";
}
.btn-AddCarrito-info-txt::after{
  content: " Agregar ";
}
.btn-AddCarrito-Corto{
  min-width: auto!important;
  position: absolute;
  right: 1rem;
  bottom: 0.75rem;
}
.btn-AddCarrito-Corto{
  font-size: 20px!important;
}
.btn-AddCarrito{
  font-size: 14px;
  min-width: 75%;
  height: 2.5rem;
  background-color: white;
  border: 2px solid var(--Rojo);
  font-weight: 900;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.btn-AddCarrito.add{
  background-color: var(--Rojo);
  border: 2px solid var(--Rojo);
  font-weight: 900;
  color: white !important;
}

.btn-AddCarrito.add > img{
  content: url(/static/img/icono-add-ok.png);
}
.btn-AddCarrito-txt.add::after{
  content: " ¡ Agregado ! "
}
.btn-Aplicar{
  font-size: 12px;
  max-width: 40%;
  background-color: white;
  border: 2px solid var(--Rojo);
  font-weight: 700;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.btn-Aplicar-Sorteo{
  padding: 5px 40px;
  background-color: white;
  border: 2px solid #5e00ff;
  font-weight: bold;
  font-style: italic;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  color: #5e00ff!important;
}

.errorProd{
  font-weight: 900;
  font-size: 26px;
}
.minTicket{
	/* sin cyber */
  top:82px!important; 
  height: calc(100% - 82px)!important; 
  
  /*cybermonday juan 11/2022*/  
  /*
  top:112px!important;
  height: calc(100% - 112px)!important;
   */
}
.ticket{
  width: 383px;
  border-left: 1px solid var(--ltr-Footer);
  border-bottom: 1px solid var(--ltr-Footer);
  float: right;
  right: 0;
  position: fixed;

  bottom: 0;
  /*position: absolute;*/
  background-color: white;
  padding-top:10px;
  /*top:139px;
  height: calc(100vh - 139px);*/
  /*top:35px!important; /*cybermonday juan 11/2022*/
  top: 0px; /* sin cyber */
  padding-top:82px!important;
 /* height: calc(100% - 82px)!important;*/
  height: 100%; /*sin cyber*/
  /*height: calc(100% - 35px); /* cybermonday juan 11/2022*/
/*  height: calc(100% - 1304px);*/
  /*min-height: calc(100vh - 159px);*/
/*  min-height: calc(25px + 60px + 250px + 270px + 35px);*/
  /*height: calc(25px + 60px + 250px + 280px + 35px);*/
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.cargaTicket{
  display:none;
  position: fixed;
  right: 0px;
  float: right;
  top: auto;
  width: 383px;
  height: -webkit-fill-available;
  /*height: calc(100% - 25px);*/
  /*z-index: 110;*/
  z-index: 6;
  background: url('/static/img/cargando.gif') 50% 50% no-repeat rgb(249,249,249);
  opacity: .8;
}
.cargando{
  display:none;
  position: fixed;
  left: auto;
  top: auto;
  width: calc(100% - 383px);
  height: calc(100% - 25px);
  /*z-index: 110;*/
  z-index: 6;
  background: url('/static/img/cargando.gif') 50% 50% no-repeat rgb(249,249,249);
  opacity: .8;
}

#cantProducto{
  color: var(--Negro);
  font-weight: bold;
}
.tit-carrito{
  height: 60px;
}
.BTodo{
  justify-content: flex-end!important;
  color:var(--gris-agregaste);
  font-weight: 600;
}
.detalleTicket{
  overflow-y: auto;
  overflow-x: hidden;

  min-height: 230px;
  margin-top: 1px;
}
.detalleTicket ul{
  list-style: none;
}
.det-ticket{
  /*min-height: 6rem;*/
}

.col2{
  max-width: 53.5%;
  min-width: 53.5%;

}
.sticker-borrar.show{
  display: flex;
}
.sticker-borrar{
  display: none;
  position: relative;
  top: 30px;
  left: -80px;
  height: 31px;
  width: 0px;
}
.contenedorImg, .contenedorImg img{
  /*max-height: 85px;
  max-width: 85px;*/
  max-height: 80px;
  max-width: 80px;
}
.contenedorImg{
  min-width: 80px;
}
.txt-fin-ticketCh{
  color:var(--gris-agregaste);
  font-weight: bold;
}
.txt-fin-ticket{
  color:var(--Negro);
  font-weight: bold;
}
.montoTicket{
  width:5.5rem;
}
.input-ticket{
  height: 23px;
  width: 75px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.montoTicket span{
  font-weight: bold;
}
.btn-fin-compra{
  background-color: var(--Rojo);
  border: 2px solid var(--Rojo);
  font-weight: 900;
}
.btn-plan-pago{
  background-color: var(--Rojo);
  border: 2px solid var(--Rojo);
  font-weight: 900;
}
.fin-ticket{
  overflow-y: hidden;
  max-height: 267px; /*max-height: 308px;*/
  height: auto;
  min-height: 153px; /*min-height: 194px;*/ 
  bottom: 0px;
}
.txt-fin-ticket.halignR{
  color:var(--Rojo);
  font-weight: bold;
}
.btn-fin-ticket{
  padding: 10px;
  font-weight: 900;
}
.bot-MG-listas{
  padding: 5px 12px;
  border: 1px solid var(--Negro);
  border-radius: 40px;
  font-weight: 900;
  background-color: var(--Negro);
  color: white;
}
.bot-MG-listas:active, .bot-MG-listas.active, .bot-MG-listas:hover{
  background-color: white;
  color: var(--Negro);
}

.ui-datepicker-unselectable.ui-state-disabled{
  opacity: 0.2 !important;
}
#retEnt > div:nth-child(1){
  height: 149px;
}
.avisoPago{
  border: 1px solid var(--Rojo);
}
#dpago{
  display: none;
  
  /*
  width: 100%;
  height: 100%;
  */
}
#dpago > div{
  display: block;
  position: fixed;
  top:0;
  left: 0;
  z-index: 15;
}
#dpago::before{
  /*z-index: 1;*/
  width: 100vw;
  z-index: auto!important;
}
#ipago{
  display: none;
  min-width: 500px;
  /*min-height: 900px;*/
  background-color: white;
  background: url('/static/img/cargando.gif') 50% 50% no-repeat rgb(249,249,249);
  /*opacity: .8;*/
  /*z-index: 2!important;*/
}

#resultado{
  /*visibility: hidden;*/
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#paso1{
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#paso2{
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#paso3{
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blinking{
    animation: blinkingText 2s linear infinite;
}
@keyframes blinkingText{
  50% {
    opacity: 0;
  }
}
.pasos{
  height: 50px;
  width: 140px;
  border: 1px solid var(--Rojo);
  font-weight: bold;
  color: var(--Rojo);
  border-radius: 23px;
  cursor: pointer;
  line-height: 18px;
}
.pasos.active{
  color: white;
  font-weight: bold;
  background-color: var(--Rojo);
  border-radius: 23px;
  cursor: none;
}
.pasos.show{
  box-shadow: inset 0px 0px 6px 2px white;
}
/*
.selectButtonTarjeta{
  position: absolute!important;

}*/
/*#results.show{
  visibility: visible;
}*/
/********************/
/* CLASES DE FOOTER */
/********************/
footer{
  position: absolute;
  /*clear:both;
  flex-shrink: 0;*/
  height: 495px;
  /*margin-top:200px;*/
/*  position: fixed;*/
  bottom: 0;
  left: 0;
  top:100%;
  margin-bottom: -495px;
  width: 100%;
  /*align-self: flex-end;*/
}
.ff1{
  overflow: hidden;
  background-color: white;
  border-top: 1px solid;
  border-image-width: 15px;
  border-image-source: url(/static/img/bordeF2.png);
  border-image-slice: 100 0 0 0;
  border-image-repeat: repeat;
  border-image-outset: 15px;
}
.ff11{
    height: 96px;
    line-height: 9;
}
.ff12{
  /*
    height: 28px;
    line-height: 28px;
    */
  line-height: 1.2rem;
}
.ff13{
    height: 88px;
    line-height: 1.2;
}
.redFooter{
  color: var(--Rojo);
  font-size: 20px;
  font-family: 'Titillium Web',arial, sans-serif;
  font-weight: 900;
}
.ff2{
  overflow: hidden;
  background: var(--Rojo);
  /*background-color: var(--Negro);*/
  min-height: 6px;
  max-height: 6px;
  height: 6px;
}
.ff2 .col-md-3{
  background: var(--Rojo);
}

.ff3{
  /*
  height: 276px;
  max-height: 276px;
  min-height: 276px;
  */
  height: 306px;
  max-height: 306px;
  min-height: 306px;
  overflow: hidden;
  background-color: var(--Negro);
  color: var(--ltr-Footer);
  font-weight: normal;
}

.ff3 .tit{
  font-weight: bold;
}
.ff3 > .container > .row:nth-child(3) > div:nth-child(1) > div:nth-child(2),
.ff3 > .container > .row:nth-child(3) > div:nth-child(2) > div:nth-child(1){
  line-height: 1.1;
  padding-left: 8px;
}
#preMP{
  width:100%;
  height: 100%;
}
#preMP::before{
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--Negro);
  opacity: 0.5;
  z-index: 10;
}
#i_frame_MP{
  top:35px;
  left: calc((100vw - 450px) / 2);
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  z-index: 1000;
  width: 100vw;
  max-width: 450px;
  min-height: 700px;
  /*height: -webkit-fill-available;*/
}

  .carouselPasos-inner img {
    width: 100%;
    height: 100%;
  }

  .z-index-2{
    z-index: 2;
  }
  
  .z-index-9{
    z-index: 9;
  }

.abmDir:hover{
  color: grey;
}

.modalPlanesPagos, .modalBloqueoCompra{
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 0px;
  border-bottom: 0;
}
.backColor-red{
  background-color: var(--Rojo);
}

.carousel-control-prev-icon {
  background-image: url(/static/img/arrow-left.png);
}

.carousel-control-next-icon {
  background-image: url(/static/img/arrow-right.png);
}

.imgTarjetas{
  width: 48px;
  height: 30px;
}

.scrollMenu{
  height: 660px;
  overflow-y: scroll;
}

.fondoSorteo{
  background-color: #5e00ff;
}

.fondoSorteoInputs{
  background-color: #4d00d0;
  border: none;
  color: white;
}
.fondoSorteoInputs::placeholder{
  color: white;
}
.fondoSorteoInputs:focus{
  background-color: #4d00d0;
  border: none;
  color: white;
}

.fondoSorteoBotones{
  background-color: white;
  font-style: italic;
  font-weight: bold;
  color: #5e00ff!important;
}
.fondoSorteoBotones:hover{
  background-color: #C2C2C2;
}
.checkboxSorteo{
  background-color: #FFC300;
}
input[type=text]:focus{
  outline: 2px solid orange;     /* oranges! yey */
}

.basesYcondiciones{
  font-style: italic;
  color: #FFC300;
}

.top, .bottom {
  position: absolute;
  width: 40px;
  height: 40px;
  pointer-events: none;
}

.top {
  top: 0;
  border-top: 5px solid;
}

.bottom {
  bottom: 0;
  border-bottom: 5px solid;
}

.left {
  left: 0;
  border-left: 5px solid;
}

.right {
  right: 0;
  border-right: 5px solid;
}
.logoWpp{
	width: 300px;
	border-radius: 15px;
}
.boton-flotante {
    display: none;
    position: fixed;
    bottom: 70px;
    right: 20px;
    width: 90px;
    height: 90px;
    background: url('/static/img/wppLogo.png') no-repeat center center; /* Icono inicial */
    background-size: cover;
    border: none;
    cursor: pointer;
    z-index: 1000;
}

.imagen-desplegable {
    position: fixed;
    bottom: 65px;
    right: 95px;
    width: 400px;
    height: 100px;
    background: url('/static/img/logoWpp1.png') no-repeat center center; /* Imagen desplegable */
    background-size: cover;
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    z-index: 999;
}
.boton-flotante:hover + .imagen-desplegable {
    opacity: 1;
    transform: translateX(0);
}
#overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.8); /* Fondo blanco semitransparente */
            z-index: 10; /* Alto índice Z para estar por encima de todos los elementos */
            display: none; /* Inicialmente oculto */
        }