/*  -- HERO SECTION -- */
#hero .cuadrado-lineas
{
	right: 0;
	top: 100px;
}

/* -- QUIENES SOMOS -- */
section#quienes-somos
{
	width: 100%;
	background-color: var(--color-5);
	color: var(--color-3);
	padding-bottom: 1rem;
}

#quienes-somos .imagen
{
	width: 90%;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

#quienes-somos .imagen img
{
	width: 100%;
	margin-top: -50px;	
}

#quienes-somos .info
{
	padding: 2rem 1rem;
	text-align: center;
}

#quienes-somos .info h2
{
	font-family: font1-bold;
	font-size: var(--text-4);
	color: var(--color-2);
}

#quienes-somos .info .line
{
	width: 150px;
	margin: 0.4rem auto 1.3rem;
}

#quienes-somos .info .line img
{
	width: 100%;
}

#quienes-somos .info p
{
	font-size: var(--text-8);
}

@media (min-width: 767px)
{
	section#quienes-somos .container
	{
		display: flex;
	}

	#quienes-somos .info
	{
		width: 1000px;
		padding: 1rem 3rem 0;
		text-align: left;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	#quienes-somos .info .line
	{
		margin-left: 0;
	}

	#quienes-somos .info p
	{
		font-size: var(--text-7);
	}
}

/* --- MISION Y VISION --- */
section#mision-vision
{
	width: 100%;
	background-color: var(--color-5);
	text-align: center;
	padding: 1rem;
	padding-bottom: 0;
}

#mision-vision .container
{
	display: flex;
	flex-direction: column;
}

#mision-vision .container > div h3
{
	font-family: font1-extrabold;
	color: var(--color-2);
	font-size: var(--text-4);
}

#mision-vision .container > div p
{
	color: var(--color-3);
	font-size: var(--text-8);
	padding-bottom: 2rem;
}

#mision-vision .container > div .line
{
	width: 130px;
	margin: 0.3rem auto 1.3rem;
}

#mision-vision .container > div .line img
{
	width: 100%;
}

#mision-vision .zigzag-v
{
	display: none;
	background-image: url(../../assets/img/web/global/zigzag1-v.png);
	background-size: 100% auto;
	width: 300px;
}

@media(min-width: 767px)
{
	#mision-vision .container
	{
		flex-direction: row;
		margin-top: 100px;
	}

	#mision-vision .container > div
	{
		padding: 1rem 2rem;
		text-align: left;
	}

	#mision-vision .vision
	{
		margin-top: 5rem;
		height: 500px;
	}

	#mision-vision .container > div .line
	{
		margin-left: 0;
	}

	#mision-vision .zigzag-v
	{
		display: initial;
	}

	#mision-vision .container > div p
	{
		font-size: var(--text-7);
	}
}

/* -- VALORES CORP -- */
section#valores-corp
{
	width: 100%;
}

#valores-corp .onda1,
#valores-corp .onda2
{
	width: 100%;
	background-color: var(--color-5);
}

#valores-corp .onda1 img
{
	width: 100%;
	display: block;
	margin-bottom: -2px;
}

#valores-corp .onda2 img
{
	width: 100%;
	display: block;
	margin-top: -2px;
	transform: scaleY(-1);
}

#valores-corp .info
{
	width: 100%;
	padding: 3rem 1rem 2rem;
	background-color: var(--color-2);
	position: relative;
	z-index: 2;
}

#valores-corp .info h3
{
	font-size: var(--text-4);
}

#valores-corp .info p
{
	width: 100%;
	max-width: 777px;
}

#valores-corp .info .line
{
	width: 150px;
	margin: 0.3rem 0 1.3rem;
}

#valores-corp .info .line img
{
	width: 100%;
}

#valores-corp .valores
{
	width: 100%;
	background-color: var(--color-2);
	position: relative;
	z-index: 2;
}

#valores-corp .parte1,
#valores-corp .parte2 
{
	display: flex;
	padding-bottom: 3rem;
}

#valores-corp .parte1 .col1,
#valores-corp .parte2 .col3
{
	width: 100%;
	margin: auto 0;
}

#valores-corp .parte1 .col1 img,
#valores-corp .parte2 .col3 img
{
	width: 100%;
}

#valores-corp .parte1 .col2,
#valores-corp .parte2 .col2
{
	width: 400px;
	display: flex;
	flex-direction: column;
  	justify-content: space-between;
}

#valores-corp .parte1 .col2 h4,
#valores-corp .parte2 .col2 h4
{
	color: var(--color-1);
}

#valores-corp .parte1 .col2 p,
#valores-corp .parte2 .col2 p
{
	font-size: var(--text-8);
	padding-bottom: 1rem;
}

#valores-corp .parte1 .col1 img,
#valores-corp .parte1 .col2 img
{
	padding-right: 1rem;
}

#valores-corp .parte2 .col3 img,
#valores-corp .parte2 .col2 img
{
	padding-left: 1rem;
}

#valores-corp .parte1 .col2 .valor:first-child,
#valores-corp .parte1 .col2 .valor:last-child
{
	margin-left: -2.3rem;
}

#valores-corp .parte2 .col2 .valor:first-child,
#valores-corp .parte2 .col2 .valor:last-child
{
	margin-left: 2.3rem;
}

#valores-corp .parte1 .col2 .valor:nth-child(3)
{
	margin-left: -1rem;
}

#valores-corp .parte2 .col2 .valor:nth-child(2)
{
	margin-left: 1rem;
}
#valores-corp .parte2 .col2 .valor:nth-child(3)
{
	margin-left: 1.5rem;
}

#valores-corp .parte1 .col3,
#valores-corp .parte2 .col1
{
	display: none;
}

#valores-corp .zigzag-h
{
	background-image: url(../../assets/img/web/global/zigzag2-h.png);
	background-size: auto 100%;
	height: 100px;
}

@media(min-width: 767px)
{
	#valores-corp .onda1
	{
		margin-top: -200px;
	}

	#valores-corp .info
	{
		padding: 3rem 2rem 5rem;
	}

	#valores-corp .info h3
	{
		font-family: font1-extrabold;
		font-size: var(--text-3);
		letter-spacing: 7px;
	}

	#valores-corp .parte1,
	#valores-corp .parte2
	{
		padding-bottom: 7rem;
	}

	#valores-corp .parte1 .col1,
	#valores-corp .parte2 .col3
	{
		max-width: 500px; 
	}

	#valores-corp .parte1 .col2,
	#valores-corp .parte2 .col2
	{
		width: 2000px;
		padding: 0 3rem;
	}

	#valores-corp .parte1 .col3,
	#valores-corp .parte2 .col1
	{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

}

@media(min-width: 992px)
{
	#valores-corp .parte1 .col2 h4,
	#valores-corp .parte2 .col2 h4
	{
		font-size: var(--text-6);
	}

	#valores-corp .parte1 .col2 p,
	#valores-corp .parte2 .col2 p
	{
		font-size: var(--text-7);
	}
}

/* -- AREAS -- */
section#areas
{
	width: 100%;
	background-color: var(--color-5);
}

#areas .info
{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 3rem 1rem 2rem;
	font-family: font1-medium;
	font-size: var(--text-6);
	text-align: center;
	color: var(--color-2);
}

#areas .logos
{
	display: flex;
	flex-direction: column;
}

#areas .area
{
	text-align: center;
	padding: 1rem;
}

#areas .area h3
{
	font-size: var(--text-5);
	padding-bottom: 1rem;
	letter-spacing: 10px;
	font-family: font1-light;
	color: var(--color-4);
}

#areas .area .logo
{
	width: 100%;
	border-radius: 7px;
	background-color: var(--color-2);
	padding: 5%;
}

#areas .area .logo img
{
	width: 100%;
}

#areas .mitad-gris
{
	width: 100%;
	height: 100px;
	background-color: var(--color-4);
	margin-top: -100px;
}

@media(min-width: 767px)
{
	#areas .info
	{
		padding-top: 7rem;
		font-size: var(--text-4);
	}

	#areas .logos
	{
		flex-direction: row;
	}

	#areas .area
	{
		width: 33.3%;
	}

	#areas .area .logo
	{
		height: 150px;
	}

	#areas .area .logo img
	{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

/* -- ALIADOS -- */
#aliados
{
	width: 100%;
	background-color: var(--color-4);
	text-align: center;
	position: relative;
	z-index: 2;
	padding: 70px 1rem 100px;
}

#aliados .container
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

#aliados h2
{
	font-family: font1-extrabold;
	font-size: var(--text-4);
	color: var(--color-2);
}

#aliados .line
{
	margin: 0.6rem 0 1.5rem;
}

#aliados p
{
	max-width: 1000px;
	color: var(--color-3);
	padding: 0 1rem;
	padding-bottom: 2rem;
}

#aliados .line img
{
	width: 100%;
	object-fit: contain;
}

#aliados .logos
{
	width: 100%;
}

#aliados .logo
{
	width: 40%;
	margin: 0 2rem 2rem;
	display: inline-block;
	filter: grayscale(100);
	opacity: 0.9;
	transition: 0.3s;
}

#aliados .logo:hover
{
	filter: grayscale(0);
	opacity: 1;
	transform: scale(1.03);
}

#aliados .logo img
{
	width: 100%;
	object-fit: contain;
}

@media (min-width: 767px)
{
	#aliados .logo
	{
		width: 220px;
	}

	#aliados h2
	{
		font-size: var(--text-3);
	}

	#aliados .line
	{
		margin: 1rem 0 2rem;
	}
}