/* Css responsivo entre 388px y 576px */

@media screen and (max-width: 576px) and (min-width: 388px) {


/*********************************************************************************************************
*** Inicio *********************************************************************************************
**********************************************************************************************************/

.logo img {width:92px;}

.titulo-principal h1{
	width: 342px;
	height: 69px;
	font-size: 21.9px;
	line-height: 22.9px;
	margin:109px auto 52.9px;
}

.homeBotonContactar {
	padding:11.9px 16.5px;
	width: 165.4px;
	height:44.1px;
	font-size:16.5px;
	line-height:27.5px;
	border: 1.8px solid #022859;
	border-radius:27.5px;
}

.iconFlechaDerechaAzul{
  margin-left:18.3px;
  width: 29.4px;
  height: 29.4px;
}

#video-mockup-home{margin:100px auto 24px;}

.home-connecta div.div-video-mockup-home{height:421px; margin-bottom:15px;}

.parrafo-general p{
	font-size:16px;
	font-weight:400;
	line-height:19px;
}

/*** logras ************************************************************************/

.home-logras{margin-top:15px; padding-bottom:50px;}

.home-logras p.texto-parrafo-gigante-azul{
	margin:0px auto 73px;
	width:341.5px;
	min-height:62.2px;
	font-size: 24.1px;
	line-height: 30.1px;
}

.icon-boton-logras-mobile{
	height:19.1px;
	width:19.1px;
}

.logras-item-titulo{
    font-size: 21.2px;
    line-height: 40.5px;
    margin: 15px 0px 15px;
}

/*** empresas *****************************************************************/

.home-empresas{min-height:726px;}
.home-empresas p.texto-pre-bold-blanco{
	font-size: 20.8px;
	line-height: 21.8px;
	width:310.7px;
	margin:15px auto 0px;
}

.home-empresas p.texto-bold-blanco{
	font-size: 20.8px;
	line-height: 21.8px;
	width:310.7px;
	margin:0px auto;
}

.texto-bold-blanco {font-size:23px;}

.texto-parrafo-blanco{font-size:23px;}

.home-empresas p.texto-parrafo-blanco{
	width:310.7px;
	font-size: 17px;
	line-height: 18px;
	padding:21.8px 0px;
	margin:0px auto;
}

.homeBotonEmpresas {
	width:170.6px;
	height:45.4px;
	font-size:17px;
	line-height:28.4px;
	border: 1.89px solid #19B298;
	border-radius:28.4px;
}

.home-empresas .iconFlechaDerechaAzul{
  margin-left:18.9px;
  width:30.3px;
  height:30.3px;
}

#pic-empresas-carvajal-mobile{
	margin: 37px auto 40px;
	padding:0px 0px 0px 0px;
	height:387.9px;
}

/*** educacion *****************************************************************/

.texto-pre-bold-azul{font-size:23px;line-height:34px;}
.home-educacion p.texto-pre-bold-azul{
	height:initial;
	margin:10px auto 0px;
	font-size:20.8px;
	line-height:21.7px;
	width:328.7px;
}

.texto-bold-azul {font-size:23px;}
.home-educacion p.texto-bold-azul{
	font-size:20.8px;
	line-height:21.7px;
	width:328.7px;
	height:initial;
}

.texto-parrafo-azul {font-size:23px;}
.home-educacion p.texto-parrafo-azul{
	width:328.7px;
	height:66px;
	font-size:16px;
	line-height:18px;
	margin:35px auto 35px;
}

.homeBotonEducacionMobile{
	margin:14px auto 13px;
	width:167.4px;
	height:44.6px;
	font-size:16.7px;
	line-height:26.4px;
	border-radius:27.9px;
	border: 1.86px solid #00B8F2;
}
.home-educacion .iconFlechaDerechaAzul{
	margin-left:18.6px;
	width:29.7px;
	height:29.7px;
}

/*** familia *****************************************************************/

.home-familia{margin-top:6px;}

.texto-parrafo-gigante-verde{
  font-size:27px;
  line-height:32px;
}
.home-familia p.texto-parrafo-gigante-verde{
	width:265.4px;
	height:53.6px;
	margin:0px auto 65px;
	padding:7.8px;
  font-size:17.5px;
  line-height:18.7px;
}

.home-familia-pic-mobile{
	height:60px;
	margin:5px 6px 0px;
}

.icon-boton-familia-mobile{
	height:50px;
	max-width:150px;
}

/*** paises *****************************************************************/

.paises{margin:52px auto 70px;}

#pic-paises-mobile{
	width:initial;
	height:133.1px;
}

/*** cotiza *****************************************************************/

.home-cotiza{margin-top:54px;}

.texto-pre-parrafo-azul-cotiza{
  font-size:20px;
  line-height:28px;
}

.texto-parrafo-azul-cotiza{
  font-size:20px;
  line-height:28px;
}

.home-cotiza p.texto-parrafo-azul-cotiza{margin-bottom:24px;}

.boton-cotiza {
  font-size:20px;
  line-height:34px;
}

/*** contacto ***********************************************************************/

.contacto-izquierda{margin:0px 0px 0px 29.6px;}

.logoContacto{
  margin:54px 0px 63px;
  height:34.5px;
}

.contacto .contacto-izquierda .texto-titulo-blanco-contacto{
	font-size: 20.4px;
	line-height: 28.6px;
	margin-bottom:53px;
	height:initial;
}

.contacto .texto-parrafo-blanco-contacto{
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
}

#contactoParrafoAboutUs{
    margin-bottom:15px;
    width:280px;
	height:120px;
	font-size:20.4px;
	line-height: 28.6px;
}

.contactoDatosContacto{
	height:41px;
	margin-bottom:25px;
}

#contactoUbicacionPic{max-height:41px;}

#hrContactoTopMobile{
	left:-12px;
	width:323px;
}

.contacto-informacion{margin:26px 0px 0px 24px;}

.contacto-informacion .texto-titulo-blanco-contacto{
	font-size:20px;
	line-height:19px;
	margin-bottom:22px;
}
.contacto-informacion .texto-parrafo-blanco-contacto{
	font-size:20px;
	line-height:28px;
	margin-bottom:22px;
}

.boton-hablemos-form-movil{
	height:54px;
	font-size:18px;
	line-height:30px;
	border: 2px solid #00E6C9;
	border-radius:16px;
	margin:0px auto 25px;
} /* margin:0px 24px 25px; */

.contacto-icon-boton-hablemos{
	margin-left:12px;
	width:14px;
	height:14px;
}

.contacto-foot-mobile p.texto-parrafo-blanco-contacto{
  margin:0px 0px 13px 24px;
  font-size:20px;
  line-height:28px;
}

#contacto-instagram-pic{
	margin:0px 19px 26px 24px;
	height:20px;
}

#contacto-linkedin-pic{
	margin:0px 0px 26px 0px;
	height:20px;
}

.contacto-foot-izquierda{
  font-size: 16px;
  line-height: 28px;
  margin: 13px auto 0px;
}

.contacto-foot-derecha{
  font-size: 16px;
  line-height: 29px;
  margin: 0px auto 50px;
}

.texto-verde-grande{
  font-size:22px;
  line-height:28px;
}


/*********************************************************************************************************
*** Nosotros *********************************************************************************************
**********************************************************************************************************/
	
/*** somos ************************************************************************/

.nosotros-somos{margin-top:102px;}

.nosotros-somos .texto-parrafo-azul p {
  font-size:20px;
  line-height:28px;
}

.nosotros-somos .texto-parrafo-blanco p{
	width:332px;
	height:210px;
	margin: 0px 28px 28px;
	font-size: 20px;
	line-height: 28px;
}

.nosotros-somos .parrafo-general p{
	width:332px;
	font-size: 20px;
	line-height: 28px;
}

.bgVerdeOblicuoNoTransparenteMobile{
  height: 829px;
  background-image: url("../../assetsMobile/images/Fondos/Nosotros/bgVerdeOblicuo388.png");
}

/*** figuras ************************************************************************/

.nosotros-figuras{margin-top:52px;}

.nosotros-figuras p.texto-parrafo-gigante-azul {
	font-size: 24px;
	line-height: 30px;
}

.texto-titulo-azul{
  font-size:20px;
  line-height:30px;
}

.nosotros-figuras p.texto-pre-bold-blanco{font-size:19px;}

.nosotros-figuras p.texto-pre-bold-azul{
  font-size:20px;
  line-height:28px;
}


/*** comunicacion ************************************************************************/

.nosotros-comunicacion p.texto-bold-azul{font-size: 20px;}

.nosotros-comunicacion p.texto-parrafo-azul{font-size: 20px;}

.nosotros-comunicacion p.mobileBolder{font-size: 20px;}

/*** porque ************************************************************************/

.nosotros-porque{margin-top:36px;}

.nosotros-porque p.texto-parrafo-gigante-azul{font-size: 24px;}

.nosotros-porque .nosotros-porque-titulo p.texto-parrafo-azul-16-400-22{
	font-size: 20px;
	line-height: 28px;
}

.nosotros-porque .nosotros-porque-item{margin-bottom:18px;}

.nosotros-porque p.texto-parrafo-azul{
	font-size: 20px;
	line-height: 28px;
}

/*** numeros ************************************************************************/

.numeros{margin-top:72px;}

.texto-verde-36-600-50{
  font-size:24px;
  line-height:30px;
}

.numeros-item{margin-bottom:31px;}

/*** lugar ************************************************************************/

.nosotros-lugar p.texto-parrafo-gigante-azul{width:220px;}

.nosotros-lugar p.texto-parrafo-blanco-30-300-41{font-size:18px;}
.nosotros-lugar p.texto-parrafo-blanco-30-600-41{font-size:18px;}

/*********************************************************************************************************
*** Empresas *********************************************************************************************
**********************************************************************************************************/

/*** como ************************************************************************/

.empresas-como{margin-top:98px;}

.empresas-como .texto-parrafo-azul p, .empresas-como span.texto-parrafo-azul-18-600-30{
  font-size:20px;
  line-height:28px;
}

/*** transforma ************************************************************************/

.empresas-transforma{margin-top:40px;}

.empresas-transforma p.texto-parrafo-gigante-azul{
	font-size:24px;
	line-height:30px;
}

/*** descubre ************************************************************************/

.empresas-descubre{margin-top:90px;}

#pic-fondo-bottom-empresas{bottom:-1000px;}

.empresas-descubre p.texto-parrafo-gigante-azul{
  margin:0px 24px 45px;
  padding: 15px 27px;
  font-size:24px;
  line-height:30px;
}

.texto-parrafo-azul-bold{
  font-size:20px;
  line-height:28px;
}

#empresas-descubre-contenedor-derecha{margin-top:42px;}
#empresas-descubre-contenedor-derecha p.texto-bold-azul{
	font-size:24px;
	line-height:30px;
}

/*** incluidos ************************************************************************/

.empresas-incluidos p.texto-titulo-blanco-verde-mobile{font-size: 24px;}

.empresas-incluidos p.texto-parrafo-azul{
	font-size:20px;
	line-height:28px;
}

.empresas-incluidos .empresas-incluidos-botones p{
	font-size:20px;
	line-height:28px;
}

/*** plus ************************************************************************/

.empresas-plus{margin-top:24px;}

.empresas-plus p.texto-parrafo-azul{
	font-size:20px;
	line-height:28px;
}

.empresas-plus-botones p.texto-parrafo-azul{
	font-size:20px;
	line-height:28px;
}

/*** mas ************************************************************************/

.empresas-mas{margin-top:0px;}

.texto-parrafo-azul-30-300-41{font-size:20px;}

.texto-parrafo-azul-30-600-41{font-size:20px;}


/*********************************************************************************************************
*** Educacion ********************************************************************************************
**********************************************************************************************************/

/*** como ************************************************************************/

.educacion-como{margin-top:93px;}

.educacion-como .texto-parrafo-blanco p, .educacion-como texto-parrafo-blanco-18-600-30{
  font-size:20px;
  line-height:28px;
}

/*** transforma ************************************************************************/

.educacion-transforma{margin-top:55px;}

.educacion-transforma p.texto-parrafo-gigante-azul{
	font-size:23px;
	line-height:29px;
}

.educacion-transforma p.texto-azul-20-400-30{font-size:20px;}

/*** descubre ************************************************************************/

.educacion-descubre{margin-top:97px;}

.educacion-descubre p.texto-parrafo-gigante-azul{
	width:340px;
	font-size:24px;
}

.educacion-descubre p.texto-parrafo-azul{
	font-size:20px;
	line-height:28px;
}

/*** incluidos ************************************************************************/

.educacion-incluidos p.texto-titulo-blanco-azul-claro{font-size: 24px;}

.educacion-incluidos p.texto-parrafo-azul{
	font-size:20px;
	line-height:28px;
}
.educacion-incluidos .educacion-incluidos-botones p{
	font-size:20px;
	line-height:28px;
}

/*** plus ************************************************************************/

.educacion-plus{margin-top:77px;}

.educacion-plus p.texto-parrafo-azul{
	font-size:20px;
	line-height:28px;
}
.texto-parrafo-blanco-30-300-41{
	font-size: 20px;
	line-height: 28px;
}

.texto-parrafo-blanco-30-600-41{
	font-size: 20px;
	line-height: 28px;
}

/*********************************************************************************************************
*** Testimonios ******************************************************************************************
**********************************************************************************************************/

/*** slider ************************************************************************/


/*********************************************************************************************************
*** Politica *********************************************************************************************
**********************************************************************************************************/

/*** politica ************************************************************************/

.texto-azul-48-600-62{
  font-size:24px;
  line-height:30px;
}

.politica p.texto-azul-48-600-62{width:280px}

.texto-azul-16-400-30{
  font-size:20px;
  line-height:28px;
}






} /* fin media query entre 388px y 576px */