body {
  /* Ubicación de la imagen */
  /*background-image: url(../_image/fondo1.jpg);*/

  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
  background-position: center center;

  /* La imagen de fondo no se repite */
  background-repeat: no-repeat;

  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. fixed o scroll*/
  background-attachment: fixed;

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */
  background-size: cover;

	-webkit-transition:background 1s ease-out;
	-moz-transition:background 1s ease-out;
	-o-transition:background 1s ease-out;
	-ms-transition:background 1s ease-out;
	transition:background 1s ease-out;
  /* Fijamos un color de fondo para que se muestre mientras se está
    cargando la imagen de fondo o si hay problemas para cargarla  */
  background-color: #ffffff;

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;


}


html, body {
    height: 100%;
    margin: 0;
    font-size:16px;
    width: 100%;

}


#div_cabecera {
  background: #ffffff;
  /*color: white;*/
  height: 100px;
  
  width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
  left: 0; /* Posicionamos la cabecera al lado izquierdo */
  top: 0; /* Posicionamos la cabecera pegada arriba */
  position: fixed; /* Hacemos que la cabecera tenga una posición */
  z-index:999;

}

.bt_bandera {
  display:inline-block;
}

.footer {
	background-color: #dfdfdf;
    display: table-row;

}

.div-footer{
  max-width: 900px;
}

footer{
  /*min-height: 70px;*/
  /*margin-top: 1em;*/
  background-color: #2e79ba;
}

.font-footer-tit{
  font-family: Arial, Helvetica, sans-serif, Verdana ;
  font-size:1.0em;
  color:#efefef;
}

.font-footer-tit1{
  font-family: Arial, Helvetica, sans-serif, Verdana ;
  font-size:1.3em;
  color:#f2b76e;
}

.font-footer-tit2{
  font-family: Arial, Helvetica, sans-serif, Verdana ;
  font-size:1.0em;
  color:#f2b76e;
}

.font-footer{
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size:0.95em;
  color:#efefef;
}

.font-08 {font-size: 0.9em;}

.font-07 {font-size: 0.7em;}

.text-nav{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:0.85em;
}

.div_copy{
  padding-top: 10px;
  background-color: #1464a9;
}


.text-pack{
  line-height:5px;
  font-size:1.5em;
}

.text-pack-n{
  line-height:5px;
  font-size:1.3em;
}

.btn-pack{
padding: 2px;
margin-right: 30px;
}






.header-compras {
  padding: 7px 0px 0px 0px;
  margin-right: 10px;
}

a .ver-contenido-top{
  font-size:15px;
  line-height:normal;
  color:#FFF;
  margin:0px 0 0 0px;
  padding:0 0 0 0px;
  text-decoration:none; 
}
a:hover .ver-contenido-top{
  color:#165878;
  text-decoration:none; 
}
a:active .ver-contenido-top{
  color:#165878;
  text-decoration:none; 
}


.text-nombre{
  color: #6778c6;
  font-size: 1.0em;
}



.img-carrito{
	margin-top: -5%;
  margin-right: 5%;
}




.input-text-height{height: 33px;font-size:1.0em;}



::placeholder {
  color: #767676;
  opacity: 0.8; /* Firefox */
}



.text-agregar{
  font-size: 1.3em;
}

.text-min{
  font-size: 0.6em;
}

.glyphicons1 {
  opacity: 0.5;
  filter:  alpha(opacity=50);
  max-width: 40%;
}

#div_search{
  margin-top: 25px;
}

.pad-1{
  margin-left: 2%;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.div-producto {
  width: 200px;
  height: 330px;
  padding: 0.2em;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #A4A4A4;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  display: inline-block;
  text-align: center;

}

#div_img_detalle{
  z-index: 10000;
}

#div_detalle {
  max-width: 600px;
  height: 485px;
  padding: 0.8em;
  margin: 10px 2px 10px 2px;
  background-color: #fff;
  border: 2px solid #A4A4A4;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

hr {
  background: #A4A4A4;
  height: 2px;
  border: none;
}

.p-detalle-titulo{
  font-size:15px;
  font-weight:bold;
  line-height:18px;
  color:#004494;
}
.p-detalle-codigo{
  font-size:13px;
  font-weight:normal;
  line-height:18px;
  color:#004494;
  margin-bottom: -10px;
}

.p-texto-ft{
  font-size:13px;
  font-weight:normal;
  line-height:17px;
  color:#000;
  padding:0 0 0 0;
  margin-top: -10px;
}

.p-img-detalle{
  height:200px;
  margin:0 auto;
  background:#ffffff;
  z-index:10000;
}

.img-detalle{
  max-height: 200px;
}


#t_carrito_detalle{
  background-color: #ffffff;
}

#div_carrito {
  
  min-height: 185px;
  padding: 0.8em;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #70bee6;
  border: 1px solid #70bee6;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

#div_formulario {
  
  min-height: 185px;
  padding: 0.8em;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #70bee6;
  border: 1px solid #70bee6;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.subform{
  font-size:12px;
  font-weight:normal;
  text-align:left;
}


.text-label {
  color: #000;
  font-size: 1.0em;
  font-weight:normal;
}

.text-campo {
  color: #000;
  font-size: 1.0em !important;
  font-weight:normal;
}

.text-tienda-tot{font-size:15px;color: #d94e0f;}

.text-tienda-desc{font-size:15px;color: #675cf8;}

.p-negro{
  color:#000;
  font-size:1em;
  line-height:17px;
}

.p1-negro{
  color:#000;
  font-size:0.9em;
  line-height:17px;
}

.h2-blanco{
  color:#FFF;
  font-size:12px;
}


.ui-autocomplete {
    position: absolute;
    z-index: 10000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      font-size: 1.2em;
      max-width: 300px;
      height: 200px;
      overflow-y:scroll;
      overflow-x:hidden;

}
.ui-autocomplete > li {
  padding: 3px 20px;
}
.ui-autocomplete > li.ui-state-focus {
  background-color: #f5d265;
}

#text_nombre{
  font-size:0.8em;
}




@media (min-width: 250px) {


#header-left{margin-top: -10px;}
#div_menu > .logo_menu{position: absolute;top: -29px;left: -5%; }
#img-logo{max-width: 75%;}
.img-porc1{max-height: 145px;min-height: 145px;width: 100%;}
.img-porc2{max-height: 280px;min-height: 280px;width: 100%;}

.mapa-plano{max-width: 250px;}

.div-producto {width: 300px;}

#div_detalle {height: 525px;}

#div_carrito {padding: 0.3em;max-width: 100%;}
#div_contenido {
  padding: 0;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(214,211,214,1) 99%, rgba(214,211,214,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(246,246,246,1)), color-stop(99%, rgba(214,211,214,1)), color-stop(100%, rgba(214,211,214,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(214,211,214,1) 99%, rgba(214,211,214,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(214,211,214,1) 99%, rgba(214,211,214,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(214,211,214,1) 99%, rgba(214,211,214,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 0%, rgba(214,211,214,1) 99%, rgba(214,211,214,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d3d6', GradientType=0 );
  padding-top: 20px; /* Relleno superior igual a la altura de la cabecera*/

}

body{
  padding-top: 100px; /* Relleno superior igual a la altura de la cabecera*/
}

#div_cabecera {
  height: 100px;
}

#div_logo_header{
  margin-top: 5px;
  margin-left: -10px;
}

.logo-header{
  max-width: 140%;
}

.bt_whatsapp{
  margin-top: 10px;
  margin-left: -0px;
  max-width: 100%;
}

.text-search{
  background-color: #fff;
  width: 200px;
  height: 35px;
  padding: 0px 10px;
  font-size: 0.9em !important;
  border-radius: 3px 3px 3px 3px;
  /*margin-left: -25px;*/
  margin-top: 15px;
}

.text_buscar{
  padding: 0px 10px;
  font-size: 0.9em !important;
}

.text-search1{
  margin-top: 12px;
}

.header-carrito{
    position: relative;
    display: inline-block;
    text-align: center;
}

.ver-contenido{
  position: absolute;
  top: 20px;
  left: 0px;
  font-size:10px;
  line-height:normal;
  color:#fff;
  padding:2px 5px 2px 5px;
  /*float:left;*/
  background:#000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  width: 70px;
}

#id_img_carrito {
  margin-left: -15px;
  margin-top: 10px;
  max-width: 105%;
}



.text-totcompra{
  color: #343434;
  font-size: 1.2em;
  font-weight:bold;
  text-align: center;
}

.img-lista{
    max-width: 150%;
}

.bt_bandera{
  margin-top: 10px;
  max-width: 40%;
}

}

@media (min-width: 400px) {
#div_menu > .logo_menu{position: absolute;top: -35px;left: -5%;}

}

@media (min-width: 500px) {

.mapa-plano{max-width: 100%;}

body{
  padding-top: 120px; /* Relleno superior igual a la altura de la cabecera*/
}

#div_cabecera {
  height: 120px;
}

.div-producto {width: 300px;}

#div_carrito {padding: 0.8em;max-width: 90%;}
#div_detalle {margin-right: 20%;margin-left: 20%;}

.logo-header{
  max-width: 100%;
}

.bt_whatsapp{
  margin-top: 6px;
  margin-left: -20px;
  max-width: 50%;
}

.text-search{
  background-color: #fff;
  width: 250px;
  height: 35px;
  padding: 0px 10px;
  font-size: 0.9em !important;
  border-radius: 3px 3px 3px 3px;
  /*margin-left: -55px;*/
  margin-top: 15px;
}

.text_buscar{
  padding: 0px 10px;
  font-size: 0.9em !important;
}

.text-search1{
  margin-top: 15px;
}

.header-carrito{
    position: relative;
    display: inline-block;
    text-align: center;
}

.ver-contenido{
  position: absolute;
  top: 20px;
  left: 25px;
  font-size:10px;
  line-height:normal;
  color:#fff;
  padding:2px 5px 2px 5px;
  /*float:left;*/
  background:#000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  width: 70px;
}

#id_img_carrito {
  margin-left: 10px;
  margin-top: 6px;
  max-width: 50%;
}

.img-lista{
    max-width: 80%;
}

.bt_bandera{
  margin-top: 8px;
  max-width: 35%;
}

}

@media (min-width: 768px) {

body{
  padding-top: 130px; /* Relleno superior igual a la altura de la cabecera*/
}

#div_detalle {height: 485px;}

#div_cabecera {
  height: 130px;
}

#div_logo_header{
  margin-top: 13px;
  margin-left: 5px;
}

.c-inicio{
  margin-top: -10px;
}

.logo-header{
  max-width: 130%;
}

.bt_whatsapp{
  margin-top: 32px;
  margin-left: 10px;
  max-width: 100%;
}

.text-search{
  background-color: #fff;
  width: 200px;
  height: 35px;
  padding: 0px 10px;
  font-size: 1.4em !important;
  border-radius: 4px 4px 4px 4px;
  margin-left: 0px;
  margin-top: 10px;
}

.text_buscar{
  padding: 0px 10px;
  font-size: 1.4em !important;
}
.text-search1{
  margin-top: 10px;
}

.header-carrito{
    position: relative;
    display: inline-block;
    text-align: center;
}

.ver-contenido{
  position: absolute;
  top: 35px;
  left: 45px;
  font-size:14px;
  line-height:normal;
  color:#fff;
  padding:1px 2px 2px 2px;
  /*float:left;*/
  background:#000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  width: 90px;
}

#id_img_carrito {
  margin-left: 10px;
  margin-top: 15px;
  max-width: 50%;
}

.text-totcompra{
  color: #343434;
  font-size: 1.4em;
  font-weight:bold;
  text-align: center;
}

.img-lista{
    max-width: 80%;
}

.bt_bandera{
  margin-top: 35px;
  max-width: 30%;
}

}

@media (min-width: 900px) {
.mapa-plano{min-height: 380px;min-width: 500px;}
}

@media (min-width: 1024px) {

.bt_bandera{
  margin-top: 35px;
  max-width: 30%;
}

}

@media (min-width: 1200px) {

body{
  padding-top: 150px; /* Relleno superior igual a la altura de la cabecera*/
}

#div_detalle {height: 485px;}

#div_cabecera {
  height: 150px;
}

#div_logo_header{
  margin-top: 10px;
}

.logo-header{
  max-width: 130%;
}

.bt_whatsapp{
  margin-top: 32px;
  max-width: 100%;
}

.text-search{
  background-color: #fff;
  width: 400px;
  height: 35px;
  padding: 0px 10px;
  font-size: 1.6em !important;
  border-radius: 4px 4px 4px 4px;
  margin-top: 12px;
}

.text_buscar{
  padding: 0px 10px;
  font-size: 1.6em !important;
}

.text-search1{
  margin-top: 12px;
}

.header-carrito{
    position: relative;
    display: inline-block;
    text-align: center;
}

.ver-contenido{
  position: absolute;
  top: 45px;
  left: 50px;
  font-size:18px;
  line-height:normal;
  color:#fff;
  padding:1px 2px 2px 2px;
  /*float:left;*/
  background:#000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  width: 120px;
}

#id_img_carrito {
  margin-left: 10px;
  margin-top: 15px;
  max-width: 60%;
}

.text-totcompra{
  color: #343434;
  font-size: 1.4em;
  font-weight:bold;
  text-align: center;
}

.img-lista{
    max-width: 80%;
}


}

@media (min-width: 1367px) {
}


.text-link{
	font-size:1.0em;
	color:#9e9e9e;
	text-decoration: underline;
}

.text-copy{
	font-size:0.9em;
	color:#9e9e9e;
}

.text-info{
  /*font-family: 'PierSans-Bold';*/
  color:#7b7a7a;
  font-size:0.8em;
}

.footer-link{
	padding-top: 2%;
}

.info {
	display: inline-block;
}



#id_inicio{margin-top:3px;  }


#div_productos_row{
  /*background-color: #ffc7ff;*/
  
  min-height: 800px;
  margin-top: 5px;
  text-align: center;
}

#fila1-prod{
  margin-top: 0px;
/*  background-color: #E6E6E6;
*/  z-index:100;
}




.text-descrip{
  font-size:1.5em;
  color:#f2931f;
  font-style:bold;
  text-align:center;
}
.text-comen1{
  font-size:14px;
  color:#f2931f;
  font-style:italic;
  text-align:left;
}

.p-titulo{
  height:45px;
  font-size:18px;
  color:#5c5d5f;
  font-weight:normal;
  line-height:22px;
  margin:10px 10px 10px 10px;
  padding:0px 10px 0px 10px;
  text-align:center;
}


.p-titulo-detalle{
  font-size:20px;
  color:#5c5d5f;
  font-weight:normal;
  line-height:20px;
  text-align:center;
}

.p-subtitulo-detalle{
  font-size:20px;
  color:#d43a16;
  font-weight:normal;
  line-height:20px;
  text-align:center;
}

.p-img{
  width: 100%;
  height:180px;
  margin:0 auto;
  background:#ffffff;
  overflow:hidden;
  z-index:100;
}

.img-prod{
  max-height: 100%;
}

.p-descrip{
  height:55px;
  text-align:center;
  margin:0 auto;
  line-height:15px;
  padding: 9px 0 4px 0;
  font-size: 12px;
  font-weight:bold;
  color:#000;
}

.p-precio{
  /*font-family: 'PierSans';*/
  font-size:0.8em;
  color:#DF2027;
  font-weight:bold;
  line-height:15px;
  margin:2px 0 0 0;
  padding: 6px 0 2px 0;
  text-align:center;
}

.p-precio-oferta{
  /*font-family: 'PierSans';*/
  font-size:1.5em;
  color:#DF2027;
  font-weight:bold;
  line-height:15px;
  margin:2px 0 5px 0;
  padding: 6px 0 2px 0;
  text-align:center;
}

#div_cantidad{
  max-width: 80%;
}

.text-cantidad{
  font-size: 1.4em !important;
}

#text-categ{
    width: 110px;
    height: 35px;
    background:#f5dc84;
}

.text-categ{
  font-size:21px;
  color:#f6c20b;
  font-weight:bold;
}



/* ----------------------------------- FIN MEGALIBRERIA ----------------------------------- */


#id_carrito_detalle{
  margin-top: 10px;
    height: 350px;
    overflow-y:scroll;
}

.tooltip-inner {
  max-width: 500px;
}

.tips + .tooltip > .tooltip-inner {
    width: 250px;
    background-color: #fff;
    color: #9e9e9e;
    border: 3px solid #e8550c;
    padding: 5px;
    font-size: 1em;
}

/* Tooltip on top */
.tips + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #e8550c;
}

.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1.0;
}


.text-registro-tit{margin-top: 30px; margin-bottom: 30px; font-size:1.3em;font-family: 'PierSans-Bold';color: #666666;}

#div_registro{margin-top: 0px;margin-bottom: 10px}
#div_ingresar{margin-top: 30px;margin-bottom: 50px}

#id_categ{font-size:1.0em;font-family: 'PierSans-Bold';color: #808080;background-color: #ededed;padding: 10px;}

.text-form-tit{font-size:1.0em;font-family: 'PierSans-Bold';color: #808080;}

#id_usuario, #id_dempresa, #id_entrega, #bot_enviar_datos{margin-top: 50px;}

#id_tel_foot {
  width:192px;
}

.div_foot_comun{
  margin-bottom: 10px;
}

#slideshow-tel {
  position:relative;
  max-width:192px;
  height:67px;
  background:url(../_image/ft-telefonos.png) left top no-repeat;
  margin:0 10px 0 0;
  float:left;
}


.txt-azul{
    color:#034EA2;
}

#img-lista{
    max-width: 115px;
}


.v-middle {
	display: inline-block;
	vertical-align: middle;
}

.cpointer {
	cursor: pointer;
}

#div_centrado {
   width: 30%;
   height: 26%;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15%;   // Presta atencion al signo negativo!!!
   margin-top: -13%;   // Presta atencion al signo negativo!!!
   z-index: 99999;
}

/*-- Animación de Cargando --*/
.spiner {
    padding: 7px;
    margin: 0;
    height: 74px;
   z-index: 99999;

}
.ball1{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}


  /*-- Círculo interior --*/
.ball1 {
    border: 5px solid #d94e0f;
    border-top: 5px solid rgba(211, 108, 137, 0.31);
    border-left: 5px solid rgba(211, 108, 137, 0.31);
    width: 26px;
    height: 26px;
    position: relative;
    top: -48px;
    -webkit-animation: spinoff 1s infinite linear;
    -o-animation: spinoff 1s infinite linear;
    animation: spinoff 1s infinite linear;
}

/*-- Animación Spin --*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*-- SpinOff --*/

@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-moz-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}




.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 0px;
}


/* Para que no aparezcan los mensajes de Autocomplete */
.ui-helper-hidden-accessible { display:none; }



.desc_oferta{
  font-size:13px;
  color:#3c5aa7;
  font-weight:bold;
  line-height:normal;
  margin:0px 0 0 3px;
  text-align:center;
}

.prec-ant{
  font-size:13px;
  color:#a3a4a4;
  text-decoration:line-through;  
  line-height:normal;
  text-align:center;
}

.buscador{
  font-size:13px;
  color:#ffffff;
  text-align:center;
}

.cartel-nuevo-busc{
  width:80px;
  height:60px;
  background:url(../_image/nuevo.png) left top no-repeat;
  float:left;
  position:absolute;
  z-index:9976;
  margin:-5px 0 0 -50px;
}



.modal-backdrop
{
    filter: alpha(opacity=80) !important;
    opacity:0.8 !important;
}


body {
  background: var(--bg-soft);
  color: #1f2937;
  padding-top: 140px;
}

#div_cabecera.header-modern {
  height: auto;
  padding: 16px 18px 14px;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 35px rgba(0,0,0,.08);
}

.header-top-inner {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  max-width:1400px;
  margin:0 auto 12px;
}
.brand-left{display:flex;align-items:center;gap:14px;min-width:0}
.logo-header{width:68px;height:68px;object-fit:cover;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.brand-title{font-size:28px;font-weight:800;color:var(--secondary-color);line-height:1.1}
.brand-note{font-size:13px;color:#6b7280;margin-top:4px}
.header-actions{display:flex;align-items:center;gap:12px}
.header-whatsapp{background:var(--accent-color);color:#fff;border:none;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:0 10px 25px rgba(22,163,74,.25)}
.header-cart{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:10px 14px;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.header-cart-icon{width:38px;height:38px;object-fit:contain}
.header-search-wrap{max-width:1400px;margin:0 auto}
.search-shell{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.06)}
.search-shell .input-group-addon{background:transparent;border:none;padding:16px 18px;color:var(--secondary-color)}
.search-shell .form-control{border:none;box-shadow:none;height:52px;font-size:16px}
.hero-section{padding:26px 0 10px}
.hero-container{max-width:1400px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}
.hero-copy-card,.hero-slider-card{background:#fff;border-radius:var(--card-radius);box-shadow:0 20px 50px rgba(15,23,42,.08);overflow:hidden}
.hero-copy-card{padding:32px}
.hero-badge{display:inline-block;background:rgba(255,122,0,.12);color:var(--primary-color);font-weight:700;padding:8px 14px;border-radius:999px;margin-bottom:14px}
.hero-title{font-size:46px;line-height:1.05;margin:0 0 14px;color:var(--secondary-color);font-weight:800;max-width:720px}
.hero-subtitle{font-size:18px;line-height:1.6;color:#475569;max-width:720px}
.hero-highlights{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px}
.hero-highlights span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:10px 14px;font-weight:600;color:#334155}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}
.hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:700;text-decoration:none !important}
.hero-btn-main{background:linear-gradient(135deg,var(--primary-color),#ff9f4a);color:#fff;box-shadow:0 12px 30px rgba(255,122,0,.25)}
.hero-btn-alt{background:#eef2ff;color:var(--secondary-color)}
.hero-slider-card{padding:14px}
.hero-carousel-inner,.hero-banner-img{height:100%}
.hero-banner-img{width:100%;height:420px;object-fit:cover;border-radius:calc(var(--card-radius) - 6px)}
.hero-indicators{bottom:6px}
.announcement-bar{margin-top:16px;background:#fff8eb;border-left:5px solid var(--primary-color);padding:16px 20px;border-radius:16px;color:#7c5a23;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:10px 6px 18px;max-width:1400px;margin:0 auto}
.catalog-title{font-size:28px;font-weight:800;color:var(--secondary-color);margin:0}
.catalog-text{margin:6px 0 0;color:#64748b}
#fila1-prod{max-width:1400px;margin:0 auto}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:4px 6px 40px}
.div-producto.product-card-modern{width:auto;height:auto;border:none;border-radius:var(--card-radius);overflow:hidden;box-shadow:0 18px 40px rgba(15,23,42,.08);padding:0;background:#fff;transition:transform .2s ease, box-shadow .2s ease}
.div-producto.product-card-modern:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(15,23,42,.12)}
.product-image-wrap{background:linear-gradient(180deg,#ffffff,#f8fafc);padding:18px;cursor:pointer}
.product-thumb{width:100%;height:230px;object-fit:contain}
.product-info-wrap{padding:18px}
.product-title-modern{min-height:54px;font-size:16px;line-height:1.4;color:#0f172a;font-weight:700;text-align:left;margin-bottom:14px}
.product-meta-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.product-price-modern{font-size:30px;color:var(--secondary-color);font-weight:800;line-height:1}
.product-pack-badge{background:#eff6ff;color:var(--secondary-color);border:1px solid #bfdbfe;padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px}
.product-actions-modern{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-card-main,.btn-card-pack{border-radius:14px;padding:12px 10px;font-weight:700;border:none}
.btn-card-main{background:var(--primary-color)}
.btn-card-pack{background:var(--secondary-color)}
.btn-card-main:hover,.btn-card-pack:hover{opacity:.93}
.modal-modern{border-radius:22px;overflow:hidden;box-shadow:0 25px 60px rgba(15,23,42,.25)}
.cart-floating-button{position:fixed;right:24px;bottom:24px;z-index:1001;border:none;background:linear-gradient(135deg,var(--secondary-color),#3568a8);color:#fff;width:64px;height:64px;border-radius:999px;font-size:20px;box-shadow:0 16px 35px rgba(28,77,140,.35)}
#cart_floating_count{position:absolute;top:-5px;right:-2px;background:var(--primary-color);color:#fff;width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.cart-reminder-bar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 18px 45px rgba(15,23,42,.12);padding:12px 14px;display:flex;align-items:center;gap:12px;max-width:90vw}
.cart-reminder-bar.hidden{display:none}
.cart-reminder-text{font-weight:700;color:#334155}
#t_carrito_detalle td,#t_carrito_detalle th{vertical-align:middle !important}
.img-lista{max-width:60px;max-height:60px;object-fit:contain}
@media (max-width: 991px){
  body{padding-top:160px}
  .hero-grid{grid-template-columns:1fr}
  .hero-title{font-size:36px}
  .hero-banner-img{height:300px}
}
@media (max-width: 767px){
  body{padding-top:170px}
  #div_cabecera.header-modern{padding:12px}
  .header-top-inner{align-items:flex-start;flex-direction:column}
  .header-actions{width:100%;justify-content:space-between}
  .brand-title{font-size:22px}
  .hero-copy-card{padding:22px}
  .hero-title{font-size:30px}
  .hero-subtitle{font-size:16px}
  .product-thumb{height:190px}
  .product-actions-modern{grid-template-columns:1fr}
  .cart-reminder-bar{border-radius:20px;left:12px;right:12px;transform:none;max-width:none;justify-content:space-between}
}