@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'ShadowsIntoLight';
	font-display: auto;
	src: url('fonts/shadowsintolight-regular-webfont.eot');
	src: url('fonts/shadowsintolight-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/shadowsintolight-regular-webfont.woff2') format('woff2'),
		 url('fonts/shadowsintolight-regular-webfont.woff') format('woff'),
		 url('fonts/shadowsintolight-regular-webfont.ttf') format('truetype'),
		 url('fonts/shadowsintolight-regular-webfont.svg#shadows_into_lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PoppinsMedium';
	font-display: auto;
	src: url('fonts/Poppins-Medium.eot');
	src: url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Poppins-Medium.woff2') format('woff2'),
		 url('fonts/Poppins-Medium.woff') format('woff'),
		 url('fonts/Poppins-Medium.ttf') format('truetype'),
		 url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'PoppinsSemiBold';
	font-display: auto;
	src: url('fonts/Poppins-SemiBold.eot');
	src: url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Poppins-SemiBold.woff2') format('woff2'),
		 url('fonts/Poppins-SemiBold.woff') format('woff'),
		 url('fonts/Poppins-SemiBold.ttf') format('truetype'),
		 url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'PoppinsLight';
	font-display: auto;
	src: url('fonts/Poppins-Light.eot');
	src: url('fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Poppins-Light.woff2') format('woff2'),
		 url('fonts/Poppins-Light.woff') format('woff'),
		 url('fonts/Poppins-Light.ttf') format('truetype'),
		 url('fonts/Poppins-Light.svg#Poppins-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'PoppinsRegular';
	font-display: auto;
	src: url('fonts/Poppins-Regular.eot');
	src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Poppins-Regular.woff2') format('woff2'),
		 url('fonts/Poppins-Regular.woff') format('woff'),
		 url('fonts/Poppins-Regular.ttf') format('truetype'),
		 url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PoppinsBold';
	font-display: auto;
	src: url('fonts/Poppins-Bold.eot');
	src: url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Poppins-Bold.woff2') format('woff2'),
		 url('fonts/Poppins-Bold.woff') format('woff'),
		 url('fonts/Poppins-Bold.ttf') format('truetype'),
		 url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

::-moz-selection { /* Code for Firefox */
	color: #FFF;
	background: #2799BF;
}
::selection {
	color: #FFF;
	background: #2799BF;
}

*, *::before, *::after {
	box-sizing: border-box;
}

body
{
	font-family: PoppinsRegular;
	overflow: auto;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #042C4F;
	background-color: #f3f3f3;
}

#section
{
	height: 100vh;
	background-image: url("fondo.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom right;
	min-height: 650px;
	padding-left: 12px;
	padding-right: 12px;
}
#section-content
{
	max-width: 780px;
	margin-left: 17%;
	padding-top: 36px;
}
#logo
{
	margin-bottom: 32px;
}
.text-center{text-align: center}
.titulo1
{
	font-family: ShadowsIntoLight;
	font-size: 22px;
	line-height: 35px;
	color: #2799BF;
	-webkit-text-stroke: 0.25px #2799BF;
}
.titulo2
{
	font-family: PoppinsBold;
	font-size: 35px;
	line-height: 50px;
	color: #042C4F;
	margin-top: 6px;
	margin-bottom: 30px;
}
.texto
{
	line-height: 25px;
}
.texto a
{
	color: #2799BF;
}
p {margin-bottom: 25px;}

#section2
{
	margin: 50px auto 60px;
	width: 66%;
	max-width: 100%;
	padding-left: 12px;
	padding-right: 12px;
}

#bloque-servicios
{
	display: flex;
	align-items: flex-start;
	gap: 30px;
}
#bloque-servicios > *
{
	width: calc((100% - 30px) / 2);
}
.item-servicio
{
	background: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
}
.item-servicio + .item-servicio
{
	margin-top: 10px;
}
.item-servicio-titulo
{
	position: relative;
	font-family: PoppinsMedium;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	padding: 15px 40px 15px 20px;
	cursor: pointer;
	margin: 0;
	color: #042C4F;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: 100%;
}
.item-servicio-titulo:before
{
	content: url("flecha.svg");

	position: absolute;
	right: 20px;
	top: 24px;
	line-height: 0;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.item-servicio-texto
{
	font-size: 15px;
	line-height: 20px;
	padding: 15px 20px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	transform-origin: top;
	display: none;
}
.open .item-servicio-titulo
{
	background: #2799BF;
	color: #FFF;
}
.open .item-servicio-titulo:before
{
	content: url("flecha_w.svg");
}
.open .item-servicio-texto
{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	display: block;
}
#img-servicio
{
	height: 710px;
	object-fit: cover;
}

@media only screen and (max-width: 991px)
{
	#section{background: white; text-align: center; height: auto; min-height: initial; padding-top: 20px; padding-bottom: 20px}
	#section-content{margin-left: 0%; max-width: initial}
	#section2 {width: 100%; padding-left: 12px; padding-right: 12px}

	#bloque-servicios{flex-wrap: wrap-reverse}
	#bloque-servicios > * {width: 100%;}
	#img-servicio{width: auto !important; height: auto !important; margin: 0 auto; max-width: 100%}
}

@media only screen and (max-width: 575px)
{
	.item-servicio-titulo{font-size: 18px}
	.titulo2{font-size: 30px;}
	#section2{margin-top: 30px}
}

@media only screen and (min-width: 768px) and (max-width: 991px)
{
	#section{background-position: bottom center;}
	.item-servicio-titulo{font-size: 18px}
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{
	#section{background-position: bottom center;}
	#section-content{margin-left: 0%}
	#section2 {width: 100%; padding-left: 12px; padding-right: 12px}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px)
{
	#section{background-position: bottom center;}
	#section-content{margin-left: 0%}
	#section2 {width: 100%; padding-left: 12px; padding-right: 12px}
}

@media only screen and (min-width: 1600px) and (max-width: 1919px)
{
	#section-content{margin-left: 4%}
	#section2 {width: 80%;}
}