@charset "utf-8";
body {
	/*background-color:#E8E8E8; */
	/* padding-top:200px; */
	padding-top:0px; 
	
	background-color:#FFF;   /* fondo blanco de pantalla */
/*	background-color: #000000;   /*  Fondo negro de pantalla */
	
}


#menu_jje {
    background-color: #CBFDFE;    /* Color de barra superior CELESTE */  
	                            /* para catalogo_jje es el color de la barra superior */
								/* para catalogo2021 es el color de la barra de rubros */
	
	/* background-color:#F00;    /* Color de barra superior ROJO */	
	                             /* color del banner de rubros para catalogo2021 */
	
	height:100px;   /*  Altura del banner superior */
                      /*  Altura del banner de rubros para catalogo2021 */
	
	/* height:150px;   /*  Altura del banner superior PARA catalogo_alb LUCIANA */
	
	border-radius:25px;
}


#menu {
    background-color: #CBFDFE;    /* Color de barra superior CELESTE  catalogo2021 */  
	                            /* para catalogo_jje es el color de la barra superior */
								/* para catalogo2021 es el color de la barra de rubros */
	
	/* background-color:#F00;    /* Color de barra superior ROJO */	
	                             /* color del banner de rubros para catalogo2021 */
	
	height:120px;   /*  Altura del banner superior */
                      /*  Altura del banner de rubros para catalogo2021 */
	
	/* height:150px;   /*  Altura del banner superior PARA catalogo_alb LUCIANA */
	
	border-radius:25px;
}


#texto {
	font-size:18px;
}
#descrip h1 {
	font-size:20px;
	font-weight:bold;
}
	
.caja_producto {
	border-bottom-style:solid;
	border-bottom-color:#333;
	border-bottom-width:3px;
	padding-bottom:8px;

}


@media (max-width: 992px) {
	#menu {
		/*height:50px;  NO GENERA CAMBIOS EN NINGUN CATALOGO */

	}
	body {	
		padding-top:2px;  /* NO GENERA CAMBIOS EN NINGUN CAALOGO */
	}
	#navbar-1 {
	/*	background-color:#39F;    /* Color de barra superior CELESTE */  
                                  /* Color de barra rubros en catalogo2021 */
	}
}

.fila1 {
	/*text-align:center;*/   
	/*background-color:#F00;    /* Color de barra superior ROJO */
	background-color:#39F;*/    /* Color de barra superior CELESTE 
	
	/*height:120px; /*para alberto 125 */
	height:60px; 
	
	/*border-radius:25px;*/
}
.fila1 a {
	color:#FFF;
}
.fila2 {
	text-align:center;
	border-color:#666;
	border-width:1px;
	border-style:solid;
	border-radius:5px;
	box-shadow: 5px 5px #333;

    /*  Fondo de las filas de productos en catalogo_jje */
	background-color: #B0EFEF;      /* Fondo */
	/*background-color:#538ED4;    /* Fondo azul LUCIANA */
    /* background-color: #FF9;     /*  Fondo amarillo */
} 



.carrito {
	/*background-color:#FF9;
	height:30px;*/
}
.precio {
	height:30px;
}

.caja_precio {
	border-radius:10px;
	background: linear-gradient(to right, #7D0101, #0859AA); 
	padding:20px;
	color:#FFF;
}



.caja_precio_noimptk {
	border-radius:10px;
	background: linear-gradient(to bottom, #3399FF, #0859AA); 
	/* background: linear-gradient(to right, #7D0101, #0859AA); /* reyesdeloeste */
	padding:20px;
	color:#FFF;  /*  Color de la fuente */
	/*	color: #000;  /*  Color de la fuente reyesdeloeste*/
}



.foto {
	/*height:300px;*/
}
#logo {
	display:inline;
}
@media (max-width: 992px) {
	#logo {
		width:100px;	
	}
}
#boton_buscar {
	display:inline;
}
#titulo_alberto {
	margin:0px;
	padding:0px;
	color:#FFF;
	text-shadow: 2px 2px 5px #333;
	font-size:18px;
}
#datos_alberto p {
	color:#FFF; 
	font-size:16px;
	text-shadow: 2px 2px 5px #333;
	
}
@media (max-width: 992px) {
	#datos_alberto p {
		margin:0px;
	}
}

.foto_borde {
	border-style:solid;
	border-color:#000;
	border-width:6px;

	border-color:#666;
	border-radius:25px;
	box-shadow: 5px 5px #666;
}

.elipse {
	width:170px;
	height:64px;
	border-radius:50%;
	background-color:#000;
	border-width: 4px;
	border-style:solid;
	border-color:#FFF;
	padding-top:18px;
	color:#FFF;
	
}

.rectangulo {
	border-radius:5px;
	background-color:#000;
	border-width: 4px;
	border-style:solid;
	border-color:#FFF;
	color:#FFF;
}

.rectangulo2 {
	border-radius:5px;
	background-color:#000;
	border-width: 4px;
	border-style:solid;
	border-color:#333;
	color:#FFF;
}


.outter{
   height:25px;
   width:500px;
   border:solid 1px #000;
}

.inner{
   height:25px;
   width:120;
   border-right:solid 1px #000;
   background-color:lightblue; 
}

/*Estilos de la forma de pago */
#candado {
	display: inline;
}
#leyenda_pago_seguro {
	display:inline;
}
#logo_mp {
	display: inline;
}
#leyendas_f_pago h1 {
	font-size:18px;
}
#cuadro_f_pago {
	border-width:1px;
	border-color:#000;
	border-radius:5px;
	border-style:solid;
	padding:7px;
	background-color:#FFF;
}
.foto_prod {
	position:relative;
	z-index:0;
	width:50%
}
.foto_prod img {
	position:relative;
	z-index:0;
}

.cartel_agotado {
	position:absolute;
	top:0; left:0;
	z-index:1;
	width:100%

}
.cartel_agotado img {
	position:relative;
	top:0; left:0;
	z-index:1;
}







#boton_comprar {
	
	background-color:#00C;
	 color:#FFF;   /* Normal */
	/*	color:#000;    /*  reyesdeloeste */
	margin-left:0px;
	margin-top: 0px;
	border-radius:5px;
	height:40px;
	width:80px;
	text-align:center;
	background: linear-gradient(to right, #00B2B2, #0859AA);   /* Normal, celeste degradee */
	/*    background: linear-gradient(to right, #FF0, #FF0);   /* reyesdeloeste */
}


#boton_volver {
	display:inline-block;
	background-color:#00C;
	 color:#FFF;	 
	/*    color:#000;    /*  reyesdeloeste */
	border-radius:5px;
	height:40px;
	width:80px;
	padding-top: 8px;
	text-align:center;
	background: linear-gradient(to right, #00B2B2, #0859AA); 
	/*    background: linear-gradient(to right, #FF0, #FF0);   /* reyesdeloeste */

}



.boton_superior {
	display:block;
	background-color:#00C;
	color:#FFF;
	margin-top:7px;
	margin-left:15px;
	border-radius:5px;
	height:25px;
	width:130px;
	text-align:center;
	background: linear-gradient(to right, #00B2B2, #0859AA);
}

	





#boton_ver_compra {
	display:block;
	background-color:#00C;
	color:#FFF;
	margin-top:7px;
	margin-left:15px;
	border-radius:5px;
	height:25px;
	width:130px;
	text-align:center;
	background: linear-gradient(to bottom, #2E5A81, #D3E1EC);

}
	
#boton_general {
	display:block;
	background-color:#00C;
	color:#FFF;
	margin-top:7px;
	margin-left:15px;
	border-radius:5px;
	height:25px;
	width:130px;
	text-align:center;
	background: linear-gradient(to bottom, #2E5A81, #D3E1EC);

}
#boton_novedades {
	display:block;
	background-color:#00C;
	color:#FFF;
	margin-top:7px;
	margin-left:15px;
	border-radius:5px;
	height:25px;
	width:130px;
	text-align:center;
	background: linear-gradient(to bottom, #2E5A81, #D3E1EC);

}
	
#boton_excel {
	display:block;
	background-color:#00C;
	color:#FFF;
	margin-top:7px;
	margin-left:15px;
	border-radius:5px;
	height:25px;
	width:130px;
	text-align:center;
	background: linear-gradient(to bottom, #2E5A81, #D3E1EC);

}


#boton_menu {
	background-color:#6FF;
}
#por_bulto_x1 {
	background-color:#F00;
	color:#FFF;
	padding:3px;
	border-radius:5px;	
}

p.codigo_qr {
	margin:0px;
	padding:0px;
	text-align:left;
}
	
#contenedor_encabezado {
	background-color:#FFF;
}
	

.productos-page{
  background:#f4f7fb;
  padding:24px;
}

.productos-shell{
  max-width:1440px;
  margin:0 auto;
}

.productos-header{
  background:linear-gradient(135deg,#0f2f57,#174a7c);
  color:#fff;
  border-radius:18px;
  padding:22px 26px;
  margin-bottom:22px;
  box-shadow:0 10px 30px rgba(15,47,87,.15);
}

.productos-header__title h1{
  margin:0;
  font-size:28px;
  line-height:1.1;
}

.productos-header__title p{
  margin:6px 0 0;
  font-size:14px;
  opacity:.9;
}

.productos-panel{
  background:transparent;
}

.productos-layout{
  display:grid;
  grid-template-columns:minmax(0, 2fr) 420px;
  gap:22px;
  align-items:start;
}

.productos-main,
.productos-side{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.productos-card{
  background:#fff;
  border:1px solid #d8e2ee;
  border-radius:18px;
  padding:20px;
  box-shadow:0 8px 24px rgba(16,42,67,.08);
}

.productos-card h2{
  margin:0 0 16px;
  font-size:18px;
  color:#16395f;
}

#contenedor_productos,
#cuadro_productos{
  width:100%;
}

#lstproductos{
  width:100% !important;
  min-height:460px;
  border:1px solid #cbd5e1;
  border-radius:14px;
  padding:8px;
  box-sizing:border-box;
  background:#fbfdff;
}

#fotopro,
#fotopro2,
#fotopro3{
  max-width:100%;
  border:1px solid #d8e2ee;
  border-radius:14px;
  background:#f8fbff;
  padding:8px;
  box-sizing:border-box;
}

input[type="text"],
input[type="date"],
input[type="file"],
select,
textarea{
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:8px 10px;
  box-sizing:border-box;
}

input[type="submit"],
button,
.productos{
  border:none;
  border-radius:10px;
  padding:10px 14px;
  background:linear-gradient(135deg,#2c8ff2,#1e63c6);
  color:#fff;
  font-weight:600;
  cursor:pointer;
}

input[type="submit"]:hover,
button:hover,
.productos:hover{
  filter:brightness(1.05);
}

@media (max-width: 1100px){
  .productos-layout{
    grid-template-columns:1fr;
  }
}