/*
	01. BARNAV
	--------------------------------------------------------------------------------------------------------------------
*/

/*En mycss.css*/

/*
	02. ¿Quiénes somos?
	--------------------------------------------------------------------------------------------------------------------
*/

.whoWeAre{
	display					: flex					;
	justify-content			: center				;
	height					: fit-content			;
	padding					: 5rem 3rem 12rem 3rem	;

	color					: #4B1C71		  	   ;
}

.whoWeAre h1{
	display				: flex						;
	width				: 45%						;
	justify-content		: center					;

	text-align			: center				;

	font-family			: 'Quicksand'				;
	font-size			: 5rem						;
	font-style			: normal					;
	font-weight			: 700						;
	color				: #8237BD			 	   ;	
}

.whoWeAre p{
	display				: flex						;
	width				: 55%						;
	margin				: 6rem 0rem 1rem 0rem		;
	position			: relative					;
	justify-content		: center					;
	align-items			: center					;
	
	text-align			: center					;
	font-size			: 1.5625rem					;
	font-style			: normal					;
	font-weight			: 500						;
}

.whoWeAre p::before{
	content				: ""						;
	border-bottom		: 0.2rem solid #8237BD	   ;
	position			: absolute					;
	width				: 100%						;
	height				: 100%						;
}

/*
	03. CONOCE A LUNA.
	--------------------------------------------------------------------------------------------------------------------
*/

.meetLuna{
	display					: flex					;
	justify-content			: center				;
	align-items				: center				;
	padding					: 2rem 3rem 2rem 3rem	;

	background-color		: #B47DDB			   ;
}

.meetLuna .container{
	align-items				: center				;
	max-width				: 80rem					;
}

.meetLuna div figure{
	display					: flex					;
	justify-content			: center				;

	width					: 40%					;
	height					: 40rem					;
}

.meetLuna div figure img{
	width					: 100%					;
	height					: 100%					;
	object-fit				: cover					;
	border-radius			: 3.75rem				;
}

.meetLuna div div{
	display					: flex					;
	justify-content			: center				;
	align-items				: center				;
	height					: fit-content			;
	flex-direction			: column				;

	width					: 60%					;
	margin-left				: -6rem					;

	color					: white			   ;
	background-color		: #8237BD			   ;
	border-radius			: 3.75rem				;
}

.meetLuna div div h2{
	justify-content			: center				;
	margin					: 5rem 4rem 0rem 4rem	;

	text-align				: center				;
	font-family				: Quicksand				;
	font-size				: 5rem					;
	font-style				: normal				;
	font-weight				: 700					;
}

.meetLuna div div p{
	margin					: 3rem 4rem 6rem 4rem	;
	text-align				: center			 	;
	font-size				: 1.5625rem          	;
	font-style				: normal				;
	font-weight				: 500					;
	line-height				: 150%					;
}

/*
	04. INFORMACIÓN
	--------------------------------------------------------------------------------------------------------------------
*/

.inf{
	display					: flex					;
	position				: relative				;
	justify-content			: center				;
	padding					: 15rem 8rem 13rem 8rem	;
	height					: fit-content			;
}

.inf div{
	position				: relative				;
}



.inf div p{
	position				: relative				;
	align-items				: center				;
	max-width				: 80rem					;

	color					: #4B1C71		  	   ;
	text-align				: center				;
	font-size				: 1.5625rem				;
	font-style				: normal				;
	font-weight				: 500					;
	line-height				: 150%					;
}

.inf div::before{
	content					: ""					;
	background-color		: #4B1C71			   ;
	position				: absolute				;
	width					: 130px					;
	height					: 45px					;

	right					: -4.3rem			 	;
	top						: -2.9rem					;	
	border-radius			: 10rem					;

	z-index					: -1					;
}

.inf div p::after{
	content					: ""					;
	background-color		: #B47DDB			   ;
	position				: absolute				;
	width					: 180px					;
	height					: 70px					;

	right					: 0rem			 		;
	top						: -4rem					;
	border-radius			: 10rem					;

	z-index					: -2					;
}

.inf div p::before{
	content					: ""					;
	background-color		: #F7D01F			   ;
	position				: absolute				;
	width					: 260px					;
	height					: 80px					;

	right					: -7rem			 	;
	top						: -2.4375rem			;
	border-radius			: 10rem					;

	z-index					: -2					;
}

/*
	05. NUESTRO EQUIPO
	--------------------------------------------------------------------------------------------------------------------
*/

.ourTeam{
	display					: flex					;
	flex-direction			: column				;
	justify-content			: center				;
	align-items				: center				;
	gap						: 8rem					;

	padding					: 1rem 2rem 15rem 2rem	;
}

.ourTeam h2{
	display					: flex					;
	justify-content			: center				;

	margin					: 0;

	text-align				: center				;
	font-family				: 'Quicksand'			;
	font-size				: 5rem					;
	font-style				: normal				;
	font-weight				: 700					;
	color					: #8237BD			   ;
}

.ourTeam .container{
	width					: 100%					;
	max-width				: 100rem				;
	flex-direction			: row					;
	justify-content			: space-evenly			;
}

.team-member{
	display					: flex					;
	flex-direction			: column				;
	align-items				: center				;
	justify-content			: space-between			;
	gap						: 0.5rem				;

	height					: fit-content			;
	width					: 20rem					;
}

.team-member img{
	width		 			: 13rem					;
	height		 			: 13rem					;
	background-color		: #8237BD			   ;
	border-radius			: 100%					;
	margin-bottom			: 1rem					;
}

.team-member p:nth-child(2){
	margin					: 0						;

	color					: #4B1C71			   ;
	text-align				: center				;
	font-size				: 1.5625rem				;
	font-style				: normal				;
	font-weight				: 500					;
}

.team-member p:nth-child(3){
	margin					: 0						;

	color					: #B47DDB			   ;
	text-align				: center				;
	font-size				: 1rem					;
	font-style				: normal				;
	font-weight				: 500					;
}

/*
	06. FOOTER
	--------------------------------------------------------------------------------------------------------------------
*/

/*En mycss.css*/