* {
	margin-top: 0;
	padding: 0;
	font-family: 'Times New Roman', Times, serif;
	margin: 0;}

	
*::-webkit-scrollbar{
  display: none;
}


body {

	display: flex;
	flex-direction: column;}

	.navbar {
		z-index: 9;
		position: fixed;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
		height: 0;
	}
	


	.navbar.active {
		height: 170px;
		z-index: 10;
		background-color: rgba(255, 255, 255, 0.856);
	
	}
	

.nav-textUno {
    margin-top: 0px;
    margin-bottom: 0px;
 }

.flex-icon{
    margin-top: 5px;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin-left: 1px;
	list-style: none;
}
.social-icon a{
    font-size: .8rem;
    text-decoration: none;
    list-style: none;
    color: black;
	list-style: none;
    
}
.social-icon a:hover{
    text-decoration: none;
    list-style: none;
    color: #f01f50;
}
.top-navbar {
    transition: .1s;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	transition: background-color 0.3s ease-in-out;
}
.top-navbar.active {
	
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
	

}
.nav-textUno{
	text-decoration: none;
	list-style: none;
}

.nav-text {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	top: -170px;
	opacity: 0;
	transition: top 0.3s ease-in-out, opacity 0.2s ease-in-out;
}

.nav-text.active{
    opacity: 1;
    top: 0;
	
}
.top-navbarDivUno {
    margin-top: 10px;
}

.top-navbarDivUno a{   
    list-style: none;
    text-decoration: none;
    cursor: pointer;
}
.nav-menu{
	text-decoration: none; 
	list-style-type: none;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.nav-menuDos{
	text-decoration: none; 
	list-style-type: none;  
 	margin-top: 5px;
  	height: 90px;
}

.nav-menuDos a{
    margin-left: 25px; 
    text-decoration: none;
   color: black;
    font-size:.78rem;
}

.nav-menuDos a:hover{
    cursor: pointer;
    color: #f01f50;

}
.nav-itemDos {
    margin-top: 2px;
    font-size:.78rem;
   margin-left: 25px; 
}

.nav-itemDos a{
   
   margin-left: 0px; 
}
.nav-item {
    margin-right: 30px;
    text-decoration: none;
    font-size: 1.5rem; 
}
.nav-item a{
    font-weight: 900;
    text-decoration: none;
    color: black;
}
.nav-branding {
    font-family: 'Poppins', Times, serif;
    transition: .1s;
    margin-left: 25px;
    color: white;
    font-size: 2.5rem;
}
.nav-branding.active {
    margin-left: 25px;
    color: black;
    font-size: 2.5rem;
}
.nav-link {
    transition: 0.7s ease;
}
.nav-link:hover {
    color: #f01f50;
}
.bar {
    display: block ;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: black;
}
.div-bar {
    margin-left: .8px;
    margin-top: 15px;
}
.hamburger {
    cursor: pointer;
    margin-top: 15px;
    margin-right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;
}
.div-bar.active .bar:nth-child(2){
    opacity: 0;
}
.div-bar.active .bar:nth-child(1){
    transform: translateY(8px) rotate(45deg);
}
.div-bar.active .bar:nth-child(3){
    transform: translateY(-8px) rotate(-45deg);
}


/*--parametros generales del cuerpo de supervideo--*/




/*--parametros generales del cuerpo de imagenes--*/
.lazy {
	filter: blur(10px);
}

.hidden-scale {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

/* Efecto de escala cuando la imagen entra en el viewport */
.scale-in {
    opacity: 1;
    transform: scale(1);
}

/* Al cargar la página, las imágenes aparecerán */
img.lazy {
    opacity: 0;
    transition: opacity 1.5s ease-out;
}

img.lazy.loaded {
    opacity: 1;
}
.container {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.circle {
    width: 30px;
    height: 30px;
    background-color: red; /* Cambia el color del círculo según lo desees */
    border-radius: 50%;
    position: absolute;
    pointer-events: none; /* Evita que el círculo interrumpa la interacción con otros elementos */
    transition: transform 0.1s ease; /* Agrega una transición suave */
}

.archvizsection{
	margin-top: 1vh ;
}
.hes-gallery {
	
	left: 1vh;
	
	position: relative;
	height: 100%;
	width: 99.1%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(22, 1fr);
	grid-gap: .7vh;	}

	.img {
		position: relative;
		display: inline-block;
		transition: all .3s;
	}

	.img:hover {
		opacity: 0.95
		;
	}
	
	.img img, .img .gif {
		height: 100%;
		width: 100%;
		object-fit: cover;
		cursor: pointer;
	}
	
	.gif {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}

#noselectgrid {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
											supported by Chrome, Edge, Opera and Firefox */
		  }




/*lightbox*/

#noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
  }

/*--efecto hover en imagenes--*/







/*--ubicacion de las imagenes--*/

#imagen1 {
	grid-row: 1/3;
	grid-column: 1/4;}
#imagen2 {
	grid-row: 1/2;
	grid-column: 4/6;}
#imagen3 {
	grid-row: 2/3;
	grid-column: 4/6;}

#imagen4 {
	grid-row: 3/5;
	grid-column: 4/6;}
#imagen5 {
	grid-row: 3/4;
	grid-column: 1/3;}
#imagen6 {
	grid-row: 4/5;
	grid-column: 1/3;}

#imagen7 {
	grid-row: 5/7;
	grid-column: 1/4;}
#imagen8 {
	grid-row: 3/4;
	grid-column: 3/4;}
#imagen9 {
	grid-row: 4/5;
	grid-column: 3/4;}
			
#imagen10 {
	grid-row: 5/6;
	grid-column: 4/5;}
#imagen11 {
	grid-row: 6/7;
	grid-column: 4/5;}

#imagen12 {

	grid-row: 5/7;
	grid-column: 5/6;}
	#imagen13 {

		grid-row: 7/8;
		grid-column: 1/4;}
	
#imagen14 {
	grid-row: 7/9;
		grid-column: 4/6;}
#imagen15 {
	grid-row: 8/9;
		grid-column: 1/2;}
#imagen16 {
	grid-row: 8/9;
		grid-column: 2/3;}					
#imagen17 {
	grid-row: 8/9;
		grid-column: 3/4;}	
#imagen18 {
	grid-row: 9/11;
		grid-column: 1/4;}	



#imagen19 {
	grid-row: 9/10;
		grid-column: 4/5;}	
							
#imagen20 {
	grid-row: 10/11;
	grid-column: 4/5;}	

#imagen21 {
	grid-row: 9/11;
	grid-column: 5/6;}	
									
#imagen22 {
	grid-row: 11/12;
	grid-column: 1/2;}	
#imagen23 {
	grid-row: 11/12;
	grid-column: 2/3;}	
		
#imagen24 {
	grid-row: 11/12;
	grid-column: 3/4;}	

#imagen25 {
	grid-row: 11/13;
	grid-column: 4/6;}	
	
#imagen26 {
	grid-row: 12/13;
	grid-column: 1/2;}	

#imagen27 {
	grid-row: 12/13;
	grid-column: 2/3;}	

#imagen28 {
	grid-row: 12/13;
	grid-column: 3/4;}	

			
#imagen29 {
	grid-row: 13/15;
	grid-column: 1/4;}	
					
#imagen30 {
	grid-row: 13/14;
	grid-column: 4/5;}	

#imagen31 {
	grid-row: 13/14;
	grid-column: 5/6;}	

#imagen32 {
	grid-row: 14/15;
	grid-column: 4/6;}	

#imagen33 {
	grid-row: 15/16;
	grid-column: 1/3;}	
					
#imagen34 {
	grid-row: 16/17;
	grid-column: 1/3;}
								
											
#imagen35 {
	grid-row: 15/16;
	grid-column: 3/4;}										
					
								
											
#imagen36 {
		grid-row: 16/17;
		grid-column: 3/4;}		
#imagen37 {
		grid-row: 15/17;
			grid-column: 4/6;}		
	
#imagen38 {
	grid-row: 17/19;
	grid-column: 1/4;}	
#imagen39 {
	grid-row: 17/18;
	grid-column: 4/6;}	

	#imagen40 {
		grid-row: 18/19;
		grid-column: 4/6;}	

#imagen41 {
			grid-row: 19/20;
			grid-column: 1/3;}	
#imagen42 {
			grid-row: 19/20;
			grid-column: 3/4;}	
#imagen43{
	grid-row: 19/21;
	grid-column: 4/6;}	

#imagen44{
	grid-row: 20/21;
	grid-column: 1/3;}	
#imagen45{
	grid-row: 20/21;
	grid-column: 3/4;}

#imagen46{
	grid-row: 21/23;
	grid-column: 1/4;}

#imagen47{
	grid-row: 21/22;
	grid-column: 4/5;}
	
#imagen48{
	grid-row: 22/23;
	grid-column: 4/5;}
	
	#imagen49{
		grid-row: 21/23;
		grid-column: 5/6;}

/*--fin ubicacion de las imagenes--*/


footer {
	height: 100px;
}

footer hr {
	margin-top: 50px;
	width: 90%;
	margin-left: 5%;
}

footer p {
	font-size: 12px;
	margin-top: 15px;
	text-align: center;
}

/*--tablet responsive--*/
@media only screen and (max-width: 1200px) and (min-width: 700px)  {




.hes-gallery {

	left: 1vh;
	margin-top: 0px;
	position: relative;
	height: 100%;
	width: 98%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(20, 1fr);
	grid-gap: 1vh;}

	
}



/*--mobile responsive--*/

@media only screen and (max-width: 850px) {

	.nav-itemDos {
		margin-top: 2px;
		font-size:.9rem;
		margin-left: 0px;
		text-align: center;
	   }
	
	.flex-icon{
		
		justify-content: space-evenly;
	   }
	   

	   .flex-icon li{
		margin-top: 45px;
		justify-content: space-evenly;
	   }
	.nav-textUno {
	   margin-bottom: 40%;
	}


	.navbar {  
		height: 70px;
		z-index: 1; 
		position: fixed;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.navbar.active {  
		height: 100vh;
		z-index: 99999; 
		position: fixed;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.nav-menuDos{
	
		margin-top: 0px;
		height: auto;
	}
	.nav-text {
		
		top: -100vh;
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		transition: .2s;
		}
	.nav-text.active{
		height: 100vh;
		background-color: white;
		}
	.nav-menu{ 
		margin-top: 50px;
		text-align: center;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		}
	
	.top-navbar {
		transition: none;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		}
		
	.top-navbar.active {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		background-color: white;

		}
		
	.nav-item {
	   
		
		text-decoration: none;
		font-size: 1rem;
		
	   
	}
	.nav-menu li{
			margin: 0;
			text-align: center;      
			margin-top: 30px;
		}
	
	.top-navbarDivUno {
		margin-top: 18px;
	}

	.nav-menuDos a{
		margin-left: 0;
		width: 100%;
text-align: center;        text-decoration: none;
	   color: black;
		font-size:.9rem;
	}
	
		
	
	
	
	.sectiondos{
			display: none;
		}
	
	.sectiontres{
			display: none;
		}
	
	.sectioncuatro{
			display: none;
		}
	
	
		
	
		
		
		
		
	














.hes-gallery {
	margin-top: 3px;
	display: block;
	width: 96%;
}
.img img{
	margin-top: 5px;
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
	user-select: none;}


.img {
	opacity: 1;
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
	user-select: none;
}


#noselectgrid {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
										supported by Chrome, Edge, Opera and Firefox */
}


.img img:hover{
	
	height: 100%;
	width: 100%;
	object-fit: cover;
	cursor: pointer;
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
	user-select: none;
	transition: all .05s;

}

}