/*==================   RD Mobile Menu    =====================*/

@media (max-width: 991px) {
    .rd-mobilemenu, 
    .rd-mobilepanel {  display: block; } 

}

@media (max-width: 1850px){
	
}

@media (max-width: 1780px){
	#about-4 .bg2 {
  		opacity: 0.3;
	}
	#about-4 .container .row .col:first-child{
		display: none;
	}
	#about-4 .container .row .col{
		padding: 15px;
	}

	.map {
        height: 682px;
    }
}

@media (max-width: 1680px){
	
}

@media(max-width: 1450px){	
	#about-2 .bg1 {
  		opacity: 0.5;
	}
	#about-4 .row .col{
		width: 100%;
	}

	.tabContent .col{
		padding: 0 15px
	}
}
@media (min-width: 1361px){
	.container{max-width: 1330px; padding: 0 15px; margin: 0 auto;}
}


@media (max-width: 1449px){
	
}

@media (max-width: 1449px) and (min-width: 992px){
	
}

@media (max-width: 1380px){
	.tabContent .info li {
	  	flex-direction: column;
	}
	.tabContent .row .col:first-child{
		padding-right: 15px;
	}
	.tabContent .row .col:last-child{
		padding-left: 15px;
	}
}

@media (max-width: 1360px){
	#topOptions .menuTopRight {
  		margin-left: 22px;
  	}
  	#slider1 .flex-control-nav{
  		left: initial;
  		transform: initial;
  		padding-right: 15px;
  	}
	  .map {
        height: 682px;
    }
}

@media (max-width: 1279px){
	#menuFooter {
  		max-width: 600px;
  		margin: 0 auto;
  		line-height: 30px;
	}
	/*.rowMenuFooter{
		display: flex;
		flex-wrap: wrap;
	}
	#menuFooter,
	#menuFooter2{
		width: 50%;
	}*/
}
/*Fin 1279*/


@media (max-width: 1279px) and (min-width: 1200px){
	
}
@media (max-width: 1279px) and (min-width: 992px){
	
}

@media (max-width: 1199px) and (min-width: 992px){
	#socialTop{
		position: fixed;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 5;
	}
	#socialTop ul{
		flex-direction: column;
	}
	#socialTop li a{
		padding-left: 0;
		border-radius: 0;
	}
	#menuTop #menu{
		justify-content: center;
	}
	#menuTop #menu ul{
		justify-content: center;
	}
	#topOptions .menuTopRight{
		flex-direction: column;
	}
	#topOptions .menuTopRight {
  		padding-top: 20px;
	}
	#topOptions .menuTopRight li:last-child{
		margin-top: 8px;
	}
	#logoTop{
		top: 19px;
	}
	#logoTop img{
		max-width: 130px
	}
}

@media (max-width: 1199px) {
	#home-2 .container {
  		max-width: 910px;
	}
	#home-2 .item {
  		padding: 0 33.5px 50px;
  		width: 50%;
	}
	#home-2 .title{
		text-align: center;
	}
	#divTalleres .item {
  		width: 33.3333%;
	}

	.itemTaller .edades .col {
  		flex-basis: 50%;
	}
	.itemTaller .edades .col > div {
  		padding: 10px 10px;
  		text-align: center;
  		height: 100%;
	}
	#divPlanteles .tabTop a {
  		display: flex;
  		align-items: center;
  		justify-content: center;
  		padding: 10px;
  		text-align: center;
  		flex-wrap: wrap;
  		flex-direction: row;
  		line-height: 20px;
  		font-size: 20px
  	}
  	#divPlanteles .tabTop a b {
  		display: inline-block;
  		padding-left: 8px;
	}
	.tabContent .info li b {
  		margin-right: 0;
	}

	.frmContacto .row .col-1 {
  		flex-basis: 33.3333%;
	}
	.frmContacto .row .col-email{
		flex-basis: 66.6666%;
	}
	#formBolsa{
		max-width: 900px;
		margin: 0 auto;
	}
	.frmContacto .row .col-2 {
  		width: 66.6666%;
	}
	.frmContacto .row .col-3 {
  		width: 66.6666%;
	}

	.center-captcha {
		margin-top: 42px;
	  }

	  .map {
        height: 682px;
    }
}

@media (max-width: 1099px) {
	#home-1 .row {
  		padding-left: 455px;
	}
	#home-1 .item figure{
		max-width: 400px;
	}

	#about-3 .container .title {
  		font-size: 62px;
  		max-width: 790px;
	}
	.itemTaller .modulos .col {
  		flex-basis: 50%;
	}

	.itemsCursoVerano .labelCurso{
		padding: 15px 12px;
		text-align: center;
	}
	div.table {
  		padding-right: 10px;
	}
}

@media (max-width: 991px) and (min-width: 768px){
	
}

@media (min-width: 992px) {
	
}

@media (max-width: 991px)  and (min-width: 651px){
	#menuFooter2 ul li:nth-of-type(3){
  		border-right: none;
  	}
}

@media (max-width: 991px) {
	body{
		padding-top: 63px;
		padding-bottom: 44px;
	}
  	/* #header{
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    z-index: 11;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	    border-top: none;
	    background: rgb(255, 122, 29);
  	} */

  	#header .container{
    	max-width: 100%;
  	}
  	#menuTop .container {
  		padding: 5px 15px;
	}
	#menuTop #logoTop {
	  	margin: 0 auto;
	  	max-width: 180px;
	}

  	#menuTop #menu{
    	display: none;
  	}
    #divPlanteles .tabTop ul {
      padding: 14px 23px 0;
    }
    #divPlanteles .tabTop a {
      font-size: 17px;
    }

  	#socialTop{
  		position: fixed;
  		bottom: 0;
  		left: 0;
  		right: 0;
  		top: initial;
  	}
  	#socialTop li{
  		width: 25%;
  		margin: 0;
  	}
  	#socialTop li a{
  		width: 100%;
  		border-radius: 0;
  		padding-left: 0
  	}
  	#topOptions #logoTop{
  		position: fixed;
  		z-index: 20;
  		width: 90px;
  		left: 50%;
  		transform: translateX(-280%);
  	}
  	#topOptions ul {
  		margin: 0 auto;
	}
	#topOptions #logoTop {
    	position: fixed;
    	z-index: 20;
    	width: 90px;
    	left: 40%;
    	top: -56px;
  	}

	
	  #topOptions ul {
		display: none;
	}
	#topOptions .container{
		height: 0px;
	}
	  #topOptions .contentT {
	    position: fixed;
	    z-index: 20;
	    width: 100px;
	    left: 20%;
	    top: 20px;
	    transform: translateX(-280%);
  	}

	  #topOptions .construccion, .planeacion {
        font-size: 2vw; /* Más pequeño en móviles */
    }

    
	  #topOptions .color1, .color2, .ingenieria {
        font-size: 2vw;
    }

  	#topOptions .menuTopRight {
	    margin-left: 22px;
	    position: fixed;
	    top: 0;
	    z-index: 20;
	    padding-top: 15px;
  	}
  	#footer .tfooter{
  		display: block;
  		text-align: center;
	}

	.contact-title {
        padding: 20px;
		left: 250px;
    }
	.img-container {
        max-width: 80%;
    }

	  
#footer .tfooter {
    color: #fff;
    line-height: 22px;
    text-align: center;

	width: 100%;
}

#footer #powered {
    color: #fff;
    line-height: 22px;
    width: auto;
    text-align: center;
	margin-top: 0px;
}
  	.db991{
  		display: block;
  		height: 1px;
  		overflow: hidden;
  		opacity: 0;
  		width: 100%;
  	}
  	#datFooter {
	  	padding: 45px 0 0;
	}
  	#menuFooter2{
  		max-width: 600px;
  		margin: 0 auto;
  	}
  	#home-1 .row {
    	padding-left: 365px;
  	}
  	#home-1 .item figure {
    	max-width: 310px;
		position: relative;
		top: 20px; /* Lo mueve visualmente hacia abajo */
  	}

	  #home-1 .item .image-behind {
    	max-width: 310px;
		top: 10px; /* Lo mueve visualmente hacia abajo */
  	}

  	#about-3 .container .title {
    	font-size: 47px;
    	max-width: 630px;
    	line-height: normal;
  	}

  	#about-3 .container .title span.c1::before, 
  	#about-3 .container .title span.c2::after {
  		width: 64px;
  		height: 49px;
  		background-size: contain;
	}
	#about-3 .container .title span.c1::before {
  		left: -75px;
  		top: -10px;
	}
	#about-3 .container .title span.c2::after {
  		right: -80px;
  		bottom: -10px;
	}
	#about-3 .container .text {
  		font-size: 27px;
  	}
  	#about-3 .container {
  		height: 550px;
	}
	/* #titleTop .container {
  		font-size: 40px;
	} */

	#titleTop .container {
		font-size: 5vw; /* Ajuste dinámico del tamaño de fuente */
		width: 70%; /* Ancho del 70% */
		position: relative; /* Permite el uso de top y left */
		top: -10vw; /* Mueve el contenedor hacia arriba */
		left: -30vw; /* Mueve el contenedor hacia la izquierda */
		text-align: left; /* Alineación a la izquierda */
		padding-left: 10%; /* Ajuste de espaciado izquierdo si es necesario */
	  }
	
	  #about-2 .row {
		flex-direction: column; /* Apilar elementos en pantallas pequeñas */
	  }
	
	  #about-2 .item1,
	  #about-2 .item2 {
		font-size: 3vw;
		left: 0; /* Asegura que se alineen al centro */
		top: 0;
	  }
	
	  #about-2 .bg1,
	  #about-2 .bg2,
	  #about-2 .bg3,
	  #about-2 .bg4 {
		width: 20vw; /* Tamaños adaptativos */
		height: 20vw;
		left: 0;
		top: 0;
	  }
	}


	
	

	

	

	#titleTalleres .title > div, 
	.titleTalleres .title > div {
  		font-size: 29px;
  	}
  	.imagesTaller .bgPurple {
  		font-size: 20px;
	}
	.itemTaller .dirigido .col{
    	flex-basis: 33.3333%;
  	}

  	.clasesOnline .row {
  		max-width: 904px;
  		margin: 0 auto;
	}
  	.clasesOnline .item {
  		width: 50%;
  		flex-basis: 50%;
	}
	.tabContent .info ul{
		flex-direction: column;
	}
	.tabContent .info li{
		display: block;
		height: auto;
		border-right: none
	}

/*991*/

@media (max-width: 900px) {
	#divTalleres .item {
    	width: 50%;
  	}
}
@media (max-width: 800px) {
	.itemTaller .modulos .col {
    	flex-basis: 100%;
  	}
}

@media (max-width: 850px) {
  	.itemsCursoVerano .col {
  		width: 100%;
  		flex-basis: 100%;
	}
	.itemsCursoVerano img {
  		transform: none;
  		margin: 0 auto;
  		max-width: 100%;
	}
}

@media(min-width: 768px){
	#mnuMobile{
		display: none;
	}
}
@media (max-width: 767px) and (min-width: 601px){
	.itemTaller .edades .col {
    	flex-basis: 100%;
  	}
}

@media (max-width: 767px) {
	#topOptions .menuTop li:first-child{
		padding-left: 0;
	}
	#topOptions .menuTop li:last-child{
		padding-right: 0;
	}
	.menuTop a:before{
		display: none !important;
	}


	  #home-1 .item figure {
    	max-width: 240px;
		position: relative;
		top: 20px; /* Lo mueve visualmente hacia abajo */
  	}

	  #home-1 .item .image-behind {
    	max-width: 220px;
		top: 10px; /* Lo mueve visualmente hacia abajo */
  	}


	#home-1 .row {
    	padding-left: 285px;
  	}

  	#home-2 .title {
  		font-size: 27px;
  		line-height: 30px;
	}
	#titleTop .container {
		flex-direction: column;	
		width: 70%; /* Ancho del 70% */
		position: relative; /* Permite el uso de top y left */
		top: -10vw; /* Mueve el contenedor hacia arriba */
		left: -50vw; /* Mueve el contenedor hacia la izquierda */
		text-align: left; /* Alineación a la izquierda */
		padding-left: 10%; /* Ajuste de espaciado izquierdo si es necesario */
		padding-right: 15px;
  		padding-top: 45px
	  }

	#about-2 .row {
  		flex-direction: column;
	}
	#about-2 .item {
  		width: 100%;
  	}
  	#about-2 .item figure{
  		margin: 25px auto;
  		max-width: 576px
  	}
  	#about-2 .item1{
  		padding-right: 15px;
  		padding-top: 45px
  	}

	  #about-2 .row {
		flex-direction: column;
  }
  #about-4 .item {
		width: 100%;
	}
	#about-4 .item figure{
		margin: 25px auto;
		max-width: 576px
	}
	#about-4 .item3{
		padding-right: 15px;
		padding-top: 45px
	}

  	#divTalleres .title {
  		font-size: 28px;
	}
	
	#titleTalleres .title > div, 
	.titleTalleres .title > div {
    	font-size: 27px;
  	}
  	#titleTop .container {
    	font-size: 32px;
  	}

  	.imagesTaller .bgPurple {
    	font-size: 17px;
  	}
  	#titleTalleres .title, 
  	.titleTalleres .title {
  		padding-right: 15px;
	}
	.itemTaller .dirigido .col {
    	flex-basis: 50%;
  	}
  	
  	.clasesOnline .item {
  		padding: 0 15px 72px;
	}
	.areaImages .col {
  		flex-basis: 50%;
  		padding-bottom: 25px
  	}

  	.titleForm{
  		font-size: 25px
  	}

	  .tabTop .title {
		margin-left: -180;
		font-size: 25px;
	}
	

	.tabTop .title .highlighted-text,
	.tabTop .title .highlighted-text2 {
		margin-left: -180;
		font-size: 25px;
	}

  	#privacidad .title{
  		font-size: 30px;
  	}

  	#mnuMobile{
  		background: #3d3d3d;
  		color: #FFF;
  		cursor: pointer;
  		display: flex;
  		height: 50px;
  		justify-content: center;
  		align-items: center;
  		text-align: center;
  	}
  	#mnuMobile i{
  		margin-right: 10px
  	}
  	#divPlanteles .tabTop ul{
  		display: none;
  		flex-direction: column;
  		padding: 14px 0;
  	}
  	#divPlanteles .tabTop.open ul{
  		display: flex;
  	}
  	#divPlanteles .tabTop li {
  		padding-top: 0;
  		width: initial;
	}
	#divPlanteles .tabTop a{
		border-radius: 0;
		height: initial;
	}
	.tabContent .col{
		width: 100%;
	    flex-basis: 100%;
	    flex-grow: initial;
	    max-width: 600px;
	    margin: 0 auto;
	}
	.tabContent .row>.col:first-child{
		margin-bottom: 15px
	}
	.tabContent .maps {
  		height: 300px;
	}

	.valores .container .valores-list {
		display: flex;
    flex-wrap: wrap; /* Permite que los elementos se distribuyan en varias filas */
    justify-content: space-between; /* Espacia los elementos de manera equitativa */
    margin-top: 30px;
    padding: 0 13px;
		grid-row-gap: 20px; /* Establece el espacio entre las filas */
    }
}
/*Fin 767*/

@media (max-width: 700px){
	#home-1 .container {
  		height: initial;
  		padding-top: 25px;
  		padding-bottom: 25px
  	}
	#home-1 .row {
    	padding-left: 0;
    	display: block;
  	}
	#home-1 .row .item:last-child{
		position: initial;
		transform: initial;
	}
	#home-1 .item {
  		margin: 15px auto;
	}

	#home-2 .item {
    	padding: 0 13.5px 50px;
  	}

  	#about-3 .container .title {
    	font-size: 32px;
    	max-width: 490px;
  	}
  	#about-3 .container .title span.c1::before, 
  	#about-3 .container .title span.c2::after {
	    width: 40px;
	    height: 39px;
  	}
  	#about-3 .container .title span.c1::before {
    	left: -65px;
  	}
  	#about-3 .container .title span.c2::after {
    	right: -60px;
  	}
  	#about-3 .container .text {
    	font-size: 22px;
  	}
  	#about-3 .container {
    	height: 450px;
  	}
}

@media (max-width: 680px) {
	#titleTalleres .title span{
		top: 18px;
		background-size: 20px 20px;
    	padding-left: 27px;
    	font-size: 16px;
	}
	.titleForm {
  		font-size: 22px;
  	}

	  .tabTop .title {
		margin-left: -180;
		font-size: 22px;
	}
	

	.tabTop .title .highlighted-text,
	.tabTop .title .highlighted-text2 {
		margin-left: -180;
		font-size: 22px;
	}


  	.frmContacto .row .col-1 {
    	flex-basis: 50%;
  	}
}

@media (max-width: 650px) {
	#topOptions ul {
    	max-width: 450px;
    	padding-top: 15px;
  	}

	#datFooter {
    	padding: 45px 0;
  	}
	#menuFooter ul, 
	#menuFooter2 ul {
  		justify-content: initial;
	}
  	#menuFooter li,
  	#menuFooter2 li {
  		width: 50%;
  		line-height: 24px;
  		padding-bottom: 7px
	}
	#menuFooter2 ul li:nth-of-type(2),
	#menuFooter2 ul li:nth-of-type(4){
  		border-right: none;
  	}
  	#menuFooter li{
  		padding: 0 15px 7px;
  	}
  	#menuFooter {
    	margin: 0 auto 25px;
    	border-bottom: solid 1px rgba(255,255,255,0.2);
  	}

  	.fundadores .item {
  		padding-top: 0;
	}
	.fundadores .item .image{
		position: initial;
		margin: 0 auto;
	}
	.fundadores .item figure{
		max-width: 270px;
		margin: 0 auto;
	}
	.fundadores .item .title {
  		padding: 19px 15px 19px 15px;
  		text-align: center;
	}
}

@media (max-width: 600px) {
	#topOptions{
		height: 0;
	}
	#topOptions ul{
		display: none
	}
	#topOptions #logoTop {
	    position: fixed;
	    z-index: 20;
	    width: 90px;
	    left: 50%;
	    top: -80px;
	    transform: translateX(-210%);
  	}

	  #topOptions .contentT {
	    position: fixed;
	    z-index: 20;
	    width: 90px;
	    left: 50%;
	    top: 20px;
	    transform: translateX(-180%);
  	}

	  #topOptions .construccion, .planeacion {
        font-size: 2vw; /* Más pequeño en móviles */
    }

    
	  #topOptions .color1, .color2, .ingenieria {
        font-size: 2vw;
    }
	.contact-title {
        padding: 20px;
		left: 150px;
    }

	.img-container {
        max-width: 70%;
		margin-top: 0%;
    }

	.img-2 {
        position: relative;
		margin-left: 380px; /* Mueve la imagen 50px a la derecha */
		margin-top: -150px;
    }
	  
	

  	#footer .tfooter span{
  		display: block;
  	}
  	.o600{
  		display: none
  	}
  	#menuFooter a {
  		font-size: 15px;
	}
	#slider1 .flex-control-nav{
		display: none
	}
	#home-1 .title {
  		font-size: 41px;
	}
  	#titleTop .container {
    	font-size: 27px;
    	line-height: 30px;
		width: 70%; /* Ancho del 70% */
		position: relative; /* Permite el uso de top y left */
		top: -10vw; /* Mueve el contenedor hacia arriba */
		left: -80vw; /* Mueve el contenedor hacia la izquierda */
		text-align: left; /* Alineación a la izquierda */
		padding-left: 10%; /* Ajuste de espaciado izquierdo si es necesario */
  	}
	
  	.itemTaller div.td {
  		display: block;
  		width: 100%;
  		height: initial;
  		padding: 10px
	}
	.td2.pt40 .text {
  		padding-top: 0;
	}
	.table.h100 .td{
		height: initial !important;
	}
	section.beneficios article {
  		padding-left: 0;
  		display: inline-block;
	}
	.objProg {
  		padding: 0 0 10px;
	}
	.itemTaller div.td2{
		padding-top: 0
	}
	.itemTaller .modulos .row {
  		padding: 40px 0 40px 0;
  	}

  	.clasesOnline .item {
    	flex-basis: 100%;
  	}
  	.clasesOnline .item {
    	flex-basis: 100%;
    	max-width: 428px;
    	margin: 0 auto;
  	}

  	.frmContacto .row .col-1,
  	.frmContacto .row .col-email {
    	flex-basis: 50%;
  	}
  	.frmContacto .row .col-2,
  	.frmContacto .row .col-3 {
    	width: 100%;
  	}
  	.titleForm {
    	font-size: 19px;
  	}
	
	  .tabTop .title {
		margin-left: -180px;
		font-size: 19px;
	}
	

	.tabTop .title .highlighted-text,
	.tabTop .title .highlighted-text2 {
		
		font-size: 19px;
	}
	


}
/*Fin 600*/

@media (max-width: 575px) {
	#home-2 .container {
    	max-width: 418px;
  	}
	#home-2 .item {
    	padding: 0 15px 50px;
    	width: 100%;
  	}
  	#divTalleres .item {
    	width: 100%;
  	}
  	#titleTalleres .title > div, .titleTalleres .title > div {
    	font-size: 22px;
    	line-height: 24px;
    	padding-right: 15px
  	}
  	.tabContent .info {
  		padding: 30px 0 20px;
	}
	.tabContent .info li {
    	display: flex;
    	margin-bottom: 10px
	}
}

@media (max-width: 500px) {
	#about-3 .container .title {
    	font-size: 25px;
	}
	#about-3 .container .title span.c1::before, 
	#about-3 .container .title span.c2::after {
    	width: 30px;
    	height: 29px;
	}
	#about-3 .container .title span.c1::before {
    	left: -45px;
  	}
	#about-3 .container .title span.c2::after {
    	right: -40px;
  	}
	#about-3 .container .text {
    	font-size: 18px;
  	}
  	#privacidad .title {
    	font-size: 25px;
  	}
}

@media (max-width: 480px) {
	#menuFooter a {
  		font-size: 14px;
	}
	
	#menuFooter ul li,
	#menuFooter2 ul li{
		width: 55%
	}
	#menuFooter ul li:nth-of-type(2),
	#menuFooter ul li:nth-of-type(4),
	#menuFooter ul li:nth-of-type(6),
	#menuFooter2 ul li:nth-of-type(2),
	#menuFooter2 ul li:nth-of-type(4),
	#menuFooter2 ul li:nth-of-type(6){
  		width: 44%;
  	}
  	#home-1 .title {
    	font-size: 36px;
  	}
  	#divTalleres .title {
    	font-size: 20px;
  	}

  	.itemTaller .edades .col {
    	flex-basis: 100%;
  	}
  	.imagesTaller .col{
  		flex-grow: initial;
  		flex-basis: 100%;
  	}
  	section.contactanos a {
  		width: 285px;
  		height: 76px;
	}

	.labelInscripciones {
  		font-size: 24px;
	}
	.frmContacto .row .col-1, .frmContacto .row .col-email{
		flex-basis: 100%;
	}
	.titleForm {
  		font-size: 18px;
	}
	.areaImages {
  		padding: 5px 0 30px;
	}
}
/*Fin 480*/

@media (max-width: 450px) {
	.tabContent .info li{
		font-size: 15px
	}
}

@media (max-width: 380px) {
	#titleTalleres .title > div, 
	.titleTalleres .title > div {
    	font-size: 18px;
	}
	.labelInscripciones {
    	font-size: 21px;
  	}
  	.clasesOnline .row{
  		margin: 0 -15px
  	}
  	.tabContent .info li {
    	font-size: 13px;
  	}
}