/******* media screen responsive 1200px *****************/
@media screen and (max-width: 1280px) {
	
}	

/******* media screen responsive 1200px *****************/
@media screen and (max-width: 1200px) {
	
}

/******* media screen responsive 1050px *****************/
@media screen and (max-width: 1050px) {
	.cont-centrado{
		width:100%;
		padding: 10px
	}
	section {
		margin-top: 50px;
	}
	
}


@media screen and (height <= 850px) {
	
	#pagencbzd{
		padding-top: 153px;
	}
}
@media screen and (height <= 700px) {
	:root{
		--cont-centrado3 : 800px;
		--titulo3-pagint : 32px;
		--titulo1-pagint : 62px;
	}
	#pagencbzd{
		padding-top: 173px;
	}
	section h2{
		margin-bottom:10px;
	}
	.btnmasv{
		margin-top: 40px;
	}
}


/******* media screen responsive 570px *****************/
@media screen and (max-width: 570px) {
	:root{
		--titulo1: 45px;
		--titulo2: 35px;
		--texto-size1: 20px;
		--texto-size2:22px;
		--texto-size4:20px;
		--cont-centrado3: 100%;
		--titulo1-pagint:45px;
		--titulo2-pagint:24px;
		--titulo3-pagint:20px;
	}
	
	section h2 {
    	font-size: var(--titulo1);
		margin-bottom: 25px;
		text-align:center;
	}
	section h2 img {
    	margin-left: 8px;
    	width: 96px;
	}
	
	#encabezado{
		height:auto;
		width:98%;
		margin:auto;
	}
	#encabezado .head-sup{
		align-items: center;
		margin-top:0px;
	}
	
	.menuprin{
		display: none;
	}
	
	.menu_resp img{
		width:100%;
	}
	.menu_resp{
		display:block;
		width: 35px;
		height: 35px;
		float:right;
		margin-top: 0px;
		margin-right: 15px;
		transition:all 1s;
		z-index: 9999;
    	position: relative;
    	cursor: pointer;
	}
	#encabezado.anima .menu_resp{
		margin-top: 0px;
	}
	.menu_resp img{
		width:100%;
	}
	.menuprin.visible{
		display: block;
	}
	#encabezado {
    	
	}
	#encabezado #logo{
		width: 152px;
    	height: auto;
		margin-bottom:0px;
	}
	#encabezado.anima #logo{
		width: 75px;
		height: auto;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	#encabezado #social {
   		margin-top: 24px;
	}
	#encabezado #social a {
    	height: 24px;
		width:24px;
   	 	display: block;
    	background-size: 24px 48px;
	}
	#encabezado .icon {
    	margin-left: 5px;
	}
	#encabezado.anima{
		height: 57px;
	}
	.menuprin{
		display:block;
		position:absolute;
		top:0px;
		right:30px;
		width:100%;
		background-color: #93d50a;
		display: none;
		border-radius: 20px;
    	border: 1px solid white;
	}
	ul.nav-menu{
		display:block;
		padding:5px;
	}
	.nav-menu li {
		display: block;
		margin-bottom: 0px;
		text-align: left;
	}
	
	#encabezado .menuprin {
		width: 89%;
		top: 115px;
		padding:3px 0px;
	}
	.nav-menu li a{
		padding:2px 0px;
	}
	.nav-menu .sub-menu ul {
    	padding: 0px 15px;
	}
	.nav-menu .sub-menu, .nav-menu .children {
		
		position: relative;
		padding: 5px;
		border-radius: 10px;
		display:block;
	}
	.nav-menu .sub-menu li{
		background-color:black;
		margin-bottom: 0px;
    	padding: 0px 0px;
    	border-radius: 5px;
	}
	ul.nav-menu ul a{
		margin-bottom:0px;
	}
	
	#animacion,.page-template-final #contenido, .page-template-contacto #contenido, .page-template-	reclutamiento #contenido {
		margin-top: 56px;
	}
	
	#servicios .listserv {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 50px;
		padding: 30px;
	}
	#servicios .listserv .serv {
		max-height: 500px;
		min-height: 500px;
		font-size: 24px;
	}
	.cont-centrado2{
		width:100%;
	}
	#beneficios .gridbenef{
		width:100%;
		flex-wrap:wrap;
		display:flex;
		justify-content:center;
	}
	
	#beneficios .gridbenef .benef6 img{
		width:60%;
		height:auto;
	}
	#beneficios .benef6{
		display:flex;
		justify-content: center;
	}
	
	#beneficios .gridbenef p {
		font-size: 16px;
	}
	#soluciones .listsol{
		grid-template-columns: 1fr;
	}
	#beneficios .gridbenef .info{
	}
	#soluciones .listsol div{
		padding: 50px 20px;
		min-height: 621px;
		height: 84vh;
		max-height: 680px;
	}
	#soluciones .listsol div{
		background-size: cover;
	}
	#soluciones .listsol h2{
		line-height: 35px;
	}
	
	#soluciones .listsol{
		
	}
	#soluciones .listsol div ul li{
		margin-bottom: 17px;
	}
	#soluciones .listsol div p{
		line-height: 27px;
	}
	
	section h2.verde{
		line-height: 47px;
	}
	#aliados p{
		padding: 0px 32px;
	}
	#aliados .listaliados {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 50px 26px;
		margin-top: 70px;
	}
	#aliados .listaliados img{
		width:100%;
	}
	#acercade .columnas{
		flex-wrap:wrap;
	}
	#acercade .columnas .col:nth-child(1) img{
		width:100%;
		height:auto;
	}
	#acercade .columnas .col:nth-child(1) {
		padding-top: 50px;
	}
	.separador div{
		height: 163px;
	}
	
	
	
	#contacto .datacont {
		display: grid;
		grid-template-columns: 1FR;
		width: 100%;
		font-size:22px;
	}
	#contacto a {
		font-size:22px;
	}
	#footer .derechos {
		display: flex;
		height: 122px;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		flex-wrap: wrap;
	}
	
	#pagencbzd{
		width:100%;
	}
	.cont-centrado3{
		padding:0px 10px;
	}
	#porque h2{
		padding:0px 20px;
	}
	#porque .columnas{
		display:block;
		width:100%;
	}
	#porque .columnas .col img{
		width:100%;
		height:auto;
		display:block;
	}
	
	
	#actuar {
		position: relative;
		display: block;
		margin-bottom: 50px;
	}
	#actuar .fondo span{
		background-size:cover;
		height:300px;
		width:100%;
	}
	#actuar .fondo{
		display:block;
		height:600px;
	}
	#actuar .rec {
		position: relative;
		width: 100%;
		top: 60%;
		background-color: var(--color-verde);
		color: white;
		margin: auto;
		padding: 20px 30px;
		left: 0px;
		border-radius: 60px;
	}
	#donde .columnas {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 50px;
	}
	#elegirnos .columnas {
		padding: 40px 10px;
		display: grid;
		grid-template-columns: 1fr;
		z-index: 99999999;
        position: relative;
		text-shadow: 1px 1px 3px black;
	}
	#infocontact .cont-centrado{
		padding: 80px 10px;
	}
	#infocontact a{
		text-align: center;
	}
	#footer .derechos{
		height: 60px;
	}
	#informacion .columnas{
		grid-template-columns:1fr;
	}
	
	#infoadicional {
		position: relative;
		display: block;
		margin-bottom: 50px;
	}
	#infoadicional .fondo span{
		background-size:cover;
		height:300px;
		width:100%;
	}
	#infoadicional .fondo{
		display:block;
		height:600px;
	}
	#infoadicional .rec {
		position: absolute;
        width: calc(100% - 20px);
        background-color: var(--color-verde);
        color: white;
        margin: auto;
        padding: 20px 30px;
        left: 10px;
        border-radius: 60px;
	}
	.imgfinal{
		margin-top:50px;
	}
	#ofrecemos .columnas,#historia .columnas,#contactopag .columnas{
		gap:0;
		flex-wrap:wrap;
	}
	#contactopag .columnas .col{
		width:100%;
	}
	#ofrecemos .columnas img{
		width:100%;
		height:auto;
		display:block;
	}
	#contactopag .formulario .formdatos {
    	width: 100%;
    	display: block;
  	}
}	

/******* media screen responsive 480px *****************/
@media screen and (max-width: 480px) {
	
}




/******* media screen responsive 380px *****************/
@media screen and (max-width: 380px) {

	input[type=text], input[type=tel], input[type=email], input[type=date], textarea, input[type=file] {
		width: 320px;
	}
}