/********* CSS Document *****************/
	body,td,th {
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		font-size: 11px;
		color: #000000;
	}
	body{
		background-color:rgba(0,0,0,0);  
		font-family:'Quicksand', sans-serif;
	}	body.fondoNegro{background-color: #000000;}
	img{
		border:none;
	}
	*:focus {
		outline: none;
	}
	body {
		margin-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin:0px;
		height:100%;
		width:100%;
	}

    .scrollControlable                    { scrollbar-width: none; /*Firefox*/ }    
    .scrollControlable::-webkit-scrollbar { width: 0; /*Webkit(Chrome, Android browser, Safari, Edge...)*/ }

    ::-webkit-scrollbar 		        { width: 12px; height: 5px; }
    ::-webkit-scrollbar-track-piece     { background: #FFFFFF00; }
    ::-webkit-scrollbar-thumb 	        { background: black; border-radius: 20px; border: #FFFFFF 2.5px solid;
                                          background-image: -webkit-linear-gradient(var(--entorno_color), var(--entorno_color_oscuro));
                                          background-image: -o-linear-gradient(var(--entorno_color), var(--entorno_color_oscuro));
                                          background-image: linear-gradient(var(--entorno_color), var(--entorno_color_oscuro));  
                                        }
    ::-webkit-scrollbar-thumb:hover     { background: var(--entorno_color_botones); }

	.noseleccionable{
		user-select: none;
		-moz-user-select: none; 
		-webkit-user-select: none;
		-ms-user-select: none;   
	}	
	a:link { text-decoration: none; }
	a:visited {	text-decoration: none; }
	a:hover { text-decoration: none; }
	a:active { text-decoration: none; }
	
	:root {
		--entorno_color 				: #00ADEF; 
		--entorno_color_oscuro 			: #006E34;
		--entorno_color_claro 			: #00A550;
		--entorno_color_botones			: #006E34;
		--entorno_color_verde			: #2ECC71; 
		--entorno_color_verde_oscuro	: #0F9447; 
		--entorno_color_rojo 			: #E74C3C; 
		--entorno_color_naranja			: #E67E22;
		--entorno_color_amarillo		: #F1C40F;
	}
	
	.cargadorContenedor {
		position:absolute; top:0px; bottom:0px; right:0px; left:0px;
	}
	.cargadorSpin {
		position:absolute; top:0px; bottom:0px; right:0px; left:0px; width:75%; max-width:150px; height:75%; max-height:150px; box-sizing:border-box; margin:auto;
		border:3px solid rgba(0,0,0,0.1); border-top:3px solid var(--entorno_color); border-radius:50%;				
		-webkit-animation: spin 0.75s linear infinite;
		animation: spin 0.75s linear infinite;
	}	.fondoNegro .cargadorSpin {border:3px solid rgba(255,255,255,0.1); border-top:3px solid var(--entorno_color);}
	
	@-webkit-keyframes spin {
	    0% { -webkit-transform: rotate(0deg);   }
	  100% { -webkit-transform: rotate(360deg); }
	}
	@keyframes spin {
	    0% { transform: rotate(0deg);   }
	  100% { transform: rotate(360deg); }
	}
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-Thin.ttf');
        font-weight: 100;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-ExtraLight.ttf');
        font-weight: 200;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-Light.ttf');
        font-weight: 300;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');
        font-weight: 400;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');
        font-weight: normal;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-Medium.ttf');
        font-weight: 500;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-SemiBold.ttf');
        font-weight: 600;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf');
        font-weight: 700;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-ExtraBold.ttf');
        font-weight: 800;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-Black.ttf');
        font-weight: 900;
    }
    @font-face {
        font-family: 'Roboto-lite';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-Light.ttf');
    }
    @font-face {
        font-family: 'Roboto-black';
        src: url('./fonts/Roboto/Roboto-Black.ttf');
    }
	
	#cuerpo{
		position:relative; box-sizing:border-box; padding-bottom:50px;
	}
	
	#dataLista{
		position:relative; box-sizing:border-box; min-height:500px;
	}
	#log{
		position:fixed; bottom:15px; left:15px; box-sizing:border-box; max-width:350px; margin:auto; border-radius:20px;
		line-height:35px; color:#FFF; font-size:15px; font-weight:500; text-align:left; padding-left:45px; padding-right:15px;
		z-index:200; background-color:#2ECC71; box-shadow:rgb(0,0,0,0.5) 0px 0px 25px;
		background-image:url('png/nuevos/icons8-checkmark-96(1).png'); background-size:20px; background-position:left+10px center; background-repeat:no-repeat;
		white-space:nowrap; text-overflow:ellipsis;	overflow:hidden; 
		display:none;
	}	#log.negro{ background-color:#222; background-image:url('png/nuevos/icons8-loading-100(1).png'); }
		#log.rojo{ background-color:#E74C3C; background-image:url('png/nuevos/icons8-help-100(1).png'); }
	
	#divControl{
		position:fixed; top:-100px; left:-100px; height:1px; width:1px; box-sizing:border-box; opacity:0;
	}
	#ventana{
		position:fixed; z-index:90; top:0px; bottom:0px; left:0px; right:0px; background-color:#FFF; display:none;
	}	.fondoNegro #ventana{background-color:#000;}
	
		#ventana .regresar{
			position:absolute; z-index:3; top: 10px; left: 15px; width:40px; height: 40px; cursor:pointer;
			background-image:url(png/nuevos/icons8-back-50.png); 
			background-size:auto 50%; background-repeat:no-repeat; background-position: center center; background-color:#FFF;
			border-radius: 50%; box-shadow: rgb(0,0,0,0.75) 0px 1px 1px, rgb(0,0,0,0.25) 0px 0px 3px;				
		}	.fondoNegro #ventana .regresar{
				top: 10px; left: 15px; width:40px; border-radius: 40px; box-shadow: rgb(0,0,0,0.25) 0px 0px 3px;
				background-color:#FFF; border: rgb(0,0,0,0.1); background-size:auto 50%; background-position: center center; 
				background-image:url('png/nuevos/icons8-back-50.png');
			}
		
		#ventana .cerrar{
			position:fixed; z-index:3; right:15px; top:10px; width:40px; height: 40px; cursor:pointer;
			background-image:url(png/nuevos/icons8-delete-ios-50.png); 
			background-size:auto 50%; background-repeat:no-repeat; background-position: center center; background-color:#FFF;
			border-radius: 50%; box-shadow: rgb(0,0,0,0.75) 0px 1px 1px, rgb(0,0,0,0.25) 0px 0px 3px;			
		}	.fondoNegro #ventana .cerrar{
				top: 10px; right: 15px; width:40px; border-radius: 40px; box-shadow: rgb(0,0,0,0.25) 0px 0px 3px; 
				background-color:#FFFFFF; border: rgb(0,0,0,0.1); background-size:auto 50%; background-position: center center; 
				background-image:url('png/nuevos/icons8-delete-ios-50.png');
			}
		
		#ventana .loading{
			position:absolute; z-index:2; left:0px; right:0px; top:0px; bottom:0px; background-image:linear-gradient(to bottom, rgb(255,255,255,1), rgb(255,255,255,0.5)); display:none;		
		}	.fondoNegro #ventana .loading{ background-image:linear-gradient(to bottom, rgb(0,0,0,1), rgb(0,0,0,0.5)); }
		
		#ventana .data{
			position:absolute; z-index:1; left:0px; right:0px; top:0px; bottom:0px; overflow:auto;			
		}
	
/******************* Ventana Emergente MENU **************/
	#menuEmergente{
		position:fixed; top:0px; bottom:0px; left:0px; right:0px; box-sizing:border-box; overflow:hidden; z-index:100; display:none;
	} 
		#menuEmergente .fondo{
			position:absolute; left:0px; top:0px; bottom:0px; background-color:#FFF; width:1%; box-sizing:border-box;			
		}
		#menuEmergente .contenedor{
			position:absolute; left:0px; right:0px; top:0px; bottom:0px; box-sizing:border-box; z-index:2; overflow:hidden;	
		}
		#menuEmergente .pagina{
			position:relative; width:100%; height:100%; box-sizing:border-box; margin:0px;	
		}
		#menuEmergente .cerrar, #menuEmergente .atras{
			position:absolute; top:10px; right:10px; height:45px; width:45px; box-sizing:border-box; 
			background-position:center center; background-repeat:no-repeat; background-size:30px;
			cursor:pointer; z-index:5;
		}	#menuEmergente .atras	{ right:auto; left:10px; background-image:url(png/nuevos/icons8-scroll-up-50.png); background-size:40px; }
			#menuEmergente .cerrar	{ left:auto; right:10px; background-image:url(png/nuevos/icons8-delete-ios-50.png); }

		#menuEmergente .titulo{
			position:absolute; top:10px; left:65px; right:65px; height:45px; box-sizing:border-box; overflow:hidden;
			line-height:45px; font-size:30px; color:#000; font-weight:500; text-align:center; letter-spacing:-0.5px;
			background-position:center center; background-repeat:no-repeat; background-size:contain;
			user-select: none;
			-moz-user-select: none; 
			-webkit-user-select: none;
			-ms-user-select: none;  
		}
		#menuEmergente .indice{
			position:absolute; top:65px; left:0px; right:0px; height:55px; box-sizing:border-box; overflow:hidden; border-bottom:rgb(0,0,0,0.1) 1px solid; z-index:4;
			user-select: none;
			-moz-user-select: none; 
			-webkit-user-select: none;
			-ms-user-select: none;  
		}	#menuEmergente .indice.busc{ padding:5px; padding-left:15px; padding-right:15px;}
		
			#menuEmergente .indice .inputBusc{
				position:relative; height:100%; width:100%; box-sizing:border-box; background-color:rgb(0,0,0,0.05); border:rgb(0,0,0,0.1) 1px solid; border-radius:10px;
				padding-left:40px; padding-right:35px; text-align:left; font-size:20px; font-weight:400; color:#000;
				background-image:url(png/nuevos/icons8-search-100.png); background-size:20px; background-position:left+10px center; background-repeat:no-repeat;
			}
			#menuEmergente .indice .marco{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; box-sizing:border-box; overflow:auto;
				padding-left:35px; padding-right:35px; white-space:nowrap; text-align:center;
			}
			#menuEmergente .indice .boton{
				position:relative; height:55px; padding-left:15px; padding-right:15px; box-sizing:content-box; cursor:pointer; display:inline-block;
				line-height:53px; font-size:20px; color:rgb(0,0,0,0.6); font-weight:400; text-align:center; letter-spacing:-0.5px;
				white-space:nowrap; text-overflow:ellipsis;	
			}	#menuEmergente .indice .boton.click{ color:#000; font-weight:750; }
			
			#menuEmergente .indice .desplazar{
				position:absolute; top:0px; bottom:0px; width:35px;
				background-position:center center; background-repeat:no-repeat; background-size:20px;
				cursor:pointer;
				
			}	#menuEmergente .indice .desplazar.izquierda{ left:0px; z-index:3; background-image:url(png/nuevos/icons8-back-50.png); }
				#menuEmergente .indice .desplazar.derecha{ right:0px; z-index:3; background-image:url(png/nuevos/icons8-forward-50.png);}
				#menuEmergente .indice .desplazar.fizquierda{ left:0px; width:50px; z-index:2; background-image:linear-gradient(to right, rgb(255,255,255,1) 50%, transparent); background-size:auto; }
				#menuEmergente .indice .desplazar.fderecha{ right:0px; width:50px; z-index:2; background-image:linear-gradient(to left, rgb(255,255,255,1) 50%, transparent); background-size:auto; }
			
		#menuEmergente .separacion{
			position:absolute; top:120px; left:0px; right:0px; height:20px; box-sizing:border-box; background-image:linear-gradient(to bottom, rgb(0,0,0,0.1), transparent); z-index:3;
		}	#menuEmergente .pagina.base .separacion{ top:65px; }
		
		#menuEmergente .informacion .columna{
			position:relative; float:left; width:70%; box-sizing:border-box; padding:0px; padding-bottom:15px;
		}	#menuEmergente .informacion .columna.mini{ width:30%; float:right; }
		
		#menuEmergente .informacion{
			position:absolute; left:0px; right:0px; top:120px; bottom:0px; box-sizing:border-box; padding:15px; overflow:auto;	
		}	#menuEmergente .pagina.base .informacion{ top:65px; }
		
			#menuEmergente .informacion .opcion{
				position:relative; float:left; width:100%; height:auto; box-sizing:border-box; overflow:hidden;
				line-height:40px; font-size:15px; font-weight:500; text-align:left; cursor:pointer;
			}
				#menuEmergente .informacion .opcion.contenido{
					height:auto; padding:0px;
				}
				#menuEmergente .informacion .opcion .contador{
					position:absolute; top:0px; bottom:0px; right:0px; width:35px; height:20px; line-height:20px; border-radius:10px; margin:auto; 
					font-size:12px; color:rgb(0,0,0,0.5); text-align:center;
					padding-left:10px; padding-right:10px;
				}	#menuEmergente .informacion .opcion.SUBZONA .contador{ background-color:rgb(0,0,0,0.05); border:rgb(0,0,0,0.1) 1px solid; width:75px; }
					#menuEmergente .informacion .opcion.subx .contador{ bottom:auto; top:15px; right:10px; border:rgb(0,0,0,0.1) 1px solid; }
					#menuEmergente .informacion .opcion.click .contador{ color:rgb(255,255,255,0.75); background-color:transparent; border:hidden; }
					
				#menuEmergente .opcion.principal{
					width:100%;					
					margin-bottom:50px;
					display: flex;
					flex-wrap: wrap;
  					justify-content: center;	
					-webkit-align-items: stretch; 
 					align-items: stretch; 			  
				}	#menuEmergente .opcion.principal.cerrado.old{ height:40px; margin-bottom:10px; background-image:url(png/nuevos/icons8-expand-arrow-50.png); }
				
				#menuEmergente .opcion.secundario{
					width:300px; height:auto; max-height:290px; overflow:hidden; margin:5px; margin-bottom:10px; padding-bottom:40px; border-radius:10px;	
				}
					#menuEmergente .opcion.secundario .botonMas{
						position:absolute; bottom:0px; left:0px; right:0px; height:40px; box-sizing:border-box; z-index:2; cursor:crosshair; border-radius:10px;
						background-image:linear-gradient(to top, rgb(255,255,255,1), rgb(255,255,255,1), rgb(255,255,255,0.75));
						white-space:nowrap; text-overflow:ellipsis;	overflow:hidden;
					}
						#menuEmergente .opcion.secundario .botonMas .bordeador{
							position:relative; height:20px; width:150px; background-color:var(--entorno_color_botones); border-radius:10px;
							line-height:20px; font-size:15px; color:#FFF; font-weight:500; text-align:center;
							margin:auto; margin-top:10px;
						}
				
				#menuEmergente .opcion.clax{
					width:100%;	font-weight:700;
				}	#menuEmergente .opcion.clax.click{ padding-left:25px; background-color:var(--entorno_color); border-radius:10px; }
				
				#menuEmergente .opcion.subx{
					width:100%;	font-weight:700;
				}	#menuEmergente .opcion.subx.click{ padding-left:45px; background-color:var(--entorno_color); }
				
					#menuEmergente .opcion .texto, #menuEmergente .opcion .contador{
						white-space:nowrap; text-overflow:ellipsis;	overflow:hidden;
					}
					#menuEmergente .opcion.catx .texto{
						height:100px; line-height:50px; margin-bottom:30px; 
						text-align:center; font-size:25px; font-weight:400; color:var(--entorno_color); 
						background-image:url(png/nuevos/icons8-expand-arrow-50.png); background-size:25px; background-position:bottom center; background-repeat:no-repeat;						 
					}					
					#menuEmergente .opcion.subx .texto{
						padding-left:15px; padding-right:70px; line-height:50px; font-size:18px; font-weight:750; border:rgb(0,0,0,0.1) 1px solid; border-radius:10px;
					}						
					#menuEmergente .opcion.clax .texto{
						padding-left:15px; padding-right:40px; line-height:50px; font-size:16px; font-weight:500; color:var(--entorno_color_botones);
					}
					#menuEmergente .opcion.click .texto{ color:#FFF; }
					
	#menuEmergente .iconologia{
		position:relative; width:100%; max-width:450px; height:auto; overflow:hidden; box-sizing:border-box;
		margin:auto; padding-left:25px; padding-right:25px;
	}	
		#menuEmergente .iconologia .icon{
			position:relative; float:left; width:20%; height:45px; box-sizing:border-box;
			background-image:none; background-position:center center; background-repeat:no-repeat; background-size:contain; cursor:pointer;
		}	#menuEmergente .iconologia.mini .icon{ background-size:auto 75%; }
		
	#menuEmergente .opcion.click .texto .efecto{
		position:absolute; top:0px; bottom:0px; left:5px; margin:auto; width:30px; height:30px; border-radius:15px;
		background-image:url('png/nuevos/icons8-ok-96(1).png'); background-size:contain; background-position:center center; background-repeat:no-repeat;
	}
	
/*********** Imágenes (3) de página de inicio ************/

.publicidad{
	  position:relative; box-sizing:border-box; height:auto; overflow:hidden; 
	  padding:35px; padding-left:0px; padding-right:0px; margin-top:50px;
  }
	  .publicidad .fondoicon{
		  position:absolute; top:0px; bottom:0px; left:0px; right:0px;
		  background-image:url(empresa/fondoicon.png); background-repeat:repeat; background-position:top center; background-size:auto 50%;
		  opacity:0.15;					
	  }
	  .publicidad .minibanner{
		  position:relative; width:33.33%; height:250px; float:left; box-sizing:border-box; cursor:pointer; z-index:2;					
	  }
		  .publicidad .minibanner .fondo{
			  position:absolute; top:10px; bottom:10px; left:10px; right:10px; border-radius:20px; overflow:hidden;
			  background-color:#FFF; background-image:linear-gradient(to bottom right, var(--entorno_color_botones), transparent);
			  box-shadow:rgb(0,0,0,0.25) 2px 2px 10px;
			  z-index:1;
		  }
		  .publicidad .minibanner .img{
			  position:absolute; top:10px; bottom:10px; left:10px; right:10px; border-radius:20px; overflow:hidden;
			  background-position:center center; background-repeat:no-repeat; background-size:contain;
			  z-index:2;
		  }
		  .publicidad .minibanner .texto{
			  position:absolute; top:0px; bottom:0px; left:0px; right:45%; box-sizing:border-box; padding:2.5vw;
			  line-height:1.1vw; font-size:1.1vw; font-weight:900; text-align:left; color:#FFF; text-shadow:rgb(0,0,0,0.1) 0px 1px 3px; letter-spacing:-1px;
			  z-index:3; 
		  }	@media screen and (max-width: 450px) {
				  .publicidad .minibanner .texto{ padding:25px; line-height:16px; font-size:14px; right:50%;}
			  }
			  .publicidad .minibanner .boton{
				  position:absolute; bottom:10px; left:20px; right:10px; margin:auto; box-sizing:border-box; 
				  padding:1.5vw; padding-top:0px; padding-bottom:0px; margin-top:1.5vw; text-align:center;
				  line-height:1.5vw; font-size:0.9vw; font-weight:900; color:rgb(0,0,0,0.9); letter-spacing:-1px; text-shadow:rgb(255,255,255,0.5) 0px 0px 5px;
				  border-radius:20px 40px 0px 20px; background-image:linear-gradient(to right, rgb(255,255,255,0.7), rgb(255,255,255,1));
			  }	@media screen and (max-width: 450px) {
					.publicidad .minibanner .boton{ margin-top:20px; line-height:18px; font-size:13px; padding:10px; padding-top:0px; padding-bottom:0px; }
				}
	
/*********** Indice del Listado de Productos ************/

#cuerpo .indice{
	position:relative; height:75px; box-sizing:border-box; overflow:hidden; margin-top:10px; margin-bottom:15px; z-index:3;
}
	#cuerpo .indice .marco{
		position:absolute; top:0px; bottom:0px; left:0px; right:0px; box-sizing:border-box; overflow:hidden;
		padding-left:35px; padding-right:35px; white-space:nowrap; text-align:center;
	}
	#cuerpo .indice .boton{
		position:relative; height:75px; padding-left:15px; padding-right:15px; box-sizing:content-box; cursor:pointer; display:inline-block;
		line-height:73px; font-size:20px; color:rgb(0,0,0,0.75); font-weight:400; text-align:center; letter-spacing:-0.5px;
		white-space:nowrap; text-overflow:ellipsis;	
	}	.fondoNegro #cuerpo .indice .boton{color:rgb(255,255,255,0.75);}
		
		#cuerpo .indice .boton.click{ color:var(--entorno_color); font-weight:750; }
		#cuerpo .indice .boton.enmarcado{ background-color:rgb(0,0,0,0.05); border-radius:10px; height:35px; line-height:35px; margin-top:20px; margin-bottom:20px; }
			.fondoNegro #cuerpo .indice .boton.enmarcado{background-color:rgb(255,255,255,0.05);}
	
	#cuerpo .indice .desplazar{
		position:absolute; top:0px; bottom:0px; width:35px;
		background-position:center center; background-repeat:no-repeat; background-size:20px;
		cursor:pointer;		
	}	
		#cuerpo .indice .desplazar.izquierda{ 	left:0px; widows:25px; 	z-index:3; background-image:url(png/nuevos/icons8-back-50.png); }
		#cuerpo .indice .desplazar.derecha{ 	right:0px; 				z-index:3; background-image:url(png/nuevos/icons8-forward-50.png);}
		#cuerpo .indice .desplazar.fizquierda{ 	left:0px; 				z-index:2; background-image:linear-gradient(to right, rgb(255,255,255,1) 50%, transparent); background-size:auto; }
		#cuerpo .indice .desplazar.fderecha{ 	right:0px;	 			z-index:2; background-image:linear-gradient(to left, rgb(255,255,255,1) 50%, transparent); background-size:auto; }
		.fondoNegro #cuerpo .indice .desplazar.izquierda{ 	background-image:url('png/nuevos/icons8-back-50(1).png'); }
		.fondoNegro #cuerpo .indice .desplazar.derecha{ 	background-image:url('png/nuevos/icons8-forward-50(1).png'); }
		.fondoNegro #cuerpo .indice .desplazar.fizquierda{ 	background-image:linear-gradient(to right, rgb(0,0,0,1) 50%, transparent); background-size:auto; }
		.fondoNegro #cuerpo .indice .desplazar.fderecha{ 	background-image:linear-gradient(to left, rgb(0,0,0,1) 50%, transparent); background-size:auto; }
/******************* Publicaciones ***********************/
	/* Regular */
	.publicacion.regular{
		position:relative; height:80%; overflow:hidden; box-sizing:border-box; margin-bottom:120px;	
	}	.publicacion.regular.vertical{ height:80%; }
	
		.publicacion.regular .portada{
			position:absolute; top:0px; bottom:0px; width:60%; box-sizing:border-box; overflow:hidden;
			background-color:rgb(0,0,0,0.1); background-position:center center; background-repeat:no-repeat; background-size:cover;
			cursor:pointer;		
		}	.publicacion.regular.izquierda 	.portada{ left:0px; 	border-radius:0px 25px; 	border-radius:25px; }
			.publicacion.regular.derecha 	.portada{ right:0px; 	border-radius:25px 0px;		border-radius:25px; }
			.publicacion.regular.vertical 	.portada{ width:auto; left:0px; right:0px; bottom:50%; }
		
			.publicacion.regular .portada .tapa{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; opacity:0.50;
				background-image:linear-gradient(to bottom, var(--entorno_color_botones), transparent);
				z-index:2;					
			}
			
			.publicacion.regular .portada .titulo{
				position:relative; box-sizing:border-box; padding:35px;
				line-height:4vw; font-size:4vw; font-weight:500; color:#FFF; text-shadow:rgb(0,0,0,0.25) 1px 1px 3px;
				z-index:3;					
			}	.fondoNegro .publicacion.regular .portada .titulo{text-shadow:rgb(0,0,0,1) 1px 1px 3px;}
				
				.publicacion.regular.izquierda 	.portada .titulo{ text-align:right; }
				.publicacion.regular.derecha 	.portada .titulo{ text-align:left; }
				.publicacion.regular.vertical 	.portada .titulo{ line-height:8vw; font-size:8vw; }
				
		.publicacion.regular .observacion{
			position:absolute; top:0px; bottom:60%; box-sizing:border-box; overflow:hidden; padding-top:25px;
			line-height:1.6vw; font-size:0.9vw; color:rgb(0,0,0,0.9); font-weight:400; letter-spacing:1px; text-align:left;
			cursor:pointer;		
		}	.fondoNegro .publicacion.regular .observacion{color:rgb(255,255,255,0.9);}
			
			.publicacion.regular.izquierda 	.observacion{ left:60%; right:0px; padding-left:75px; padding-right:25px; text-align:left; }
			.publicacion.regular.derecha 	.observacion{ left:0px; right:60%; padding-left:25px; padding-right:75px; text-align:justify; }
			.publicacion.regular.vertical 	.observacion{ left:0px; right:0px; top:60%; bottom:10%; padding-left:25px; padding-right:25px; text-align:justify; line-height:5.9vw; font-size:4vw; }
			
			.publicacion.regular .observacion .sombra{
				position:absolute; bottom:0px; left:0px; right:0px; height:75px; box-sizing:border-box;
				background-image:linear-gradient(to top, rgb(255,255,255,1), transparent);
				z-index:2;
			}	.fondoNegro .publicacion.regular .observacion .sombra{background-image:linear-gradient(to top, rgb(0,0,0,1), transparent);}
		
		.publicacion.regular .vermas{
			position:absolute; bottom:50%; height:10%; box-sizing:border-box;
			line-height:1.5vw; font-size:1vw; color:rgb(0,0,0,1); font-weight:600; letter-spacing:1px; text-align:left;
			padding-left:75px; padding-right:75px; padding-top:15px; background-size:1.5vw; background-repeat:no-repeat;
			z-index:2; cursor:pointer;
		}	.fondoNegro .publicacion.regular .vermas{color:rgb(255,255,255,1);}
		
			.publicacion.regular.izquierda 	.vermas{ left:60%; right:0px; text-align:left; background-position:left+25px top+15px; background-image:url(png/nuevos/icons8-forward-50.png); }
			.publicacion.regular.derecha 	.vermas{ left:0px; right:60%; text-align:right; background-position:right+25px top+15px; background-image:url(png/nuevos/icons8-back-50.png); }
			.publicacion.regular.vertical 	.vermas{ left:0px; right:0px; bottom:0px; line-height:4vw; font-size:4vw; background-size:4vw; font-weight:800; }
			
			.fondoNegro .publicacion.regular.izquierda 	.vermas{ background-image:url('png/nuevos/icons8-forward-50(1).png'); }
			.fondoNegro .publicacion.regular.derecha 	.vermas{ background-image:url('png/nuevos/icons8-back-50(1).png'); }
			.fondoNegro .publicacion.regular.vertical 	.vermas{ }

			
		.publicacion.regular .categoria{
			position:absolute; bottom:0px; box-sizing:border-box; overflow:hidden;
			line-height:20px; font-size:15px; color:var(--entorno_color); font-weight:300; letter-spacing:1px; white-space:nowrap; text-overflow:ellipsis;
			padding-left:25px; padding-right:25px;
			z-index:2; cursor:pointer;	
			display:none;
		}	.publicacion.regular.izquierda 	.categoria{ left:60%; right:0px; text-align:right; }
			.publicacion.regular.derecha 	.categoria{ left:0px; right:60%; text-align:left; }
			.publicacion.regular.vertical 	.categoria{ left:0px; right:0px; }
		
		.publicacion.regular .galeria{
			position:absolute; bottom:5%; left:0px; right:0px; height:45%; box-sizing:border-box; overflow:hidden; white-space:nowrap; z-index:2;
		}	.publicacion.regular.izquierda 	.galeria{ text-align:right; }
			.publicacion.regular.derecha 	.galeria{ text-align:left; }
			.publicacion.regular.vertical 	.galeria{text-align:center; bottom:40%; height:20%; }
				
			.publicacion.regular .galeria .marco{
				position:relative; width:33.33%; height:100%; box-sizing:border-box; overflow:hidden; display:inline-block; padding:25px;	
			}	.publicacion.regular.vertical .galeria .marco{ width:50%; padding:10px; }
			
				.publicacion.regular .galeria .marco .foto{
					position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background-color:rgb(255,255,255,1);
					background-position:center center; background-repeat:no-repeat; background-size:contain; border-radius:5px;
					box-shadow:rgb(0,0,0,0.5) 0px 0px 25px; cursor:pointer;	
				}	.fondoNegro .publicacion.regular .galeria .marco .foto{background-color:rgb(0,0,0,1); border:rgb(255,255,255,0.1) 1px solid; box-shadow:rgb(0,0,0,1) 0px 0px 25px;}
					.publicacion.regular.cover .galeria .marco .foto{ background-size:cover; }
					.publicacion.regular.vertical .galeria .marco .foto{ box-shadow:rgb(0,0,0,0.25) 0px 0px 10px; }
				
		.publicacion.regular .ocultar{
			position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;
		}
		
	
	/* producto */
	.publicacion.catalogo{
		position:relative; height:80%; overflow:hidden; box-sizing:border-box; margin-bottom:120px;
	}	.publicacion.catalogo.vertical{ height:90%; }
	
		.publicacion.catalogo .portada{
			position:absolute; top:0px; bottom:0px; width:40%; box-sizing:border-box; overflow:hidden;
			background-color:rgb(0,0,0,0.1); background-position:top center; background-repeat:no-repeat; background-size:cover;
			cursor:pointer;	
		}	.publicacion.catalogo.izquierda 	.portada{ left:0px; border-radius:15px; }
			.publicacion.catalogo.derecha 		.portada{ right:0px; border-radius:15px; }
			.publicacion.catalogo.vertical 		.portada{ width:auto; left:0px; right:0px; bottom:60%; }
		
			.publicacion.catalogo .portada .tapa{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:2;
				background-image:linear-gradient(to bottom, rgb(0,0,0,0.5), transparent); 				
			}
				
			.publicacion.catalogo .portada .recuadro{
				position:relative; border:#FFF 2px solid; margin:5px; padding-left:10px; padding-right:10px; border-radius:10px; z-index:2;					
			}	.publicacion.catalogo.izquierda 	.portada .recuadro{ float:left; }
				.publicacion.catalogo.derecha		.portada .recuadro{ float:right; }
			
			.publicacion.catalogo .portada .titulo{
				position:relative; box-sizing:border-box; padding:35px;
				line-height:1.5vw; font-size:1vw; font-weight:500; color:#FFF; text-shadow:rgb(0,0,0,0.3) 0px 0px 3px;
				z-index:3;					
			}	.publicacion.catalogo.izquierda 	.portada .titulo{ text-align:left; }
				.publicacion.catalogo.derecha 		.portada .titulo{ text-align:right; }
				.publicacion.catalogo.vertical 		.portada .titulo{ line-height:4.5vw; font-size:3vw; }
				
			.publicacion.catalogo .observacion .titulo{
				position:relative; box-sizing:border-box; margin-bottom:15px; text-align:left;
				line-height:2vw; font-size:1.6vw; font-weight:500; text-shadow:rgb(0,0,0,0.1) 0px 0px 3px;
				z-index:3;					
			}	.publicacion.catalogo.izquierda 	.observacion .titulo{ }
				.publicacion.catalogo.derecha 		.observacion .titulo{ }
				.publicacion.catalogo.vertical 		.observacion .titulo{ line-height:7vw; font-size:5.9vw; }
				
		.publicacion.catalogo .observacion{
			position:absolute; top:0px; bottom:15%; box-sizing:border-box; overflow:hidden; padding-top:25px;
			line-height:1.6vw; font-size:0.9vw; color:rgb(0,0,0,0.9); font-weight:400; letter-spacing:1px; text-align:left;
			cursor:pointer;		
		}	.publicacion.catalogo.izquierda 	.observacion{ left:60%; right:0px; padding-left:75px; padding-right:25px; text-align:left; }
			.publicacion.catalogo.derecha 		.observacion{ left:0px; right:60%; padding-left:25px; padding-right:75px; text-align:justify; }
			.publicacion.catalogo.vertical 		.observacion{ left:0px; right:0px; top:60%; bottom:10%; padding-left:25px; padding-right:25px; text-align:justify; line-height:5.9vw; font-size:4vw; padding-top:10px; }
			
			.publicacion.catalogo .observacion .sombra{
				position:absolute; bottom:0px; left:0px; right:0px; height:65px; box-sizing:border-box;
				background-image:linear-gradient(to top, rgb(255,255,255,1), transparent);
				z-index:2;
			}
		
		.publicacion.catalogo .vermas{
			position:absolute; bottom:0%; height:10%; box-sizing:border-box;
			line-height:1.5vw; font-size:1vw; color:rgb(0,0,0,1); font-weight:600; letter-spacing:1px; text-align:left;
			padding-left:75px; padding-right:75px; padding-top:15px; background-size:1.5vw; background-repeat:no-repeat;
			z-index:2; cursor:pointer;
		}	.publicacion.catalogo.izquierda 	.vermas{ left:60%; right:0px; text-align:left; background-position:left+25px top+15px; background-image:url(png/nuevos/icons8-forward-50.png); }
			.publicacion.catalogo.derecha 		.vermas{ left:0px; right:60%; text-align:right; background-position:right+25px top+15px; background-image:url(png/nuevos/icons8-back-50.png); }
			.publicacion.catalogo.vertical 		.vermas{ left:0px; right:0px; bottom:0px; line-height:4vw; font-size:4vw; background-size:4vw; font-weight:800; }
			
		.publicacion.catalogo .categoria{
			position:absolute; bottom:0px; box-sizing:border-box; overflow:hidden;
			line-height:20px; font-size:15px; color:var(--entorno_color); font-weight:300; letter-spacing:1px; white-space:nowrap; text-overflow:ellipsis;
			padding-left:25px; padding-right:25px;
			z-index:2; cursor:pointer;	
		}	.publicacion.catalogo.izquierda 	.categoria{ left:60%; right:0px; text-align:right; }
			.publicacion.catalogo.derecha 		.categoria{ left:0px; right:60%; text-align:left; }
			.publicacion.catalogo.vertical 		.categoria{ left:0px; right:0px; }
		
		.publicacion.catalogo .galeria{
			position:absolute; top:0; bottom:0; width:20%; box-sizing:border-box; overflow:hidden; white-space:nowrap; z-index:2;
		}	.publicacion.catalogo.izquierda 	.galeria{ left:40%; }
			.publicacion.catalogo.derecha 		.galeria{ right:40%; }
			.publicacion.catalogo.vertical 		.galeria{ top:auto; bottom:40%; left:0px; right:0px; height:20%; width:auto; }
				
			.publicacion.catalogo .galeria .marco{
				position:relative; width:100%; height:33.33%; box-sizing:border-box; overflow:hidden; display:block; padding:10px; padding-top:0px; padding-bottom:10px;	
			}	.publicacion.catalogo.vertical .galeria .marco{ width:33.33%; height:100%; display:inline-block; padding:10px; }
			
				.publicacion.catalogo .galeria .marco .foto{
					position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background-color:rgb(0,0,0,0.1);
					background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:10px;
					cursor:pointer;	
				}	.publicacion.catalogo.vertical .galeria .marco .foto{}
				
		.publicacion.catalogo .ocultar{
			position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;	
		}
			
		
	/* galería */
	.publicacion.fotogaleria{
		position:relative; height:90%; overflow:hidden; box-sizing:border-box; margin-bottom:120px;
	}	.publicacion.fotogaleria.vertical{ height:60%; }
	
		.publicacion.fotogaleria .portada{
			position:absolute; top:0px; bottom:20%; left:5%; right:5%; border-radius:25px 25px 10px 10px; box-sizing:border-box; overflow:hidden;
			background-color:rgb(0,0,0,0.1); background-position:top center; background-repeat:no-repeat; background-size:cover;
			cursor:pointer;		
		}	.publicacion.fotogaleria.izquierda 	.portada{ }
			.publicacion.fotogaleria.derecha 	.portada{ }
			.publicacion.fotogaleria.vertical 	.portada{ }
		
			.publicacion.fotogaleria .portada .tapa{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px;
				background-image:linear-gradient(to bottom, rgb(0,0,0,0.5), rgb(0,0,0,0.75));
				z-index:2;					
			}
			
			.publicacion.fotogaleria .portada .titulo{
				position:relative; box-sizing:border-box; padding:35px;
				line-height:5vw; font-size:5vw; font-weight:500; color:#FFF; text-shadow:rgb(0,0,0,0.1) 0px 0px 3px;
				z-index:3;					
			}	.publicacion.fotogaleria.izquierda 	.portada .titulo{ text-align:right; }
				.publicacion.fotogaleria.derecha 	.portada .titulo{ text-align:left; }
				.publicacion.fotogaleria.vertical 	.portada .titulo{ line-height:10vw; font-size:10vw; }
				
		.publicacion.fotogaleria .observacion{
			display:none;	
		}	.publicacion.fotogaleria.izquierda 	.observacion{ }
			.publicacion.fotogaleria.derecha 	.observacion{ }
			.publicacion.fotogaleria.vertical 	.observacion{ }
			.publicacion.fotogaleria .observacion .sombra{ }
		
		.publicacion.fotogaleria .vermas{
			position:absolute; bottom:0px; height:10%; box-sizing:border-box;
			line-height:1.5vw; font-size:1vw; color:rgb(0,0,0,1); font-weight:400; letter-spacing:1px; text-align:left;
			padding-left:75px; padding-right:75px; padding-top:15px; background-size:1.5vw; background-repeat:no-repeat;
			z-index:2; cursor:pointer;
		}	.publicacion.fotogaleria.izquierda 	.vermas{ left:0px; right:0px; text-align:left; background-position:left+25px top+15px; background-image:url(png/nuevos/icons8-forward-50.png); }
			.publicacion.fotogaleria.derecha 	.vermas{ left:0px; right:60%; text-align:right; background-position:right+25px top+15px; background-image:url(png/nuevos/icons8-back-50.png); }
			.publicacion.fotogaleria.vertical 	.vermas{ left:0px; right:0px; bottom:0px; line-height:4vw; font-size:4vw; background-size:4vw; }
			
		.publicacion.fotogaleria .categoria{ display:none;
		}	.publicacion.fotogaleria.izquierda 	.categoria{ }
			.publicacion.fotogaleria.derecha 	.categoria{ }
			.publicacion.fotogaleria.vertical 	.categoria{ }
		
		.publicacion.fotogaleria .galeria{
			position:absolute; bottom:10%; left:0px; right:0px; height:45%; box-sizing:border-box; overflow:hidden; white-space:nowrap; z-index:2;
		}	.publicacion.fotogaleria.izquierda 	.galeria{ text-align:right; }
			.publicacion.fotogaleria.derecha 	.galeria{ text-align:left; }
			.publicacion.fotogaleria.vertical 	.galeria{ }
				
			.publicacion.fotogaleria .galeria .marco{
				position:relative; width:20%; height:100%; box-sizing:border-box; display:inline-block; padding:10px;	
			}	.publicacion.fotogaleria.vertical .galeria .marco{ width:25%; padding:0px; }
			
				.publicacion.fotogaleria .galeria .marco .foto{
					position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background-color:rgb(0,0,0,0.1);
					background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:10px;
					box-shadow:rgb(0,0,0,0.5) 0px 0px 10px; cursor:pointer;	
				}	.publicacion.fotogaleria.vertical .galeria .marco .foto{ box-shadow:rgb(0,0,0,0.25) 0px 0px 10px; }
				
		.publicacion.fotogaleria .contador{
			position:absolute; bottom:55%; height:15px; border-radius:10px; background-color:rgb(0,0,0,0.5); box-sizing:border-box;
			line-height:15px; font-size:13px; color:rgb(255,255,255,1); font-weight:900; letter-spacing:1px; text-align:left;
			padding-left:15px; padding-right:15px; margin:10px;
			z-index:2; cursor:pointer;
		}	.publicacion.fotogaleria.izquierda 	.contador{ left:15%; right:auto;}
			.publicacion.fotogaleria.derecha 	.contador{ right:15%; left:auto; }
		
		.publicacion.fotogaleria .ocultar{
			position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;	
		}	
	
	/* mini */
	.publicacion.mini{
		position:relative; display:inline-block; width:175px; height:175px; overflow:hidden; box-sizing:border-box; pointer-events:none;
	}	
		.publicacion.mini .portada{
			position:absolute; top:10px; bottom:10px; left:10px; right:10px; box-sizing:border-box; border-radius:25px; overflow:hidden;
			background-color:rgb(0,0,0,0); background-position:center center; background-repeat:no-repeat; background-size:contain; border:rgb(0,0,0,0.1) 1px solid;
			cursor:pointer;		
		}		
			.publicacion.mini .portada .tapa{ display:none;}						
			.publicacion.mini .portada .titulo{ display:none; }	
				
		.publicacion.mini .observacion{
			position:absolute; left:25px; right:25px; bottom:10px; height:10px; box-sizing:border-box; overflow:hidden; 
			line-height:10px; font-size:10px; color:rgb(0,0,0,0.5); font-weight:300; letter-spacing:1px; white-space:nowrap; text-overflow:ellipsis;
			cursor:pointer;
			display:none;	
		}				
			.publicacion.mini .observacion .sombra{ display:none; }
		
		.publicacion.mini .vermas{ display:none; }
			
		.publicacion.mini .categoria{
			position:absolute; top:10px; left:45px; right:45px; box-sizing:border-box; overflow:hidden;
			line-height:10px; font-size:10px; color:rgb(0,0,0,0.5); font-weight:300; letter-spacing:1px; white-space:nowrap; text-overflow:ellipsis;
			z-index:2; cursor:pointer;
			display:none;	
		}	
		
		.publicacion.mini .galeria{ display:none; }				
			.publicacion.mini .galeria .marco{ display:none; }
				.publicacion.mini .galeria .marco .foto{ display:none; }
				
		.publicacion.mini .ocultar{
			position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;	
		}	

/****************** Listado de Productos ****************/
	.listado{
		position:relative;
	}
		.listado .regresar{
			position:relative; width:100%; max-width:350px; height:35px; overflow:hidden; box-sizing:border-box; margin:auto;
			line-height:35px; font-size:15px; font-weight:400px; text-align:center; 
			background-color:rgb(0,0,0,0.05); border-radius:20px; cursor:pointer; 
			background-image:url(png/nuevos/icons8-back-50.png); background-size:15px; background-repeat:no-repeat; background-position:left+15px center;
			margin-top:15px; margin-bottom:15px;
		}	.fondoNegro .listado .regresar{ background-color:var(--entorno_color_botones); }
		
		.listado .contenedor{
			position:relative; width:100%; height:auto; overflow:hidden; white-space:normal; box-sizing:border-box; padding-top:10px; text-align:center;
		}
		.minicontenedor{
			position:relative; width:100%; height:auto; overflow:auto; white-space:nowrap; box-sizing:border-box; padding-top:10px; text-align:center;
		}
			.listado .contenedor .producto{
				position:relative; display:inline-block; height:auto; min-height:450px; overflow:hidden; box-sizing:border-box; padding-bottom:50px;
				background-color:rgb(255,255,255,1); cursor:default; border-radius:25px; font-family: 'Roboto';
			}
				.listado .contenedor .producto .abrirProducto{
					cursor:pointer;
				}	
									
			.listado .contenedor .producto.mini{
				min-height:0px; margin:10px; margin-bottom:25px; float:none; border-bottom:rgb(0,0,0,0.1) 0px solid; border-radius:15px;
			}
				.listado .contenedor .producto .borde{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px; height:100%; box-sizing:border-box; z-index:2; 
					border:rgb(0,0,0,0) 2px solid; border-radius:25px;
					pointer-events:none;
				}	.listado .contenedor .producto.focus .borde{ border:var(--entorno_color) 2px solid; }
				
				.listado .contenedor .producto .fotoContenedor{
					position:relative; height:250px; border-radius: 25px; overflow:hidden; box-sizing:border-box; background-color:rgb(0,0,0,0); display:none; cursor:pointer;				
				} 	.listado .contenedor .producto.mini .fotoContenedor{ height:120px; width:25%; border-radius:25px; float:left; }
					.listado .contenedor .producto.minimizar .fotoContenedor{ height:150px; width:40%; float:left; }
					
				.listado .contenedor .producto.imagen .fotoContenedor{
					display:block;
				}			
					.listado .contenedor .producto .fotoContenedor .referencia{
						position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:1px; height:1px; overflow:hidden; z-index:-1;					
					}
					
					.listado .contenedor .producto .fotoContenedor .foto{
						position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:auto;
						background-position:center center; background-size:contain; background-repeat:no-repeat;
						background-color:#FFF;
					}	.listado .contenedor .producto.noimagen .fotoContenedor .foto{ background-size:50%; }
						.listado .contenedor .producto .fotoContenedor .sinfoto{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgb(255,255,255,0.5); }
						
						.listado .contenedor .producto .fotoContenedor .foto .agotado{
							position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:rgb(0,0,0,0.3);
							background-image:url(img/agotado.png); background-position:center center; background-size:cover; background-repeat:no-repeat;
							display:none;
						}
						.listado .contenedor .producto .fotoContenedor .foto .agregado{
							position:absolute; top:0px; bottom:0px; left:0px; right:0px; border-radius: 10px;
							background-color:var(--entorno_color_botones);
							background-image:url('png/nuevos/icons8-buyx-100(1).png');
							background-position:top+15px right+15px; background-size:auto 50px; background-repeat:no-repeat;
							z-index:2; display:none; opacity:0.3;
						} 	.listado .contenedor .producto.agregado 		.fotoContenedor .foto .agregado{ display:block; }
							.listado .contenedor .producto.agregado.mini 	.fotoContenedor .foto .agregado{ display:none; }
								
				.listado .contenedor .producto .descripcion{
					position:relative; height:auto; overflow:hidden; box-sizing:border-box; padding:0px;
					line-height:22px; font-size:22px; font-weight:600; overflow-wrap:break-word;
				}	.listado .contenedor .producto.mini .descripcion{float:left; width:100%; box-sizing:border-box;}
					.listado .contenedor .producto.imagen.mini .descripcion{float:left; width:75%; box-sizing:border-box;}
				
					.listado .contenedor .producto .descripcion .columna{
						position:relative; float:left; width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px 15px;
					}	.listado .contenedor .producto.mini .descripcion .columna{width:100%; padding:5px 10px; line-height:16px; font-size:15px; }
									
				.listado .contenedor .producto.imagen .descripcion{
					line-height:15px; font-size:15px;
				}			
					.listado .contenedor .producto .descripcion .division{
						position:relative; color:var(--entorno_color_botones); font-size:13px; font-weight:600; margin-bottom:3px; letter-spacing:0px;
						white-space:nowrap; text-overflow:ellipsis; overflow: hidden;
					}
					
					.listado .contenedor .producto .descripcion .nombre{
						letter-spacing:0px; max-height:88px; font-weight: 600; overflow:hidden; cursor:pointer;
					}
					.listado .contenedor .producto.imagen .descripcion .nombre{
						letter-spacing:0px; max-height:64px; overflow:hidden;
					}	.listado .contenedor .producto.imagen.mini .descripcion .nombre{ height:auto; }
					
					.listado .contenedor .producto .descripcion .observaciones{
						font-size:12px; color:rgb(0,0,0,0.8); line-height:12px; min-height:12px; max-height:12px; letter-spacing:0px; font-weight:normal; overflow:hidden; margin-top:5px;
					}	.listado .contenedor .producto.mini .descripcion .observaciones{ display:none; }
					
					.listado .contenedor .producto .descripcion .precio{
						position:relative; color:var(--entorno_color_botones); font-weight:500; margin-top:3px; letter-spacing:-1px; text-align:right;
					}
                    @keyframes parpadear {
                          0% { opacity: 1;     }
                         50% { opacity: 0.6;   }
                        100% { opacity: 1;     }
                    }
					.listado .contenedor .producto .alerta{
                        position: absolute; top: 0px; right: 0px; height: fit-content; width: fit-content; padding: 10px 15px; margin: 10px; box-sizing: border-box;
                        line-height: 1; font-size: 35px; text-align: right; font-weight: 300; color: white; letter-spacing: -2px; text-shadow: rgb(0,0,0,0.5) 0px 0px 5px;
                        background-color: transparent; border-radius: 20px 20px 20px 0px; border: white 2px solid; box-shadow: rgb(0,0,0,0.3) -3px 3px 10px;
                        background-image: linear-gradient(to top right, red, var(--entorno_color_rojo));                        
                        animation-name: parpadear;
                        animation-duration: 0.5s;
                        animation-timing-function: linear;
                        animation-iteration-count: infinite;
					}
					.listado .contenedor .producto.minimizar .alerta{
                        position: absolute; top: auto; bottom: 65px; left: 20px; right: auto; /*top: 30%; right: 60%;*/
                        border-radius: 30px 0px 30px 30px; padding: 5px 25px 5px 25px;
                        margin: auto auto;
                        box-shadow: rgb(0,0,0,0.3) 3px -3px 10px;
					}   
					.listado .contenedor .producto .alerta .mini{
                        position: relative; height: fit-content; padding: 0px; margin: 0px; box-sizing: border-box;
                        line-height: 1; font-size: 10px; font-weight: 500; color: white; letter-spacing: 0px;
					}                    
					.listado .contenedor .producto .descripcion .precio .dato.pvp{
						font-size:25px; float:right; font-weight:600;
					}
					.listado .contenedor .producto .descripcion .precio .dato.pvp{
						font-size:25px; float:right; font-weight:600;
					}
						.listado .contenedor .producto .descripcion .precio .dato.pvp.min{
							font-size:15px; float:right;
						}
						.listado .contenedor .producto.minimizar .descripcion .precio .dato.pvp{
							font-size:18px; font-weight: 600;
						}
						.listado .contenedor .producto .descripcion .precio .precioAnterior{
							float:right; position:relative; box-sizing:border-box; padding-right:10px;
                            color:rgb(0,0,0,0.5); font-size:11px; font-weight:normal; text-decoration:line-through rgb(0,0,0,0.2); letter-spacing:0px;
						}
						
					.listado .contenedor .producto .descripcion .precio .dato.oferta{
						font-size:20px; font-weight:bold;
					}
					.listado .contenedor .producto .descripcion .precio .dato.monto{
						position:relative; width:100%; box-sizing:border-box; padding:5px; padding-left:10px; padding-right:10px;
						background-color:var(--entorno_color_botones); border-radius:15px; 
						color:#FFF; line-height:15px; font-size:15px; font-weight:600;
					}
					.listado .contenedor .producto .descripcion .precio .oferta{
						color:var(--entorno_color); height:12px; font-size:12px; line-height:12px; font-weight:500; letter-spacing:-0.5px;
						white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
						margin-bottom:4px;
					}
					.listado .contenedor .producto .descripcion .precio .dato.monto .detalle{
						position:relative; float:left; height:15px; line-height:15px;
						color:rgb(255,255,255,0.7); font-size:15px; font-weight:400; box-sizing:border-box; padding-right:7.5px;
						white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
					}
					.listado .contenedor .producto .descripcion .precio .dato.monto .detalle2{
						position:relative; float:right; height:15px; box-sizing:content-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
					}
					.listado .contenedor .producto .descripcion .presentacion{
						position:relative; margin-top:0px; font-size:13px; line-height:25px; text-align:left; font-weight:600; letter-spacing:0px; color:rgb(0,0,0,0.3);
					}
						.listado .contenedor .producto .descripcion .departamentos{
							position:relative; float:left; height:25px; width:50%; box-sizing:border-box; padding-right:15px;
						}
							.listado .contenedor .producto .descripcion .departamentos .datoD{
								position:relative; height:12px; line-height:12px; box-sizing:border-box;
								color:rgb(0,0,0,0.3); font-size:12px; font-weight:600; letter-spacing:0px;
								overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
							}
					
				.listado .contenedor .producto .megusta{
					position:absolute; bottom:5px; left:5px; width:40px; height:40px;
					background-image:url(png/nuevos/icons8-heart-outline-90.png);
					background-image:url(png/nuevos/icons8-whatsapp-96.png);
					background-position:center center; background-size:auto 50%; background-repeat:no-repeat;
					opacity:0.3; cursor:pointer; display:none;
				} 	.listado .contenedor .producto.mini .megusta{ display:none; }	
					
				.listado .contenedor .producto .eliminar{
					position:absolute; bottom:60px; left: 5px; right:5px; width:40px; height:40px; margin: auto; box-sizing:border-box;
					border-radius: 50%; box-shadow: rgb(0,0,0,0.5) 1px 1px 7.5px;
					background-image:url(png/nuevos/icons8-trash.png); background-color: #FFF;
					background-position:center center; background-size:auto 60%; background-repeat:no-repeat;
					opacity:1; cursor:pointer; display:none; z-index: 2;
				} 	.listado .contenedor .producto.mini .eliminar{ bottom: 5px; margin-right: 0px; box-shadow: rgb(0,0,0,0.2) 1px 1px 5px; }
					.listado .contenedor .producto.minimizar .eliminar{ left: 40%; }

				.listado .contenedor .producto .agregar{
					position:absolute; bottom:5px; left:35px; right:35px; width:150px; height:40px;
					margin:auto; box-sizing:border-box; border-radius:25px;
					background-color:var(--entorno_color_botones);
					background-image:none, linear-gradient(to bottom right, rgb(255,255,255,0.2), transparent, transparent, rgb(0,0,0,0.2));
					background-position:left+12px center, left center; background-size:20px, cover; background-repeat:no-repeat;
					padding-left:0px; padding-right:0px;
					font-size:18px; font-weight:600; color:#FFF; line-height:40px; text-align:center;
					opacity:1; cursor:pointer;
				} 
				.listado .contenedor .producto.nostock .agregar{
					background-color:rgb(0,0,0,0.5); pointer-events: none; opacity: 0.2;
				}
				.listado .contenedor .producto .agregar.activo{
					position:absolute; left:5px; bottom:5px; right:5px; width:auto; height:40px; box-sizing:border-box; border-radius:0px 0px 20px 20px; 
					background-color:rgb(0,0,0,0.1);
					background-image:url('png/nuevos/icons8-buying-100.png');
					background-position:left+5px center; background-size:auto 75%;
					line-height:40px; font-size:15px; font-weight:700; color:#000; text-align:center;
					padding-left:50px; padding-right:5px; cursor: default;
				}	.listado .contenedor .producto.mini .agregar.activo{ width:75%; left:5px; right:auto; }
					.listado .contenedor .producto.minimizar .agregar.activo{ left: 0px; right: 0px; background-position:left+15px center; padding-left:60px; padding-right:15px; border-radius: 20px;  }
				
					.listado .contenedor .producto .agregar .dat{
						position:relative; float: left; width: 50%; box-sizing: border-box; display: none;
					}	.listado .contenedor .producto .agregar.activo .dat{ display: block; }
						
					.listado .contenedor .producto .agregar .dat.umxt{
						font-weight: 400; font-size: 13px; padding-left: 5px; padding-right: 20px;
						background-image:url('png/nuevos/icons8-expand-arrow-50.png');
						background-position: right+5px center; background-size:10px; background-repeat: no-repeat;
						overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
					}
						.listado .contenedor .producto .agregar .dat .bajar{
							position:absolute; top:0px; bottom:0px; left:0px; height: 25px; width: 25px; box-sizing: border-box; margin: auto;
							background-image:url(' png/nuevos/icons8-subtractb-100.png');
							background-repeat:no-repeat; background-size:auto 75%; background-position:center center;
							cursor: pointer; border-radius: 50%; box-shadow: rgb(0,0,0,0.25) 0px 0px 2px; background-color: rgb(255,255,255,0.5);
						}
						.listado .contenedor .producto .agregar .dat .subir{
							position:absolute; top:0px; bottom:0px; right:0px; height: 25px; width: 25px; box-sizing: border-box; margin: auto;
							background-image:url(' png/nuevos/icons8-plusb-math-100(2).png');
							background-repeat:no-repeat; background-size:auto 75%; background-position:center center;
							cursor: pointer; border-radius: 50%; box-shadow: rgb(0,0,0,0.25) 0px 0px 2px; background-color: rgb(255,255,255,0.5);
						}
					.listado .contenedor .producto .agregar.activo .efecto{
						position:absolute; top:0px; bottom:0px; left:55px; right:10px; display: none;
						background-image:url(png/nuevos/icons8-sort-90.png), url(png/nuevos/icons8-edit-96.png);
						background-repeat:no-repeat; background-size:20px; background-position:left center, right center;
						opacity:1;
					}
					.listado .contenedor .producto .agregar .txt{
						display:none;
					}
					.listado .contenedor .producto .agregar.activo .txt{
						display:block;
					}
					.listado .contenedor .producto .agregar .textoboton{
						display:block;
					}
					.listado .contenedor .producto .agregar.activo .textoboton{
						display:none;
					}
					
					.listado .contenedor .producto .tienda{
						position:relative; height:auto; box-sizing:border-box; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
					}	.listado .contenedor .producto .tienda.rojo	{ color:var(--entorno_color_rojo); }
						.listado .contenedor .producto .tienda.naranja{ color:var(--entorno_color_rojo); }
						.listado .contenedor .producto .tienda.verde	{ color:var(--entorno_color_verde); }

						.listado .contenedor .producto .tienda .icono{
							position: relative; float: left; height: 45px; width: 50%; box-sizing: border-box;
							line-height:45px; font-size:12px; color:rgb(0,0,0,1); font-weight:700; 
							overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 
							background-repeat: no-repeat; background-size: 22.5px; 
						}
						.listado .contenedor .producto .tienda .icono.rojo{
							background-image: url("png/nuevos/icons8-cancel-90.png");
							color:var(--entorno_color_rojo);
						}
						.listado .contenedor .producto .tienda .icono.verde{
							background-image: url("png/nuevos/icons8-ok-verde-100.png");
							color:var(--entorno_color_verde); 
						}
						.listado .contenedor .producto .tienda .icono.izquierda{
							background-position: left center; text-align: left; padding-left: 25px; padding-right: 0px;
						}
						.listado .contenedor .producto .tienda .icono.derecha{
							background-position: right center; text-align: right; padding-left: 0px; padding-right: 25px;
						}
					
				.listado .contenedor .micategoria{
					position:relative; float:left; box-sizing:border-box; width:100%; background-color:rgb(0,0,0,0);
					line-height:25px; font-size:20px; font-weight:normal; color:rgb(0,0,0,0.5); text-align:center; letter-spacing:1px;
					padding:25px; margin-bottom:10px; border-radius:6px;
					border:#F00 1px solid;
				}
				.listado .contenedor .micategoria.sub{
					color:rgb(0,0,0,0.8); padding:35px;
				}
				.listado .contenedor .micategoria .icono{
					position:relative; height:45px; width:45px; margin:auto; margin-bottom:5px;
					background-image:url(png/nuevos/icons8-click-&-collect-100.png);
					background-size:contain; background-repeat:no-repeat; background-position:center center;
					opacity:0.5;
					border:#F00 1px solid;
				}
				.textoOferta{
					animation:blinkingText 1.2s infinite;
				}
				@keyframes blinkingText{
					50%{	color:transparent; }
					100%{    color:var(--entorno_color_botones); }
					100%{   color:var(--entorno_color_botones); }
					50%{    color:var(--entorno_color); }
				}
				
/************ Presentación de Página Principal *************/
	.presentacion{
		position:relative; height:auto; overflow:hidden; box-sizing:border-box;
		/*font-family: 'Dosis', sans-serif;*/
	}
		.presentacion.movil .contenedor{
			position:relative; height:auto; box-sizing:border-box; overflow:hidden; text-align:center; display: flex; flex-direction: row;
		}
		.presentacion .contenedor .post{
			position:relative; float:left; box-sizing:border-box; width:500px; height:500px;					
			border-radius:0px; margin:0px; border:rgb(0,0,0,0.1) 0px solid; 
			z-index:2; cursor:pointer;
		}			
		.presentacion .titulo{
			position:relative; margin:auto; box-sizing:border-box;
			line-height:45px; font-size:35px; color:var(--entorno_color); font-weight:600; letter-spacing:-1px; text-align:center;
			padding:25px; z-index:3; cursor:default;
		}
			
		.presentacion .separador{
			position:relative; max-width:75%; height:35px; box-sizing:border-box; margin:auto; margin-bottom:10px;
			background-image:url(png/nuevos/icons8-expand-arrow-50.png); background-position:center center; background-repeat:no-repeat; background-size:auto 100%;
		}
	 
	.botonLinea{
		line-height:35px; border-radius:35px; border:rgb(0,0,0,0.1) 1px solid; box-sizing:border-box;
		font-size:15px; font-weight:bold; color:rgb(0,0,0,0.8); text-align:center;
		background-image:url(png/nuevos/icons8-vanx-100.png);
		background-size:30px; background-repeat:no-repeat; background-position:left+15px center; padding-left:55px;
		margin:15px; margin-top:5px; margin-bottom:10px;
		cursor:pointer;
	}
	.micategoria{
		position:relative; box-sizing:border-box; background-color:rgb(0,0,0,0);
		line-height:35px; font-size:35px; font-weight:normal; color:rgb(0,0,0,0.7); text-align:center; letter-spacing:-1px;
		padding-top:45px; padding-bottom:65px; margin-top:25px; border-radius:6px;
	}
		.micategoria .icono{
			position:relative; height:64px; width:64px; margin:auto; margin-bottom:5px;
			background-size:contain; background-repeat:no-repeat; background-position:center center;
			opacity:1;
		}
		
	.carrusel{
		position:relative; height:auto; overflow: hidden; box-sizing:border-box;
		padding-left:0px; padding-right:0px; padding-top:0px; margin-top:25px; margin-bottom:125px;
    }   .carrusel.conbarra{ margin-bottom: 125px; }

		.carrusel .borde{
			position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border-radius:25px; z-index: 5; pointer-events: none; display: none;
		}	.carrusel.focus .borde{ border:var(--entorno_color) 2px solid; }
		
	.carrusel.inicio{
		padding-left:40px; padding-right:40px;
	}
		.carrusel .titulo{
			position:relative; height:45px; width: fit-content; box-sizing:border-box; margin: auto; z-index:1; cursor:pointer; opacity: 0.5;
			line-height:40px; font-size:25px; color:black; font-weight:700; text-align:center; letter-spacing:-0.5px; 
            white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left: 10px; padding-right: 30px;
			background-image: url( "png/nuevos/icons8-forward-50.png"); 
            background-position: right center; background-repeat: no-repeat; background-size: auto 33%;
            margin-bottom: 15px;
			
		}               
                        .carrusel.focus     .titulo{ color: var(--entorno_color); opacity: 1; }
            .fondoNegro .carrusel           .titulo{ color:rgb(255,255,255,1);  }
			.fondoNegro .carrusel.focus     .titulo{ color: var(--entorno_color); opacity: 1; }
            .carrusel.conbarra              .titulo .text{ display: none; }

            .carrusel.conbarra  .titulo{
                height: 250px; width: 100%; padding-right: 50%; opacity: 0.9;
                background-color: rgb(0,0,0,0.05); border-radius: 15px;
                background-size: cover; background-position: center bottom;
            }
            .carrusel.conbarra.paramovil  .titulo{ /*.movil*/
                height: 190px; width: 100%; border-radius: 0px;
            }

        .carrusel .filtros{
			position:relative; height:auto; overflow:hidden; box-sizing:border-box; padding: 15px;
            display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; /*justify-content: space-between;*/
		}
        .carrusel .filtros .filtrar{
			position:relative; height:30px; max-width: 400px; line-height: 30px; box-sizing:border-box; cursor: pointer;
            font-size:12px; color:rgb(0,0,0,0.7); font-weight:600; text-align:center; letter-spacing:0px; font-family: 'Roboto';
            padding-left: 10px; padding-right: 30px; flex-grow: 1; 
            overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
            background-color:#EEE; border: rgb(0,0,0,0.1) 1px solid; border-radius: 15px; margin: 5px;
        }   .carrusel.focus .filtros .filtrar{ color:rgb(0,0,0,1); }
    
        .carrusel .filtros .filtrar .count{
			position:absolute; top: 0px; right: 5px; bottom: 0px; width: 20px; height: 20px; line-height: 20px; overflow:hidden; box-sizing:border-box;
            font-size:12px; color: rgb(0,0,0,0.5); font-weight:600; text-align:center; letter-spacing:-0.5px;
            border-radius: 50%; margin: auto;
        }   .carrusel.focus .filtros .filtrar .count{  }
		
		.carrusel .boton{
			position:absolute; /*top: 0px; margin: auto;*/ bottom: 135px; width:45px; height:45px; box-sizing:border-box;
			background-color: #FFF; background-position: center center; background-repeat: no-repeat; background-size: auto 50%; 
			box-shadow: rgb(0,0,0,0.25) 0px 0px 2.5px, rgb(0,0,0,0.25) 2.5px 2.5px 10px; border-radius: 50%;
			cursor:pointer; display: block; z-index: 4;
		}	.carrusel.focus .boton{ display: block; }
			.carrusel.mini .boton{ width:25px; height:25px; }
		
		.carrusel .maximizar{
			position:absolute; top:-45px; left:0px; right:0px; width:175px;  height:35px; margin:auto; box-sizing:border-box; background-color:rgb(0,0,0,0.1);
			line-height:35px; text-align:center; font-size:12px; font-weight:normal; letter-spacing:1px; color:rgb(0,0,0,0.8);
			background-image:url(png/nuevos/icons8-view-carousel-90.png);
			background-position:left+15px center; background-repeat:no-repeat; background-size:35px; padding-left:50px; padding-right:15px;
			border-radius:20px; z-index:3; cursor:pointer;
		}	.carrusel .maximizar.click{
				background-color:rgb(0,0,0,0.8); color:rgb(255,255,255,0.8);
				background-image:url(png/nuevos/icons8-view-module-90.png);
			}
			
	.carrusel.inicio .boton{
		position:absolute; height: 40px; width:40px; box-sizing:border-box; border:rgb(0,0,0,0.1) 1px solid;
		background-position:center center; background-repeat:no-repeat; background-size:30px;
		border-radius:3px; z-index:4;
    }   .carrusel.conbarra .boton{ }

		.carrusel .boton.atras                    { left:10px;  background-image:url(png/nuevos/icons8-back-50.png); }
		.carrusel .boton.adelante                 { right:10px; background-image:url(png/nuevos/icons8-forward-50.png); }
			.fondoNegro .carrusel .boton.atras    { left:10px;  background-image:url('png/nuevos/icons8-back-50(1).png'); }
			.fondoNegro .carrusel .boton.adelante { right:10px; background-image:url('png/nuevos/icons8-forward-50(1).png'); }
		
		.carrusel .boton.cambiar{
			right:100px; background-image:url(png/nuevos/icons8-view-carousel-90.png); border:none; display:none;
		}	  .carrusel .boton.cambiar.click{ background-image:url(png/nuevos/icons8-view-module-90.png); }
		
	.carrusel .borron{
		position:absolute; bottom:0px; width:30px; height: 315px; box-sizing:border-box; z-index:3; pointer-events: none;
	}
		.carrusel .borron.izq{
			left:0px; background-image:linear-gradient(to right, rgb(255,255,255,0.66), transparent 50%);
		}	.fondoNegro .carrusel .borron.izq{ background-image:linear-gradient(to right, rgb(0,0,0,0.5), transparent 50%); }
		
		.carrusel .borron.der{
			right:0px; background-image:linear-gradient(to left, rgb(255,255,255,0.66), transparent 50%);
		}	.fondoNegro .carrusel .borron.der{ background-image:linear-gradient(to left, rgb(0,0,0,1), transparent 50%); }

		
	.carrusel .contenedor{
		position:relative; height:auto; box-sizing:border-box; overflow:hidden; text-align:center; display: flex; border-radius: 0px;
	}
		.carrusel .contenedor .columnas{
			position: relative; padding: 10px 50px; 
			display: flex; align-items: center; justify-content: center; flex-wrap: nowrap;
		}
		.carrusel .contenedor .post{
			position:relative; box-sizing:border-box; width: 100px; border-radius: 25px;
		}	.carrusel .contenedor .post.focus{ z-index: 2; box-shadow: rgb(0,0,0,0.25) 2.5px 2.5px 10px; }

			.carrusel.max .contenedor .post{
				/*float:left;*/
			}
			.carrusel.max .contenedor{
				white-space:normal;
			}
			
	.post.producto{
		padding-top:200px; padding-bottom:0px; background-color:#FFF; overflow:hidden; white-space:normal; cursor: pointer; font-family: 'Roboto';
	}
		.post.producto .fotoContenedor{
			position:absolute; top:0px; left:0px; right:0px; height:200px; overflow:hidden; border-radius:0px;
		}
			.producto .fotoContenedor .fotoEfecto{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:3; display:none;
			}
				.producto .fotoContenedor .fotoEfecto .icono{
					position:absolute; top:auto; bottom:5px; left:5px; right:auto; width:20%; height:20%; margin:auto;
					background-image:url('png/nuevos/icons8-search-100-sombra.png');
					background-repeat:no-repeat; background-size:contain; background-position:center center;
					z-index:2;
				}
				.producto .fotoContenedor .fotoEfecto .color{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px;
					background-image:linear-gradient(to bottom, transparent, var(--entorno_color_botones));
					opacity:0.3;
				}
				
			.post.producto .fotoContenedor .foto{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; box-sizing:border-box;
				background-image:url(png/nuevos/icons8-package-100.png);
				background-position:center center; background-repeat:no-repeat; background-size:50%;
				opacity:0.1;
			}	.post.producto .fotoContenedor .foto.img{opacity:1;  background-size:contain;}
			
			.post.producto .fotoContenedor .foto:hover img {
				-webkit-transform:scale(1.25);
				-moz-transform:scale(1.25);
				-ms-transform:scale(1.25);
				-o-transform:scale(1.25);
				transform:scale(1.25);
			}
				
				.post.producto .fotoContenedor .foto .fotoagotado{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:rgb(0,0,0,0.5);
					background-image:url(img/agotado.png); background-position:center center; background-size:cover; background-repeat:no-repeat;
					display:none;
				}
								  
		  .post.producto .presentacion{
		  	position:relative; float:right; height:20px; width: 50%; line-height:20px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
			font-size:11px; color:rgb(0,0,0,0.5); font-weight:600; text-align:center;
			overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
		  }
		  
		  .post.producto .precio{
		  	  position:relative; float: right; height:20px; width: 50%; line-height:20px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
			  font-size:13px; color:#000; font-weight:700; text-align:center;
			  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
		  }
          .post.producto .precio.min{ font-size:12px; }
          .post.producto .precio.oferta{
              height: fit-content; 
              font-size: 16px; 
              font-weight: 800;
          }
          .titileo{
              animation-name: titileo;
              animation-duration: 0.5s;
              animation-timing-function: linear;
              animation-iteration-count: infinite;
          }
          @keyframes titileo {
                0% { transform: scale(1);     }
               50% { transform: scale(1.2);   }
              100% { transform: scale(1);     }
          }
			
			.post.producto .precio.agotado{
				font-size:15px; color:rgb(0,0,0,0.5); font-weight:500; text-align:center; letter-spacing:-1px;
			}
			.post.producto .tienda{
				position:relative; height:auto; box-sizing:border-box; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
			}	.post.producto .tienda.rojo	{ color:var(--entorno_color_rojo); }
				.post.producto .tienda.naranja{ color:var(--entorno_color_rojo); }
				.post.producto .tienda.verde	{ color:var(--entorno_color_verde); }

				.post.producto .tienda .icono{
					position: relative; float: left; height: 45px; width: 50%; box-sizing: border-box;
					line-height:45px; font-size:12px; color:rgb(0,0,0,1); font-weight:700; 
					overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 
					background-repeat: no-repeat; background-size: 22.5px; 
				}
				.post.producto .tienda .icono.rojo{
					background-image: url("png/nuevos/icons8-cancel-90.png");
					color:var(--entorno_color_rojo);
				}
				.post.producto .tienda .icono.verde{
					background-image: url("png/nuevos/icons8-ok-verde-100.png");
					color:var(--entorno_color_verde); 
				}
				.post.producto .tienda .icono.izquierda{
					background-position: left center; text-align: left; padding-left: 25px; padding-right: 0px;
				}
				.post.producto .tienda .icono.derecha{
					background-position: right center; text-align: right; padding-left: 0px; padding-right: 25px;
				}



			.post.producto .nombre{
				position:relative; height:30px; line-height:30px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
				font-size:13px; color:rgb(0,0,0,0.8); font-weight:600; text-align:center;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
			}
			.post.producto .marca{
				position:relative; float: left; height:20px; width: 50%; line-height:20px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
				font-size:11px; color:var(--entorno_color); font-weight:600; text-align:center;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
			}
			.post.producto .categoria{
				position:relative; float: left; height:20px; width: 50%; line-height:20px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
				font-size:11px; color:rgb(0,0,0,0.5); font-weight:600; text-align:center;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
			}
			.post.producto .subcategoria{
				position:relative; float: left; height:20px; width: 50%; line-height:20px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
				font-size:11px; color:rgb(0,0,0,0.5); font-weight:600; text-align:center;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
				display: none;
			}
			.post.producto .agregar{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; border-radius:15px;
				background-image:linear-gradient(to top, var(--entorno_color) 20%, transparent);			
				padding-top:200px; display:none; z-index:2; opacity:1; 
				cursor: default;
			}	.post.producto .agregar.activo{ display:block; }
				.post.producto .agregar .icon{
					position:absolute; top:0px; left:0px; right:0px; height:190px;
					background-image:url('png/nuevos/icons8-buyx-100.png');
					background-size:40px; background-position:top+10px right+10px; background-repeat:no-repeat;
					cursor: pointer;
				}			
				.post.producto .agregar .cantidad{
					position:relative; height: auto; box-sizing:border-box;
					line-height:18px; font-size:14px; font-weight:bold; color:#FFF; text-align:center; text-shadow: rgb(0,0,0,0.25) 1px 1px 2px;
				}
				.post.producto .agregar .texto{
					position:relative; box-sizing:border-box;
					line-height:30px; font-size:10px; font-weight:400; letter-spacing:1px; color:rgb(255,255,255,0.75); text-align:center;
					cursor: pointer;
				}
				.post.producto .agregar .contadores{
					position: absolute; top: 2px; bottom: 0px; width: 30px; height: 30px; 
					border: rgb(255,255,255,1) 1px solid; border-radius: 50px; box-sizing: border-box;
					background-position: center center; background-repeat: no-repeat; background-size: auto 75%;
					cursor: pointer; z-index: 3;
				}	.post.producto .agregar .contadores.bajar{ left: 10px; background-image: url('png/nuevos/icons8-subtractb-100(1).png'); }
					.post.producto .agregar .contadores.subir{ right: 10px; background-image: url('png/nuevos/icons8-plus-math-100(1).png'); }
			
		.post.circulo{
			padding-top:120px; padding-bottom:20px; background-color:transparent; box-shadow:none; overflow:hidden; white-space:normal;
		}
			.post.circulo .foto{
				position:absolute; top:0px; bottom:25px; /*height:110px;*/ left:0px; right:0px; box-sizing:border-box;
				border-radius:10px; margin:10px; margin-top:10px;
				background-color:transparent;
				background-image:url(png/nuevos/icons8-folder-96.png);
				background-position:center center; background-repeat:no-repeat; background-size:contain;
				/*box-shadow:rgb(0,0,0,0.1) 0px 0px 3px;*/
				opacity:1;
			}
			.post.circulo .nombre{
				position:relative; margin:5px; margin-top:10px; box-sizing:border-box;
				line-height:20px; font-size:18px; color:rgb(0,0,0,0.8); font-weight:bold; text-align:center;
				overflow-wrap:break-word; display:none;
			}
			
		.post.banner{
			padding:0px; background-color:transparent; box-shadow:none;
			overflow:hidden; white-space:normal;
		}
			.post.banner .foto{
				position:absolute; top:10px; left:10px; right:10px; bottom:10px; box-sizing:border-box;
				background-color:rgb(255,255,255,1);
				background-image:url(png/nuevos/icons8-folder-96.png);
				background-position:center center; background-repeat:no-repeat; background-size:contain;
				box-shadow:rgb(0,0,0,0.1) 0px 0px 10px; border-radius:5px;
				opacity:1;
			}
			.post.banner .nombre{
				position:relative; margin:5px; box-sizing:border-box;
				line-height:15px; height:15px; overflow:hidden; font-size:15px; color:var(--entorno_color_botones); text-shadow:rgb(0,0,0,0.1) 0px 0px 10px; font-weight:bold; text-align:center;
			}
			
		.post.categoria{
			position:relative; float:left; box-sizing:border-box; width:500px; height:500px; cursor:pointer; z-index:2;
		}
			.post.categoria .foto{
				position:absolute; top:0px; bottom:100px; left:0px; right:0px; box-sizing:border-box;
				background-image:url(png/nuevos/icons8-folder-96.png);
				background-position:center center; background-repeat:no-repeat; background-size:auto 100%;
			}
			.post.categoria .nombre{
				position:absolute; bottom:0px; left:0px; right:0px; height:100px; box-sizing:border-box;
				line-height:25px; font-size:15px; letter-spacing:-1px; color:rgb(0,0,0,1); font-weight:900; text-align:center;
				padding-top:15px; padding-bottom:45px;
			}	.fondoNegro .post.categoria .nombre{ color:var(--entorno_color); }
			
			.post.categoria .subtitulo{
				line-height:15px; font-size:13px; color:var(--entorno_color); font-weight:600; letter-spacing:0px; white-space:nowrap; opacity:1;
			}
			
	/*** Banner Categorías ***/
	.post.banner_mini{
		position:relative; float:left; box-sizing:border-box; width:120px; height:300px; z-index:2;
		background-position: center center; background-repeat: repeat; background-size: cover;
		box-shadow: rgb(0,0,0,0.2) 0px 0px 5px; border-radius: 15px; margin-right: 10px;
		overflow: hidden;
	}
			.post.banner_mini .efecto{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; border-radius:0px; display:none;
				background-image:linear-gradient(to bottom, transparent, rgb(255,255,255,0.3), var(--entorno_color));
			}
			.post.banner_mini .efecto .link{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:75px; height:75px; border-radius:50%; box-sizing:border-box; margin:auto;
				background-color:#FFF; background-image:url(png/nuevos/icons8-external-link-100.png); background-repeat:no-repeat; background-position:center center; background-size:auto 33%;
				box-shadow:rgb(0,0,0,0.5) 0px 0px 50px;
			}

	/*** Banner Categorías ***/
	.post.banner_categoria{
		position:relative; float:left; box-sizing:border-box; width:100px; height:100px; z-index:2;
		background-position: center center; background-repeat: repeat; background-size: cover; cursor: pointer;
		box-shadow: rgb(0,0,0,0.2) 0px 0px 5px; border-radius: 15px; margin-right: 10px;
		overflow: hidden;
	}
			.post.banner_categoria .efecto{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; border-radius:0px; display:none;
				background-image:linear-gradient(to bottom, transparent, rgb(255,255,255,0.3), var(--entorno_color));
			}
			.post.banner_categoria .efecto .link{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:75px; height:75px; border-radius:50%; box-sizing:border-box; margin:auto;
				background-color:#FFF; background-image:url(png/nuevos/icons8-external-link-100.png); background-repeat:no-repeat; background-position:center center; background-size:auto 33%;
				box-shadow:rgb(0,0,0,0.5) 0px 0px 50px;
			}
			
	/*** Publicación MIN ***/
	.post.publica{
		padding-top:0px; padding-bottom:0px; background-color:#FFF; overflow:hidden; white-space:normal; margin-left:7.5px; margin-right:7.5px;
	}	.fondoNegro .post.publica{background-color:#000;}
		.fondoNegro .post.publica.mini{pointer-events: none;}
	
			.post.publica .portada{
				position:absolute; top:0px; bottom:0px; width:60%; box-sizing:border-box; overflow:hidden;
				background-color:rgb(0,0,0,0.1); background-position:top center; background-repeat:no-repeat; background-size:cover;
				cursor:pointer;		
			}	.fondoNegro .post.publica .portada{background-color:rgb(0,0,0,0.1);}
				
				.post.publica.izquierda 	.portada{ left:0px; border-radius:0px 10px; }
				.post.publica.derecha 		.portada{ right:0px; border-radius:10px 0px; }
				.post.publica.vertical 		.portada{ width:auto; left:0px; right:0px; bottom:40%; }
				.post.publica.mini 			.portada{ background-size:contain; background-position:center center; background-color:#FFF; bottom:0%; }
					.fondoNegro .post.publica.mini .portada{ background-size:contain; background-position:center center; background-color:#000; bottom:0%; }
			
				.post.publica .portada .tapa{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px;
					background-image:linear-gradient(to bottom, var(--entorno_color_botones), transparent);
					z-index:2; opacity:1;				
				}	.post.publica.mini .portada .tapa{ display:none; }
				
				.post.publica .portada .titulos{
					position:relative; box-sizing:border-box; padding:35px;
					line-height:5vw; font-size:5vw; font-weight:500; color:#FFF; text-shadow:rgb(0,0,0,0.1) 0px 0px 3px;
					z-index:3;					
				}	.fondoNegro .post.publica .portada .titulos{ text-shadow: #000 1px 1px 3px;}
				
					.post.publica.izquierda 	.portada .titulos{ text-align:left; }
					.post.publica.derecha 		.portada .titulos{ text-align:left; }
					.post.publica.vertical 		.portada .titulos{ line-height:30px; font-size:30px; }
					.post.publica.mini 			.portada .titulos{ display:none; }
					
			.post.publica .separador{
				position:relative; height:auto; overflow:hidden; box-sizing:border-box; margin-bottom:10px;
			}
			.post.publica .recuadro{
				position:relative; font-size:10px; letter-spacing:0px; border:#000 1px solid; margin-right:5px; padding-left:10px; padding-right:10px; border-radius:10px; z-index:2;					
			}	.fondoNegro .post.publica .recuadro{border:#FFF 1px solid;}
			
				.post.publica.izquierda 	.recuadro{ float:left; }
				.post.publica.derecha		.recuadro{ float:right; }
				.post.publica.vertical		.recuadro{ border:#000 2px solid; font-weight:800; }
				.fondoNegro .post.publica.vertical .recuadro{ border:#FFF 2px solid;}
					
			.post.publica .observacion{
				position:absolute; top:0px; bottom:60%; box-sizing:border-box; overflow:hidden; padding-top:25px;
				line-height:1.6vw; font-size:0.9vw; color:rgb(0,0,0,0.9); font-weight:400; letter-spacing:1px; text-align:left;
				cursor:pointer;		
			}	.fondoNegro .post.publica .observacion{color:rgb(255,255,255,0.9);}
			
				.post.publica.izquierda 	.observacion{ left:60%; right:0px; padding-left:75px; padding-right:25px; text-align:left; }
				.post.publica.derecha 		.observacion{ left:0px; right:60%; padding-left:25px; padding-right:75px; text-align:justify; }
				.post.publica.vertical 		.observacion{ left:0px; right:0px; top:65%; bottom:15%; padding-left:25px; padding-right:25px; text-align:justify; line-height:17px; font-size:13px; }
				.post.publica.mini 			.observacion{ text-align:center; top:80%; bottom:0%; display:none; }
				
				.post.publica .observacion .sombra{
					position:absolute; bottom:0px; left:0px; right:0px; height:65px; box-sizing:border-box;
					background-image:linear-gradient(to top, rgb(255,255,255,1), transparent);
					z-index:2;
				}	.fondoNegro .post.publica .observacion .sombra{background-image:linear-gradient(to top, rgb(0,0,0,1), transparent);}
			
			.post.publica .vermas{
				position:absolute; bottom:50%; height:10%; box-sizing:border-box;
				line-height:1.5vw; font-size:1vw; color:rgb(0,0,0,1); font-weight:600; letter-spacing:1px; text-align:left;
				padding-left:75px; padding-right:75px; padding-top:15px; background-size:1.5vw; background-repeat:no-repeat;
				z-index:2; cursor:pointer;
			}	.fondoNegro .post.publica .vermas{color:rgb(255,255,255,1);}
			
				.post.publica.izquierda 	.vermas{ left:60%; right:0px; text-align:left; background-position:left+25px center; background-image:url(png/nuevos/icons8-forward-50.png); }
				.post.publica.derecha 		.vermas{ left:0px; right:60%; text-align:right; background-position:right+25px center; background-image:url(png/nuevos/icons8-back-50.png); }
				.post.publica.vertical 		.vermas{ bottom:20px; left:25px; right:25px; margin:auto; background-color:#FFF; border:rgb(0,0,0,0.1) 1px solid; border-radius:5px;
													 height:30px; line-height:30px; font-size:15px; font-weight:800; text-align:center; 
													 padding:0px; padding-left:50px; padding-right:50px;
													 background-image:none; }
				.post.publica.mini 			.vermas{ display:none; } 
				
				.fondoNegro .post.publica.izquierda 	.vermas{ background-image:url('png/nuevos/icons8-forward-50(1).png'); }
				.fondoNegro .post.publica.derecha 		.vermas{ background-image:url('png/nuevos/icons8-back-50(1).png'); }
				.fondoNegro .post.publica.vertical 		.vermas{ background-color:#000; border:none; }
				
			.post.publica .categoria{
				position:absolute; bottom:0px; box-sizing:border-box; overflow:hidden;
				line-height:20px; font-size:10px; color:var(--entorno_color); font-weight:600; letter-spacing:1px; white-space:nowrap; text-overflow:ellipsis;
				padding-left:25px; padding-right:25px;
				z-index:2; cursor:pointer;	
			}	.post.publica.izquierda 	.categoria{ left:60%; right:0px; text-align:right; }
				.post.publica.derecha 		.categoria{ left:0px; right:60%; text-align:left; }
				.post.publica.vertical 		.categoria{ left:0px; right:0px; text-align:center; }
				.post.publica.mini 			.categoria{ display:none; }
			
			.post.publica .galeria{
				position:absolute; bottom:5%; left:0px; right:0px; height:45%; box-sizing:border-box; overflow:hidden; white-space:nowrap; z-index:2;
			}	.post.publica.izquierda 	.galeria{ text-align:right; }
				.post.publica.derecha 		.galeria{ text-align:left; }
				.post.publica.vertical 		.galeria{ bottom:33%; height:18%; text-align:center; }
				.post.publica.mini 			.galeria{ bottom:0%; height:25%; display:none; }
					
				.post.publica .galeria .marco{
					position:relative; width:33.33%; height:100%; box-sizing:border-box; overflow:hidden;  display:inline-block; padding:25px;	
				}	.post.publica.vertical .galeria .marco{ width:30%; padding:10px }
				
					.post.publica .galeria .marco .foto{
						position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background-color:rgb(255,255,255,1);
						background-position:center center; background-repeat:no-repeat; background-size:contain; border-radius:5px;
						box-shadow:rgb(0,0,0,0.25) 0px 0px 25px; cursor:pointer;	
					}	.fondoNegro .post.publica .galeria .marco .foto{background-color:rgb(0,0,0,1); background-size:contain; border-radius: 10px;}
					
						.post.publica.vertical .galeria .marco .foto{ box-shadow:rgb(0,0,0,0.25) 0px 0px 10px; }
							.fondoNegro .post.publica.vertical .galeria .marco .foto{ box-shadow:var(--entorno_color_botones) 0px 0px 5px; }

					
			.post.publica .ocultar{
				position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;	
			}	
	
	
	/***  Botón al final de cada Bloque (Página de Inicio) ***/		
	.botonVerMas{
		position:relative; box-sizing:border-box; width:fit-content; max-width:350px; height:45px; border-radius:15px;
		background-color:white; padding:0px 15px;
        font-family: "Roboto", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		line-height:45px; font-size:18px; color:rgb(0,0,0,0.9); font-weight:700; text-align:center; cursor:pointer; text-shadow: rgb(0,0,0,0.3) 0px 3px 6px;
		overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
		margin:auto; margin-top:15px; box-shadow: rgb(0,0,0,0.3) 0px 1px 3px;
		user-select: none;
		-moz-user-select: none; 
		-webkit-user-select: none;
		-ms-user-select: none;   
	}	.fondoNegro .botonVerMas{ background-color:rgb(255,255,255,0.1); color:rgb(255,255,255,1); }	
		.botonVerMas.destacar{ background-color:var(--entorno_color); color:#FFF; font-weight: 700; box-shadow: rgb(0,0,0,0.5) 0px 2.5px 5px; }	
	
	/*** Mini-Banner en Línea de Página de Inicio ***/
	.LineaBanner{
		position:relative; height:auto; overflow:hidden; border-radius:25px; 
		background-color:var(--entorno_color); background-image:linear-gradient(to bottom right, rgb(0,0,0,0.15), transparent);
		margin: 10px; margin-top:75px; margin-bottom:75px;
		border:rgb(0,0,0,0.075) 1px solid; border-bottom:hidden; border-right:hidden;
	}
		.columnaLineaBanner{
			position:relative; height:300px; width:50%; box-sizing:border-box;
		}
			.columnaLineaBanner.text{ float:left; }
			.columnaLineaBanner.img{ float:right; background-image:url(img/motivo.png); background-repeat:no-repeat; background-position:top center; background-size:cover; }
	
	.marcoLineaBanner{
		position:relative; box-sizing:border-box; width:100%; max-width:450px; height:auto; overflow:hidden; margin:auto; text-align:left;
	}	.LineaBanner.oscuro .marcoLineaBanner{ color:#FFF; }
		.LineaBanner.claro .marcoLineaBanner{ color:#000; }
	
		.marcoLineaBanner.favicon{
			background-repeat:no-repeat; background-size:contain; background-position:left center; height:60px; margin-bottom:15px;
			background-image:url(empresa/logohorizontalpc_oscuro.png);
		}
		.marcoLineaBanner.nombre{
			line-height:20px; font-size:20px; font-weight:750; text-align:left; text-shadow:rgb(0,0,0,0.5) 0px 0px 3px;
				
		}
		.marcoLineaBanner.descripcion{
			line-height:18px; font-size:14px; font-weight:400; text-align:left; margin-top:10px; opacity:0.75; margin-bottom:15px;	
		}
			.marcoLineaBanner .boton{
				float:left; padding-left:25px; padding-right:25px; 
				line-height:20px; font-size:13px; font-weight:750; text-align:center; 
				background-color:rgb(0,0,0,0.1); border:#FFF 2px solid; cursor:pointer; border-radius:15px; 
				margin:10px; margin-left:0px;
			}	.LineaBanner.claro .marcoLineaBanner .boton{ background-color:rgb(255,255,255,0.1); border:#000 2px solid; }
			
			.marcoLineaBanner .redes{
				position:relative; float:left; width:30px; height:30px; margin-right:10px; border-radius:50%; box-sizing:border-box; cursor:pointer;
				background-position:center center; background-repeat:no-repeat; background-size:contain;
			}
		
		/*seleccion seleccionado*/
		.LineaBanner .linieaSeleccion{
			position: relative; height: 40px; line-height: 38px; font-size: 15px; font-weight: 500; padding-left: 40px; padding-right: 10px;
			border: rgb(0,0,0,0.5) 1px solid; border-radius: 20px; cursor: pointer; margin-bottom: 5px;
			background-image: url(png/nuevos/icons8-location-52.png);
			background-size: 20px; background-position: left+10px center; background-repeat: no-repeat;			
		}	.LineaBanner .linieaSeleccion.seleccionado{ background-color: var(--entorno_color_botones); background-image: url('png/nuevos/icons8-location-52(1).png'); border: hidden; line-height: 40px; color: #FFF; font-weight: 700; }
		
		.LineaBanner .indicador{
			position: absolute; top: 0px; bottom: 0px; right: 10px; z-index: 2; width: 75px; height: 25px; margin: auto;
			background-position: center center; background-repeat: no-repeat; background-size: contain;
		}	.LineaBanner .indicador.agotado	{ background-image: url(png/nuevos/nivel-agotado.png); }
			.LineaBanner .indicador.bajo	{ background-image: url(png/nuevos/nivel-bajo.png); }
			.LineaBanner .indicador.medio	{ background-image: url(png/nuevos/nivel-medio.png); }
			.LineaBanner .indicador.alto	{ background-image: url(png/nuevos/nivel-alto.png); }

		.LineaBanner .BanInd{
			position:relative; box-sizing: border-box; 
			padding-left: 48px; line-height: 15px; font-size: 11px; font-weight: 600; color: rgb(0,0,0,0.75); text-align: left;
			background-position: left+10px center; background-repeat: no-repeat; background-size: auto 15px;
		}	.LineaBanner .BanInd.agotado	{ background-image: url(png/nuevos/nivel-agotado.png); }
			.LineaBanner .BanInd.bajo		{ background-image: url(png/nuevos/nivel-bajo.png); }
			.LineaBanner .BanInd.medio		{ background-image: url(png/nuevos/nivel-medio.png); }
			.LineaBanner .BanInd.alto		{ background-image: url(png/nuevos/nivel-alto.png); }