/*General Styling*/

/*body{margin:0; overflow-x:hidden;}*/




.menu-home-scroll-unlocked {
	background-color: #ffffff!important;
	box-shadow:rgba(72, 72, 76, 0.1) 3px 0px 10px 5px;
}

.fc-text{opacity:0;}

#gsap-section {  
  border-bottom:2px solid #eee;
  background: #fff;
  overflow-x:hidden;
  overflow-y:hidden;  
  opacity:1!important;  
  
}

#gsap-canvas{
	background-image:url("seq/000.webp");
	background-position:center center;
	background-size:100%;
	background-repeat:no-repeat;
	background-size: contain;
	width: 100%;
  height: 100%;
  object-fit: contain;
  padding:0;
  margin:0;
  
  
}

@media (max-width: 800px) { 
  #gsap-canvas{
	  background-size:170%;
	  background-position:center center;
	  }  
}

@media (max-width: 1280px) {
	.header-flex{
		padding:20px 30px;
	}
}

@media (max-width: 800px) {

  .logo img{max-width:140px;}

  .header{
   left: 50%!important;
   transform: translateX(-50%);
	}

  .menu{
	 display:none;
	}
}

/*Textos*//*Textos*//*Textos*//*Textos*//*Textos*//*Textos*/

.fc-text{ 
  font-family: 'Poppins', sans-serif;      
}

.fc-text p{
	font-size:70px;
	line-height:1em;
	font-weight: 800;
	}



@media (max-width: 1400px) { 
	.fc-text h1{font-size:30px!important; margin-bottom:10px!important;}
	.fc-text h2{font-size:30px!important; margin-bottom:10px!important;}
	.fc-text h5{font-size:18px!important;}
}


#text-1, #text-2, #text-3{   	
    position: absolute;
    top: 0;
    max-width: 100%;
    height: 100%;
    width: 100%;
} 

#text-2{
	right:0;	
}

.text-1-wrapper{
	text-align: left;
	max-width: 600px;
    margin-left: 8%;	
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
	flex-direction:column;
}


.text-2-wrapper{
	text-align:right;
	max-width: 600px;
    margin-top: 14%;
    margin-right: 23%;
	margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;	
	flex-direction:column;
}


.text-3-wrapper{
	text-align:center;
	max-width: 600px;
    margin-top: 4%;
    margin-right: 27%;
	margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;	
	flex-direction:column;
}

.text-2-wrapper p{color:white; text-shadow:0px 0px 25px rgba(0,0,0,0.5);}
.text-3-wrapper p{color:white; text-shadow:0px 0px 25px rgba(0,0,0,0.5);}



.z-button{
	color:white;
	font-size:18px;
	padding:17px 40px;
	background-color:#ff1569;
	border-radius:50px;
	cursor:pointer;
	font-weight:700;
}
.z-button:hover{
	color:white;
	background-color:#0071ED;
}


@media (max-width: 800px) {	
	.text-1-wrapper, .text-2-wrapper,.text-3-wrapper, .text-4-wrapper{
		padding:40px 40px;
		text-align:center;
		align-items: center;}
	
	#text-1{
		height: 80%;
		width: 100%;		
	}
	
	#text-2{
		height: 80%;
		width: 100%;		
	}
	
	#text-3{
		height: 80%;
		width: 100%;		
	}
		
	
	
}




/*Elementos*//*Elementos*//*Elementos*//*Elementos*//*Elementos*/

/*Divs Contenedoras de elementos animados*/
#fc2-elemento1, #fc3-elemento1 {
    position: absolute; 	
	left: 0!important;
	bottom:0!important;  	
	height:100%!important;
	width:100%!important;
	z-index:900 !important;
}



#fc2-elemento1 video,
#fc3-elemento1 video {
  position: absolute;
  object-fit: contain;
  /* El tamaño y la posición ya se aplican con JS */
}

#fc2-elemento1 video{
	position: absolute;
	transform: translateX(-50%);
    width: 21%;
    bottom: 20%;
    left: 25%;
	
}

#fc3-elemento1 video {
	position: absolute;
	transform: translateX(-50%);
    width: 13%;
    bottom: 8%;
    left: 24%;
	
}