/******* media screen responsive 1200px *****************/
@media screen and (max-height: 768px) {
	#animacion h2{
		font-size:50px;
	}
	#animacion h3{
		font-size: 36px;
		line-height: 37px;
	}
	#animacion .columnas .col:nth-child(2){
		min-height: 229px;
		padding: 50px 60px;
	}
	#animacion .columnas .col{
		padding: 27px 36px;
	}
	#animacion .columnas .col{
		min-height: 190px;
		height: 190px;
	}
	#animacion .info{
		margin-top: -64px;
	}
	#animacion .fondo{
		padding-top: 1vh;
	}
	#animacion .inter{
		margin-top: 20px;
	}
}	

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

/******* media screen responsive 1024px *****************/
@media screen and (max-width: 1024px) {
	.cont-centrado{
		width:100%;
	}
	
	#encabezado .headcontacto{
		margin-right: 20px;
		width: 50%;
	}
	
	
	#encabezado.anima .menu_resp {
		margin-top: 13px;
		transition: all 1s;
		width: 28px;
		height: 28px;
		margin-top: 13px;
		margin-left:0px;
	}

}


@media screen and (max-width: 820px) {
	body{
		font-size: 16px;
	}
	.nav-menu li a{
		font-size: 17px;
	}
	section h3 {
		font-weight: 400;
		font-size: 18px;
	}
	section p,#servicios .vermas{
		font-size: 18px;
	}

	
}



/******* media screen responsive 570px *****************/
@media screen and (max-width: 570px) {
	#encabezado .headcontacto {
		width: 17%;
		font-size: 14px;
		flex-wrap: wrap;
		margin-right: 0px;
	}
	#encabezado .headcontacto .txt{
		display: none;
	}
	#encabezado .head-sup{
		align-items: center;
	}
	.menuprin{
		display: none;
		position:absolute;
		top: 55px;
		right: 21px;
		width: 50%;
	}
	
	section h2 {
    	font-size: 36px;
	}
	section h2 img {
    	margin-left: 8px;
    	width: 96px;
	}
	.menu_resp img{
		width:100%;
	}
	.menu_resp{
		display:block;
		width: 28px;
		height: 28px;
		float:right;
		margin-top: 0px;
		margin-right: 15px;
		transition:all 1s;
	}
	#menu{
		background-color: white;
		position: relative;
		padding: 20px 0px;
		box-shadow: 1px 1px 6px #00000059;

	}
	.nav-menu li:hover > a, .nav-menu li a:hover {
		color: #003366;
	}
	#encabezado.anima .menu_resp{
		margin-top: 0px;
	}
	.menu_resp img{
		width:100%;
	}
	.menuprin.visible{
		display: block;
	}
	#encabezado {
    	height: 57px;
	}
	#encabezado #logo{
		width: 89px;
    	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;
	}
	ul.nav-menu{
		display:block;
	}
	.nav-menu li {
		display: block;
		margin-bottom:11px;
		text-align: center;
	}
	#logo img{
		width:100%;
		height:auto;
	}
	#animacion h2{
		color: #c99600;
		font-size: 36px;
		line-height: 24px;
		margin-bottom: 7px;
	}
	#animacion h3 {
		color: white;
		font-size: 28px;
		line-height: 31px;
	}
	.dashicons-menu-alt3:before {
		content: "\f349";
		color: white;
	}
	section {
		margin-top: 57px;
	}
	#animacion .fondo,#animacion .info{
		padding:10px;
	}
	#animacion .columnas {
		width: 100%;
		flex-wrap: wrap;
	}

	#animacion .contacto_r{
		margin-top: 21px;
		font-size: 20px;
	}

	#diplomado .secinfo h2 {
		font-size: 34px;
		color: #003056;
		line-height: 37px;
		padding-left: 30px;
	}
	#diplomado .secinfo h3 {
		font-size: 24px;
		color: white;
		background-color: #c58e00;
		padding-left: 12px;
	}
	.columnas40_60 {
		width: 100%;
		display: block;
	}
	.columnas40_60 .col:nth-child(1) {
		width: 100%;
	}
	#inversion .secinfo {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	#inversion .secinfo h2 {
		font-size: 28px;
		color: #003056;
		line-height: 30px;
	}
	#inversion .secinfo h3 {
		font-size: 24px;
	}
	#inversion .secinfo .info:nth-child(1){
		grid-column-start: 1;
		grid-column-end: 3;
	}
	#inversion .secinfo .info:not(:first-child){
		padding: 15px 10px;
	}
	.btn-whats{
		font-size: 14px;
		width: 185px;
		height: 34px;
		padding-right: 44px;
		margin:auto;
		margin-top:20px!important;
	}
	.btn-az{
		width: 190px;
		height: 36px;
		font-size: 14px;
		padding-right: 33px;
	}
	.btn-am{
		width: 190px;
		height: 36px;
		font-size: 16px;
		padding-right: 33px;
		font-size: 14px;
		line-height: 17px;
	}
	#animacion .btn-inter {
		display:inline-flex;
		gap: inherit;
		justify-content:space-between;
		width: 100%;
	}
	#animacion .inter {
		display: block;
		margin-top: 0px;
	}
	#animacion .logos img {
		object-fit: contain;
		width: 37%;
	}
	#animacion .logos{
		width:250px;
		margin-top: 16px;
		display: inline-flex;
		margin-left: calc(50% - 100px);
	}
	#animacion .columnas .col{
		min-height: 173px;
		height: 173px;
		padding: 20px 36px;
		width: 50%;
	}
	#animacion .columnas .col:nth-child(2){
		min-height: 173px;
		height: 173px;
		padding: 20px 10px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	#animacion .columnas .col:nth-child(3){
		border-top-left-radius:20px;
		border-bottom-left-radius:20px;
	}
	#animacion .columnas .col h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	#animacion .info .cont-centrado::before{
		left: -79px;
	}
	#beneficios .secinfo {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	#beneficios .secinfo .titulo h2{
		font-size: 45px;
		text-align: center;
		margin-top: 25px;
	}
	#beneficios .secinfo .info {
		padding: 30px 15px;
	}
	#beneficios .secinfo .info:nth-child(2) {
		border: none;
		display: none;
	}
	#paraquien .columnas{
		flex-wrap:wrap;
	}
	#paraquien .columnas .col {
		width: 100%;
		font-size: 22px;
	}
	#paraquien .columnas .colimg{
		display:inline-flex;
		justify-content:space-between;
	}
	#paraquien .columnas .colimg img{
		width:49%;
	}
	#paraquien .columnas .col:nth-child(2){
		padding:0px 10px;
		margin-top:20px;
	}
	#paraquien .columnas ul li {
		margin-bottom: 15px;
		color: #003056;
	}
	#programa{
		padding:10px;
	}
	#programa h3, #programa p {
		font-size: 24px;
	}
	#clinica h3 {
		text-align: right;
		font-size: 32px;
		line-height: 35px;
	}
	.columnas40_60 .col:nth-child(2) {
		width: 100%;
		padding: 10px;
		margin-top: 30px;
	}
	.columnas40_60 .col:nth-child(1):before{
		border-left:none;
	}
	.columnas40_60 .col:nth-child(1):after{
		content: " ";
		border-bottom: 2px solid #c99600;
		position: absolute;
		right: 0px;
		bottom: -15px;
		height: 2px;
		width:250px;
		left:80px;
	}
	#diplomado .secinfo{
		margin-bottom: 20px;
		grid-template-columns: 1fr 1fr;
	}
	#clinica {
		margin-bottom: 20px;
	}
	#docentes .dinfo .titulo h2{
		font-size: 36px;
	}
	#docentes .dinfo {
		display: grid;
		grid-template-columns: 1fr 150px;
		padding: 0px 10px;
	}
	#docentes .dinfo .dimg img{
		width:100%;
		height:auto;
	}
	#docentes .dinfo .info h3 {
		font-size: 22px;
		margin-bottom: 15px;
	}
	#docentes .dinfo .info p {
		font-size: 16px;
		margin-bottom: 10px;
	}
	#docentes .dinfo .dimg{
		height: 125px;
	}
	#faq .titulo {
		font-size: 17px;
		padding: 5px 15px;
	}
	#faq .pregunta .titulo:before{
		top: -96px;
		right: -9px;
		width: 90px;
		height: 90px;
		border-radius: 6px;
	}
	#faq .pregunta.visible .titulo:before{
		top: 39px;
		right: -9px;
		width: 90px;
		height: 90px;
		border-radius: 6px;
	}
	#contacto .col:nth-child(1) {
		padding-top: 0px;
	}
	#contacto h2 {
		font-size: 36px;
	}
	#contacto h5 {
	font-size: 16px;
	}
	#footer .columnas {
		width: 100%;
	}
	#footer .columnas .col:nth-child(1){
		width:60%;
	}
	#footer .columnas .col:nth-child(2){
		width:40%;
	}
	#footer .logos img:nth-child(1) {
		width: 28%;
	}
	#footer .logos img:nth-child(2) {
		width: 40%;
	}
	.acerca .derechos {
		font-size: 10px;
	}
	#footer .social {
		width: 58%;
		display: inline-flex;
		justify-content: space-between;
		margin-top: 17px;
	}

}

/******* 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;
	}
}