/* ........................RESET DEFAULTS...................... */

/** { box-sizing: border-box; }*/

html { font-size: 16px; }
body { font-size: 62.5%;  /* 1em = 10px  */ }

html, body, h1, h2 ,h3,
p, ol, ul, li , a {

	padding: 0;
	border: 0;
	margin: 0;
	font:herit;
	font-family: 'Montserrat', 'arial', cursive;
	box-sizing: border-box;
}

p { 
	font-family: 'raleway', 'arial', sans-serif;
	font-size: 1.5em;
	line-height: 1.45em;
	letter-spacing: 0.0em;
	color: #ffffff;
	text-align: left;
	font-weight: 400;
}


p.dark {color: #23324f;}

a 	{
	text-decoration: none;
	font-family: 'Montserrat', 'arial', sans-serif;
}

a:link, a:hover, a:visited, a:active {

	color: #ffffff;
	letter-spacing: 0.1em;
}

li 	{ list-style: none; }


			/* .......TITULOS......... */

h1 { 
	font-size: 3.6em;
	/*letter-spacing: 0vw;*/
	font-weight: 800;

	text-align: center;
	color: #ffffff;
	/*padding-top: 1em;*/

	font-family: 'raleway';

	}

h2 {
	font-size: 1.6em;
	/*letter-spacing: 0vw;*/
	font-weight: 300;

	text-align: left;
	color: #ffffff;

	font-family: 'raleway';

}


			/* .......IMAGENES......... */

img {
	box-sizing: border-box;	
	width: 100%; margin: 0; padding: 0;
	display:block;
}





			/* .......INDEX......... */											 .INDEX-------------------------------------------------------------{}

			/* .......NAVEGADOR......... */													.MENU-----------MENU----------------------------------- {}

.menu {
	width: 100%;
	height: 9vw;

	position: absolute; /* fixed; */
	top: 0vw;
	z-index: 560;
	background-color: rgba(0,0,0,0.0);

	display: flex;
	justify-content: center;
	align-items: center;

			border: 0px solid yellow;
			box-sizing: border-box;
}

.menu img {	width: 9vw; margin-top: 2vw;}

.menu ul { display: flex; margin-left: 0%; border: 0px solid green; }

.menu .menu-L { justify-content: flex-start; width: 30%; }
.menu .menu-R {	justify-content: flex-end; width: 70%; }


.menu a {
	color: #ffffff;
	font-size: 0.8vw;
	font-weight: 300;
	
	display: flex;

		margin: 0 1vw;
		border: 0px solid red;
}

.menu .menu-R a {margin: 0 0.5vw;}

.menu-R {border: 0px solid red;  display: flex; justify-content: flex-end;    }
.menu-R a {border: 0px solid red; position: relative; z-index: 50;}

.menu-R a i { width:2vw; height: 2vw; border-radius: 2vw;
			  display: flex; justify-content: center; align-items: center;}


.menu-R.index a i { border: 0.1vw solid #fff; color: #fff;}
.menu-R.index a:hover i { border: 1px solid #e4495b; color: #e4495b;}

.menu-R.seccion a i { border: 0.1vw solid #070838; color: #070838;}
.menu-R.seccion a:hover i { border: 1px solid #e4495b; color: #e4495b;}


							/* ....................HAMBURGER....................... */


							#menu-desplegable

							{
							  border: 0px solid orange;
							  position: fixed;
							  top: 3.6vw;
							  left: 2.5vw;
							  z-index: 1500;
							  
							  -webkit-user-select: none;
							  user-select: none;
							}


							#menu-desplegable input
							{
							  display: block;
							  width: 4vw;
							  height: 2.5vw;
							  position: absolute;
							  top: -1vw;
							  left: 89vw;

							  cursor: pointer;
							  
							  opacity: 0; /* hide this */
							  z-index: 1500; /* and place it over the hamburger */

							  -webkit-touch-callout: none;
							}


							/* Just a quick hamburger */

							#menu-desplegable span
							{
							  display: block;
							  width: 2.5vw;
							  height: 0.3vw;
							  margin-bottom: 0.38vw;
							  position: relative;
							  left: 90vw;

							  background: #00ff9d;   
							  box-shadow: 0px 0.15vw 0.15vw rgba(0,0,0,0.5);
							  border-radius: 1vw;

							  z-index: 300;

							  transform-origin: 0.3vw 0px;

							   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
							               background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
							               opacity 0.55s ease;
							}


							#menu-desplegable span:first-child

								{ transform-origin: 0% 0%; }



							#menu-desplegable span:nth-last-child(2)

								{ transform-origin: 0% 100%; }


							/* Transform all the slices of hamburger
							 * into a crossmark. */

							#menu-desplegable input:checked ~ span {

							  opacity: 1;
							  transform: rotate(45deg) translate(-2px, -1px);
							  background: #232323;
							}



							#menu-desplegable input:checked ~ span:nth-last-child(3)

								{ opacity: 0;
								  transform: rotate(0deg) scale(0.2, 0.2); }


							#menu-desplegable input:checked ~ span:nth-last-child(2)

								{ transform: rotate(-45deg) translate(0, -1px); }

											  /* ....................MENU DESPLEGABLE....................... */

							/* Make this absolute positioned
							   at the top left of the screen */

							#menu {

							  /*display: none;*/
							  position: fixed;
							  width: 100vw;
							  height: 300vw;
							  margin: -6vw 0 0 -2.5vw;
							  padding: 125px 30px 0 30px;
							  background: #00ff9d;
							  
							  list-style-type: none;

							  -webkit-font-smoothing: antialiased;
							  box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
							  transform-origin: 0% 0%;

							  /*transform: translate(-100%, 0);*/
								  transform: translate( 0, -100%);

							  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);



							}

							#menu li #logo { width: 13vw; margin: 0 auto;}

							#menu li {

								padding: 0.5vw 0;
								border-bottom: 0px solid black;
								text-align: center;
							}
							
							/* * REDES */
							#menu li:last-child { margin: 50px auto 0 auto; width: 18vw; border: 0px solid red;}
							#menu li:last-child ul { display: flex; justify-content: space-between;}
							#menu li:last-child ul a { font-size: 1.1vw; margin-left: 0px;}
							#menu li:last-child ul a:hover i { border: 0.2vw solid #b42055; color: #b42055;}


							#menu .menu-R a i { border: 0.2vw solid #0d0c2c;
								width:3vw; height: 3vw; border-radius: 3vw;
								display: flex; justify-content: center; align-items: center;}


							#menu a { 
								font-family: 'raleway';
								font-size: 3vw;
								font-weight: 900;
								color: #0d0c2c;

							 }

							/* * And let's slide it in from the left */

							#menu-desplegable input:checked ~ ul
								{ transform: none; }

							#menu a:hover { color: #b42055; }

			/* .......BOTON WHATSAPP FLOTANTE......... */

.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 3px;
  background-color: #25d366;  /* background-color: #fff; */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #000;
}

.whatsapp-float #icon-whatsapp { color: #fff; }



			/* .......CAJAS PARA ANCLAS OFFSET......... */

#caja-ancla {
  position: relative;
  height: 0px;

  	border: solid 1px green;
  	visibility: hidden;
}

#caja-ancla a {
  position: absolute;
  left: 0px;
  top: -130px;
	
	border: solid 1px red;
	visibility: hidden; /*hidden; visible;*/ 
}

#caja-ancla a { top: -5vw; }
#caja-ancla a.taller { top: 10vw; }

			/* .......ANIMATIONS......... */	


			  [data-scroll] {
				transition: all 1s ease-out;
			  }

              [data-scroll="in"]{
                transition: 2.5s;
				opacity: 1;
				transform: translateY(0px);
			  }

              [data-scroll="out"]{
                transition: 2.5s;
				opacity: 0;
				transform: translateY(100%);
			  }

              .scroll-t[data-scroll="in"]{
                transition: 2.5s;
				opacity: 1;
				transform: translateY(0px);
			  }

              .scroll-t[data-scroll="out"]{
                transition: 2.5s;
				opacity: 0;
				transform: translateY(70%);
			  }



			/* .......VIDEO-LANDING......... */	

.video-landing {display: flex; align-items: center; justify-content: center; position: relative;}
.video-landing video {border: 0px solid red; width: 100%; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.slider {display: none;}

.video-landing .video-contenido {border: 0px solid orange; width: 480px; padding: 0 0%;
                                    position: absolute; z-index: 1; margin-right: 45%;}
.video-landing .video-contenido h1 { border: 0px solid red; text-transform: uppercase; text-align: left; 
									font-size: 5em; letter-spacing: 0.05em; font-style: italic; margin-bottom: 15px;
									text-shadow: 2px 2px 5px rgba(0,0,0,0.5);}


.video-landing .video-contenido p { font-size:1.7em; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);}

#quiero-arrancar {width: 160px; display: block; margin-top: 20px;}
#quiero-arrancar p {border: 2px solid #fff; text-align: center; font-weight: 600;
									padding: 10px; }

#quiero-arrancar:hover p {border: 2px solid #00ff9d; color: #00ff9d; text-shadow:none; }
.video-landing .video-contenido p span {background-color: #00ff9d; color: #23324f; font-style: italic; text-shadow:none; }




			/* .......VIDEO-LANDING......... */	

			.landing-cursos {display: flex; align-items: center; justify-content: center; position: relative;}
			.landing-cursos video {border: 0px solid red; width: 100%;}
			
			.landing-cursos .video-contenido {border: 0px solid orange; padding: 0 0%;
												position: absolute; z-index: 1; top: 17%; /* margin-right: 45%; */}
			.landing-cursos .video-contenido h1 { border: 0px solid red; text-transform: uppercase; text-align: center; color: #00ff9d;
												font-size: 5em; letter-spacing: 0.05em; font-style: italic; margin-bottom: 15px;
												text-shadow: 2px 2px 5px rgba(0,0,0,1);}
			
			
			.landing-cursos .video-contenido p { font-size:1.7em; text-shadow: 2px 2px 5px rgba(0,0,0,1); padding: 20px; text-align: center;}
			
			#boton-landing-cursos {width: 340px; display: block; margin: 0 auto; margin-top: 20px; }
			#boton-landing-cursos p {border: 2px solid #fff; text-align: center; font-weight: 600;
												padding: 10px; text-shadow: 2px 2px 5px rgba(0,0,0,1);}
			
			#boton-landing-cursos:hover p {border: 2px solid #00ff9d; color: #00ff9d; text-shadow:none; }
			.landing-cursos .video-contenido p span {background-color: #00ff9d; color: #23324f; font-style: italic; text-shadow:none; }


			/* .......POPUP-ARRANCAR......... */	


.popup-contenedor { width: 100%; height: 100%; position: fixed; z-index: 2000;
	visibility: hidden; opacity: 0;		
	transition: all 400ms ease;	
					
}

.popup-contenedor:target {
	background-color: rgba(17,19,76,0.5);
	visibility: visible;
	opacity: 1;
}

.popup-contenedor .popup { width: 100%; max-width: 700px; height: 550px; 
						   display: flex; flex-wrap: wrap; justify-content: center;
						   position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
						   background-color:#11134c; }

.popup-contenedor .popup .img-promo {
	background-image: url('img/popup/promo.png'); width: 450px; height: 300px; 
	background-position: top; background-repeat: no-repeat; background-size: contain;
	position: relative; top:00px; left: 0%;border: 0px solid red;
}


.popup-contenedor .popup .lineas-up {
	background-image: url('img/popup/lineas_up.svg'); width: 100px; height: 200px; 
	background-position: top; background-repeat: no-repeat; 
	position: absolute; top:0; left: 5%;
}

.popup-contenedor .popup .lineas-down {
	background-image: url('img/popup/lineas_down.svg'); width: 250px; height: 200px; 
	background-position: bottom; background-repeat: no-repeat; 
	position: absolute; bottom:0; right: 1%;
}





.popup-contenedor .popup .popup-contacto { width: 100%; padding: 0 20%; display: flex; flex-wrap: wrap; justify-content: flex-end;
										position: relative; top:-80px;}
.popup-contenedor .popup .popup-contacto img { width: 25%; border: 0px solid red;}

.popup-contenedor .popup .popup-contacto p { width: 75%; padding-top: 20px; border: 0px solid red; line-height: 25px; padding-left: 15px;}
.popup-contenedor .popup .popup-contacto span { font-weight: 500; font-size: 1.8em; letter-spacing: 0.4em; line-height: 60px; }
.popup-contenedor .popup .popup-contacto .whatsapp { color: #3ef49d; font-weight: 700;}
.popup-contenedor .popup .popup-contacto p#aclaracion {width: 100%; font-size: 1.2em; line-height: 1.3em; position: relative; top:-15px;}

.popup-contenedor .popup .boton-cerrar {
	width: 40px; height: 60px;
	position: absolute; right: -20px; top:-28px; 
	background-color: none; 
    border-radius: 0%;
}

.popup-contenedor .popup .boton-cerrar .diagonal {
	background-color: #fff; display: block;
	width: 40px; height: 6px; border-radius: 20px;
	position:absolute; top:50%;   transform: translateY(-50%) rotate(45deg);
}

.popup-contenedor .popup .boton-cerrar .diagonal.dos {
	position:absolute; top:45%; transform: translateY(-50%); transform: rotate(-45deg);
}



			/* .......CAROUSEL - ENSAMBLES......... */											 .S-------------------------------------------------------------{}



.carousel {background-color: #e4495b; padding: 150px 20px; display: flex; justify-content: center;
	       position: relative; }	
		   

.carousel__links {width: 250px; padding-right: 30px;
	 border: 0px solid rebeccapurple; display: flex; flex-direction: column; justify-content: center; margin-left: 3%;}	

.carousel__links h1 { color: #fff; text-transform: uppercase; text-align: left; font-style: italic; border: 0px solid red;}
.carousel__links .youtube {display: flex; padding-top: 10px; border: 0px solid rebeccapurple;}
.carousel__links .youtube p { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 1.7em; display: flex; align-items: flex-end; }
.carousel__links .youtube img {width: 80px; margin: 0 auto; position: relative; top: 2px; padding-left: 2px;
}

.carousel__links .youtube img:hover{
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
  }
  
  @keyframes shake {
	10%, 90% {transform: translate3d(-1px, 0, 0);}
	20%, 80% {transform: translate3d(2px, 0, 0);}
	30%, 50%, 70% {transform: translate3d(-2px, 0, 0);}
	40%, 60% {transform: translate3d(2px, 0, 0);}
  }



.carousel__contenedor {position: relative; width: 1100px; padding:0 0px;
	border: 0px solid rebeccapurple; display:flex; align-items: center;}

.carousel__anterior,
.carousel__siguiente {
	position: absolute; display: block; 
	width: 30px; height: 30px; 
	top: calc(50% - 15px);
	line-height: 30px; text-align: center;
	background: none; color: #fff; opacity: 85%; transition: 200ms ease-out;
	cursor: pointer; border: none; outline: none; transform: scale(2);
}

.carousel__anterior { left:-30px;  }
.carousel__siguiente { right:-29px; }

.carousel__anterior:hover,
.carousel__siguiente:hover { opacity: 100%; transition: 200ms ease-in;}

.carousel__elemento {border-right: 3px solid #e4495b; border-left: 3px solid #e4495b;
	 background-color: #2f297e; transition: background-color 0.35s;}
.carousel__elemento img {border: 0px solid #00ff9d; 
	filter: brightness(110%) contrast(95%); mix-blend-mode: luminosity; transition: 1s ease;}
.carousel__elemento:hover img {border: 0px solid #fff;}
.carousel__elemento:hover {background-color: transparent;}


.carousel .pintura {position: absolute; bottom: -70px; right: 0px; width: 300px; transform: rotate(0deg);}


			/* .......CAROUSEL - REVIEWS......... */	

			.carousel.review {background-color: #ffffff; padding: 150px 20px; display: flex; flex-direction: column; justify-content: center;
				position: relative;}	

				.carousel.review h1 {color: #3affcd; text-shadow: 1px 1px 3px rgba(0,0,0,1); margin: 0 auto 50px auto; font-family: 'Josefin Sans', 'raleway',  sans-serif; }

				.carousel__contenedor.review {position: relative; width: 1100px; padding:0 0px;
					border: 0px solid rebeccapurple; display:flex; align-items: center; margin: 0 auto;}

				.carousel__anterior.review,
				.carousel__siguiente.review {color: #040f7a; 	top: calc(0% - 15px);}
				.carousel__anterior.review { left:-45px;  }
				.carousel__siguiente.review { right:-26px; }


			.carousel__elemento.review {margin-right: 20px;/* border-right: 1px solid #ffffff; */ border: 1px solid #fff;border-top: 1px solid #142052;
					background-color: #ffffff; transition: background-color 0.35s;}

			.carousel__elemento.review p {color: #142052; padding: 15px; /* border: 1px solid #11134c; height: 500px; */}
		 	.carousel__elemento.review p.name {margin-bottom: 20px;}
			.carousel__elemento.review p.name span {font-weight: 700;}
			
			 i.quote.review {color:#3affcd; text-shadow: 1px 1px 3px rgba(0,0,0,1); font-size: 1.2em;}

/* 				.carousel_indicadores {color: #040f7a; border: 1px solid red;} */


/* .......CLASES......... */											 .CLASES-------------------------------------------------------------{}

.main-clases { padding-top: 50px; padding-bottom: 11vw; background-color: #11134c;
			   display: flex; justify-content: center; position: relative;}

.main-clases .contenido { width: 500px; padding: 0 8% 0 10%; margin: auto 0; 
border: 0px solid red;}


.main-clases .clases-h1 {
	border: 0px solid red;
	width: 400px;
	/* margin: 0 auto; */
	padding: 0px 0;}

.main-clases h2 { color:#fff; font-size: 1.6em; font-weight: 500; letter-spacing: 0.07em; text-align: left; margin-top: 1vw; width: 400px; }
.main-clases p { color: #fff; padding-top: 40px; width:390px; letter-spacing: 0.05em; border: 0px solid rebeccapurple;}



.main-clases p span {background-color: #e4495b; color: #fff; font-style: italic;  }

.main-clases nav.desktop{width: 700px; margin-right: 5%;  border: 0px solid greenyellow;} 

.main-clases nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	border: 0px solid blue;
	min-height: 0px;
	padding: 30px 0 80px 0;	
}

.main-clases .elemento {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	position: relative;


	border: 0px solid red;
	background-color: #11134c;

	min-height: 260px;
	height: 260px;
	width: 200px;
	margin-left: 6px;
	padding-top: 20px;	


}


.main-clases .elemento li:first-child {margin-bottom: 25px;}

.main-clases .elemento li {display: flex; justify-content: center;}

.main-clases .elemento h1 { position: absolute; top: 225px; padding: 0 10px; margin: 0 10px; 
							font-size: 3em; letter-spacing: 0.1em; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.main-clases .elemento p { position: absolute; top: 270px; text-align: center;}
.main-clases .elemento ul { width: 100%; }

.main-clases .elemento:hover .icono {
	object-position: 0 0px;
	transition: all .4s ease;
	cursor: pointer;
}

.main-clases .elemento .icono {
	object-fit: none;
	object-position: 0 -200px;
	width: 200px;
	height: 200px;
	position: relative;
	top: 10px;
}

.main-clases .bg1:hover { border-bottom: 15px solid #00ff9d; transition: all .3s ease;}
.main-clases .bg2:hover { border-bottom: 15px solid #e4495b; transition: all .3s ease;}
.main-clases .bg3:hover { border-bottom: 15px solid #fbbc5f; transition: all .3s ease;}


.main-clases .pintura {position: absolute; bottom: -65px; left: 0px; width: 350px; transform: rotate(2deg);}


							/* .......CLASES MOBILE NAV......... */

.main-clases nav.mobile { display: none;}







			/* ....... FRANJA CLUB......... */

.franja-club {position: relative; background-color: #e4495b;} 
.franja-club svg.franja-1 { fill: #e4495b; position: absolute; top:-9vw; z-index: 10; } 

.franja-club .h1-club { width: 600px; margin: 0 auto; padding: 0 0 0 0;
						position: relative; z-index: 20;} 
.franja-club p {position: relative; z-index: 20;
				text-align: center; font-size: 1.8em;
				width: 800px; margin: 0 auto; padding:40px 0 0px 0;}


.franja-club svg.franja-2 { fill: #e4495b; position: absolute;  z-index: 10; bottom:-39vw;} 





			/* .......TALLERES GLOBAL......... */											 .TALLERES-------------------------------------------------------------{}


.main-talleres {
	background-color: #11134c;
	padding-bottom: 400px; 		
	box-shadow: 0px 10px 20px rgba(0,0,0,0.4);}

.main-talleres .talleres-h1 {
	width: 480px;
	margin: 0px auto;
	padding-bottom: 80px;
	padding-right: 30px;
	margin-top: 15vw;

}

				/* .......TALLERES......... */	
/*.main-talleres .inner-width {width: 1300px; margin: 0 auto;}*/


.main-talleres .taller {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	margin-bottom: 15px;

		border: 0px solid violet;
}


	.main-talleres .taller .front {width: 613px; height: 372px; position: relative; z-index: 20;}

	.main-talleres .taller .front img {width: 100%; height: auto; display: block;}

	.main-talleres .caja-info {
		background-size: cover;
		width: 613px; height: 450px;
		position: relative;	

		border: 0px solid orange;
	}

		.main-talleres .caja-info h1 { border: 0px solid red; text-align: left; 
			letter-spacing: 0.07em; font-style: italic; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);}

		.main-talleres .caja-info ul {
			height: 100%; width: 100%;
			display: flex;
			flex-wrap: wrap;
			align-content: center;

			border: 0px solid yellow;
		}

			.main-talleres .caja-info li { margin-bottom: 10px;}

			.main-talleres .der .caja-info li {  
				width: 70%;  
				margin-left: 25%;

				border: 0px solid green;
			}

			.main-talleres .izq .caja-info li {  
				width: 60%;  
				margin-left: 10%;

				border: 0px solid green;
			}




	/* .......POSICION FOTOS Y CAJAS......... */
.main-talleres .taller .front {z-index: 10;}

.main-talleres .der .front {border: 0px solid red; left: 40px; }
.main-talleres .der .caja-info {border: 0px solid green; position: relative; left: -40px; }


.main-talleres .izq .front {left: -40px;}
.main-talleres .izq .caja-info {border: 0px solid yellow; position: relative; left: 40px; }




			/* .......ICON........ */
.main-talleres i { position: relative; top: 10px; z-index: 12; color: white; transform: rotate(90deg); font-size: 4em; }

	/* .......COLORES y FONDO DE CADA TALLER......... */
.main-talleres .taller .caja-info p span { color: #23324f; }

.main-talleres .t1 .caja-info { background-image: url('img/talleres/talleres-1-back.jpg');}
.main-talleres .t1 .caja-info { border-right: 10px solid #fbbc5f;  }
.main-talleres .t1 .caja-info p.duracion { color: #fbbc5f; }
.main-talleres .t1 .caja-info p span { background-color: #fbbc5f; font-style: italic; }

.main-talleres .t2 .caja-info { background-image: url('img/talleres/talleres-2-back.jpg');}
.main-talleres .t2 .caja-info { border-left: 10px solid #00ff9d;  }
.main-talleres .t2 .caja-info p.duracion { color: #00ff9d; }
.main-talleres .t2 .caja-info p span { background-color: #00ff9d; }

.main-talleres .t3 .caja-info { background-image: url('img/talleres/talleres-3-back.jpg');}
.main-talleres .t3 .caja-info { border-right: 10px solid #e4495b;  }
.main-talleres .t3 .caja-info p.duracion { color: #e4495b; }

.main-talleres .t4 .caja-info { background-image: url('img/talleres/talleres-4-back.jpg');}
.main-talleres .t4 .caja-info { border-left: 10px solid #fbbc5f;  }
.main-talleres .t4 .caja-info p.duracion { color: #fbbc5f; }

.main-talleres .t5 .caja-info { background-image: url('img/talleres/talleres-5-back.jpg');}
.main-talleres .t5 .caja-info { border-right: 10px solid #00ff9d;  }
.main-talleres .t5 .caja-info p.duracion { color: #00ff9d; }
.main-talleres .t5 .caja-info p span { background-color: #00ff9d; font-style: italic; }

.main-talleres .t6 .caja-info { background-image: url('img/talleres/talleres-6-back.jpg');}
.main-talleres .t6 .caja-info { border-left: 10px solid #e4495b;  }
.main-talleres .t6 .caja-info p.duracion { color: #e4495b; }





/* ....... FRANJA WORLDWIDE......... */

.franja-world {position: relative; background-color: #3ef49d;} 
.franja-world svg.franja-1 { fill: #3ef49d; position: absolute; top:-12vw; z-index: 10; } 
.franja-world svg.franja-2 { fill: #3ef49d; position: absolute;  z-index: 10; } 

.franja-world .h1-world { width: 800px; margin: 0 auto; padding: 50px 0 0 0;
						position: relative; z-index: 20; top:-30px;} 
.franja-world p.desc {position: relative; z-index: 20; top:-20px;
				text-align: center; font-size: 2em; font-weight: 500; color: #070838;
				width: 800px; margin: 0 auto; padding: 0px 0 0px 0;}


.franja-world .contadores {width: 100%;}
		
.franja-world .contadores .inner-width {display: flex; width: 1100px; padding-top: 50px; margin: auto; }

.franja-world .contadores .col {flex: 1; text-align: center; border: 0px solid red;}
.franja-world .contadores .col img {width: 120px; margin: auto;}
.franja-world .contadores .col p { color: #070838; font-weight: 600; font-size: 1.7em;
									text-align: center; text-transform: uppercase;}

.franja-world .contadores .col .counter { color: #070838; font-family: 'raleway';
										font-weight: 800; font-size: 3.5em; padding: 15px 0;}


			/* .......GOOGLE REVIEWS......... */								    .REVIEWS-------------------------------------------------------------{}





			.main-reviews {
				background-color: #ffffff;
				padding-bottom: 200px;
				padding-top: 10vw;
/* 				padding-left: 10vw;
				padding-right: 10vw; */
				
			}


			/* .......CONTACTO......... */											 .CONTACTO-------------------------------------------------------------{}





.main-contacto {
	background-color: #23324f;
	padding-bottom: 200px;
	padding-top: 20vw;
}

.main-contacto.curso {
	padding-top: 10vw;
}

.main-contacto ul {
	margin: 7vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	position: relative; z-index: 50;
}


#icon-whatsapp { font-size: 5vw; color: #3ef49d; }
#icon-whatsapp:hover {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
 }


.contacto-h1 { color: red; width: 27vw; position: relative; top: -20px; padding: 20px 0;}
.main-contacto p { font-size: 1vw; text-align: center; line-height: 2em; position: relative; top: -50px;}

.main-contacto p span {color: #3ef49d;}

.main-contacto .redes {display: flex; justify-content: space-between; width: 13vw;
	border: 0px solid orange; 
}

.main-contacto .redes i {font-size: 1.6vw; color: #3ef49d; border: 0.1vw solid #3ef49d;
	width:2.2vw; height: 2.2vw; border-radius: 2.2vw;
	display: flex; justify-content: center; align-items: center;}

.main-contacto .redes i:hover {color: #fff; border-color: #fff;}



			/* .......FOOTER......... */											 .FOOTER-------------------------------------------------------------{}



.main-footer {
	padding-top: 3vw;
	padding-bottom: 3vw;
	background-color: #e4495b;

	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.main-footer img { width:8vw; margin-bottom: 10px;}

.main-footer p { font-size: 0.8vw; text-align: center;}



			/* .......CLASES INTERIOR......... */											 .CLASES-INTERIOR-------------------------------------------------------------{}
						/* .......CLASES INTERIOR......... */											 .CLASES-INTERIOR-------------------------------------------------------------{}
									/* .......CLASES INTERIOR......... */											 .CLASES-INTERIOR-------------------------------------------------------------{}


@keyframes swipe {
	 0% { transform: translateY(0); }
	25% { transform: translateY(10px);}
	50% { transform: translateY(0);}
	75% { transform: translateY(10px);}
	100% { transform: translateY(0);}
}

#swipe {position: absolute; z-index: 200; color: #fff; left: calc(50% - 15px); top: 55vw;
		animation: swipe 3s infinite ease-out; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
		display: none; border: 0px solid red;}

#swipe.index {top:45vw; font-size: 3em; display: block;}

@media screen and (max-width: 1024px) and (orientation: landscape) {
	#swipe {top: 60vw; display: block;}
	
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
	#swipe {top: 95vw; display: block;}
	#swipe.index {top:170px;}
}



.seccion-int {position: relative; display: flex; flex-wrap: wrap; }

.seccion-int h1 { color: black; font-size: 3em;}
.seccion-int p { color: black; font-size: 1.2vw; line-height: 1.6em; letter-spacing: 0.07em; }


.seccion-int picture {width: 50%; height: auto;/* margin-bottom: 3vw;*/}

.seccion-int .info-top {position: relative; z-index: 200; width: 50%; padding-top: 10vw; border: 0	px solid red; }
.seccion-int .info-top li { width: 100%; padding: 0 7vw;}
.seccion-int .info-top li h1 img { width: 18vw; margin-bottom: 2vw;}

.seccion-int .info-top li p span { background-color: #e4495b; color: #fff; line-height: 1.8em; padding: 2px 0;}
.seccion-int .info-top li:last-child {margin-top: 20px;}



.seccion-int .highlights { width: 50%; padding: 100px 0; padding-top: 16vw; z-index: 100;  border: 0px solid red; }
.seccion-int .highlights p { color: #23324f; font-size: 1.2vw; padding: 0 4%; line-height: 3vw; text-align: right; }
.seccion-int .highlights p span { font-weight: 700;  line-height: 1.8em; }
.seccion-int .highlights #hide-1024 {display: none;}

.seccion-int .img-2 {position: relative; width: 50%;}
.seccion-int .img-2 img {width: 100%;}

.seccion-int .aranceles { position: relative; z-index: 80; top: -14vw; border: 0px solid black;
	width: 50%; padding-right: 2%; display: flex; flex-wrap: wrap; justify-content: flex-end;}
   
.seccion-int .aranceles li { width: 100%; margin-bottom: 20px; border: 0px solid orange;  }
.seccion-int .aranceles h1 picture { margin-left: auto; width: 20vw; border: 0px solid green; }

.seccion-int .aranceles .arancel { width: 13vw; display: flex; flex-wrap: wrap;  border: 0px solid red; }
.seccion-int .aranceles .arancel p { color: #23324f; width: 100%; text-align: right; line-height: 1.5em; font-size: 1vw; }
.seccion-int .aranceles .arancel .precio span { font-family: 'Montserrat', 'arial', cursive; font-weight: 600; background-color: #e4495b; color: #fff; padding: 2px 0; }

/*MUESTRA*/
.seccion-int .info-top h2.temas {font-size: 6em; color:#f30f6a; font-weight: 800; letter-spacing: 0.1em; padding-bottom: 30px;}
.seccion-int .info-top .playlist li p {font-size: 1.7em; color:#11134c; font-weight: 500;}
.seccion-int .musicos.desk {display: block;}
.seccion-int .musicos.cel {display: none;}

.seccion-int .musicos.desk {margin: 0 auto; position: relative; top: -0px;}
.seccion-int .musicos.desk li {border: 0px solid red; padding: -10px; font-size: 0.8em;}
.seccion-int .musicos.desk li p {text-align: right;}
.seccion-int .musicos.desk li h2 {padding: 0; padding: 0px 3%; padding-bottom: 3%; color: #f30f6a;}
.seccion-int .muestra-ig {display: none;}

.seccion-int .musicos li h2 {font-size: 6em; color:#040f7a; font-weight: 800; letter-spacing: 0.1em; padding-bottom: 30px; text-align: right; padding-right: 30px;}
.seccion-int .musicos li p {font-size: 2em; color:#11134c; font-weight: 500;}


/*OCULTA PRECIO GRUPAL*/
.seccion-int .aranceles .arancel.group {display: none;}


.seccion-int .descuentos { position: relative; z-index: 12; width: 100%; height: 10vw; border: 0px solid red}
.seccion-int .descuentos { background-color: #40f39d; top: 5vw;}
.seccion-int .descuentos li { width: 40vw; margin-left: 50%; position: relative; top: -10vw;}
.seccion-int .descuentos li p { color: #23324f; font-size: 2vw; font-weight: 700; letter-spacing: 0.15em; line-height: 1.3em;
								position: relative; z-index: 312; width: 400px; border: 0px solid red;}
.seccion-int .descuentos li p span {background-color: #fff;}
.seccion-int .descuentos i { position: relative; top: 10px; left: -5px; z-index: 312; color: #23324f;
                         transform: rotate(90deg); font-size: 3vw; animation: go 2s infinite ease-out; }

@keyframes go {
	 0% { transform: translateX(0) rotate(90deg);}
	25% { transform: translateX(6px) rotate(90deg);}
	50% { transform: translateX(0) rotate(90deg);}
	75% { transform: translateX(6px) rotate(90deg);}
	100% { transform: translateX(0) rotate(90deg);}
}


			/* .......................FRANJAS....................... */	



			.seccion-int svg.franja-1 { fill: #e4495b; position: absolute; top:43vw; z-index: 10; } 
			.seccion-int svg.franja-2 { fill: #40f39d; position: absolute; top:-28vw; z-index: 10; } 

			.seccion-int svg.franja-1-ens22a { fill: #f30f6a; position: absolute; top:43vw; z-index: 10; } 

			.seccion-int svg.franja-mobile-1 { display: none; } 
			.seccion-int svg.franja-mobile-2A { display: none; } 
			.seccion-int svg.franja-mobile-2B { display: none; }
			.seccion-int svg.franja-mobile-2C { display: none; }
			.seccion-int svg.franja-mobile-3 { display: none; } 

			.seccion-int svg.franja-mobile-2A-ens22a { display: none; } 
			.seccion-int svg.franja-mobile-2B-ens22a { display: none; } 


			#textura-1 { top:34vw; right:5vw; width: 26%; height: 25vw; position: absolute; z-index: 20;
						background-image: url('img/textura/pint-blanc-1.png'); background-size: 100%; background-repeat: no-repeat; border: 0px solid black; }

			#textura-2 { top:82vw; left:0; width: 12%; height: 15vw; position: absolute; z-index: 20;
						background-image: url('img/textura/pint-coral-1.png');  background-size: 100%; background-repeat: no-repeat; border: 0px solid black; }

			#textura-3 { top:-30vw; left:0; width: 65%; height: 35vw; position: absolute; z-index: 20;
						background-image: url('img/textura/pint-blanc-2.png');  background-size: 100%; background-repeat: no-repeat; border: 0px solid black; }


			#frase { width: 45%; height: 35vw; top:46vw; left: 50%; transform: translate(-50%);   position: absolute; z-index: 30; border: 0px solid black;}



.contacto-seccion {position: relative; top:-7vw;}





  										/* .......................COMBOS...................... */    .COMBOS-------------------------------------------------------------{}
  										/* .......................COMBOS...................... */    .COMBOS-------------------------------------------------------------{}
  										/* .......................COMBOS...................... */    .COMBOS-------------------------------------------------------------{}



.seccion-combos { background-color:  #23324f; padding: 100px 0; position: relative; padding-bottom: 40vw;}

.seccion-combos .combos-h1 {width: 600px; margin: 0 auto; padding: 50px 0;}
.seccion-combos .columnas {display: flex; justify-content: space-between; width:920px; margin: 0 auto;}

.seccion-combos .columnas .col {display: flex; flex-direction: column; width: 30%;}

.seccion-combos .columnas .col h1 {padding: 20px 0; font-style: italic; border-bottom: 8px solid;}
.seccion-combos .columnas .col .info {padding: 30px 0; height: 180px;} 
.seccion-combos .columnas .col .descuento { font-size: 5em; text-align: center; font-style: italic; height: 90px;
										   font-family: 'Montserrat'; font-weight: 800; letter-spacing: 0.08em; border: 0px solid white; 
										   display: flex; align-items: center; justify-content: center;}

.seccion-combos .columnas .col.c1 h1 {border-color: #fbbc5f;}
.seccion-combos .columnas .col.c1 .descuento {color: #fbbc5f;}
.seccion-combos .columnas .col.c1 .info span {background-color: #fbbc5f; color: #11134c;}
.seccion-combos .columnas .col.c2 h1 {border-color: #3ef49d;}
.seccion-combos .columnas .col.c2 .descuento {color: #3ef49d;}
.seccion-combos .columnas .col.c2 .info span {background-color: #3ef49d; color: #11134c;}
.seccion-combos .columnas .col.c3 h1 {border-color: #e4495b;}
.seccion-combos .columnas .col.c3 .descuento {color: #e4495b; }
.seccion-combos .columnas .col.c3 .info span {background-color: #e4495b; color: #11134c;}
.seccion-combos .columnas .col.c3 p {text-align: center; }
.seccion-combos .columnas .col.c3 .info {text-align: left;}

.seccion-combos .columnas .col .precios {display: flex; justify-content: space-around; padding-top: 20px;}
.seccion-combos .columnas .col .precios .precio p {font-family: 'Montserrat'; letter-spacing: 0.05em; text-align: center; padding: 3px 0; }
.seccion-combos .columnas .col .precios .precio p:first-child {font-weight: 700;}
.seccion-combos .columnas .col .precios .precio p:last-child {font-weight: 600; font-size: 2em;}

.seccion-combos .columnas .col.c1 .precios .precio p:last-child {color:#fbbc5f;}
.seccion-combos .columnas .col.c2 .precios .precio p:last-child {color:#3ef49d;}
.seccion-combos .columnas .col.c3 .precios .precio p:last-child {color:#e4495b;}

.seccion-combos .columnas .col .precios .precio {position: relative; width: 90px; border: 0px solid rebeccapurple;}
.seccion-combos .columnas .col .precios .tachado {position: absolute; top:21px; width: 100%;}

.seccion-combos .foto {position: relative;}
.seccion-combos .foto img.combo-ensamble {width: 100%; position: absolute;  top:5vw;}

.seccion-combos .linea { background-image: url('img/combos/linea.png'); width: 70%; height: 180px; border: 0px solid red;
	background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0 auto; padding: 20px 0 0px 0;}

.seccion-combos #quiero-arrancar {margin: 0 auto; position: relative; top:-40px;}

.seccion-combos .columnas.aranceles {margin-top: 120px;}
.seccion-combos .columnas.aranceles .col {display: flex; flex-direction: column; width: 32%;}
.seccion-combos .columnas.aranceles .col .aranceles {display: flex; flex-wrap: wrap;}
.seccion-combos .columnas.aranceles .col .aranceles .item {width: 150px; border-bottom: 0px solid #00ff9d;}
.seccion-combos .columnas.aranceles .col .aranceles .precio {width: 100px; margin-left: 5%; border-bottom: 0px solid #00ff9d;}
.seccion-combos .columnas.aranceles .col .aranceles {font-size: 1.1em;}
.seccion-combos .columnas.aranceles .col.c3 .aranceles p {text-align: left; font-size: 1.5em; width: 350px;}

  										/* .......................FAQ...................... */    .FAQ-------------------------------------------------------------{}
  										/* .......................FAQ...................... */    .FAQ-------------------------------------------------------------{}
  										/* .......................FAQ...................... */    .FAQ-------------------------------------------------------------{}



.faq { background-color: #23324f; color: #fff; padding: 100px 0; position: relative; padding-bottom: 40vw;

}

.faq .faq-h1 {max-width: 150px; margin: 0 auto; padding-top: 70px;}
.faq h3 {max-width: 600px; margin: 0 auto; text-align: center; padding: 20px 1rem 50px 1rem; 
		font-weight: 500; font-size:1.3em; line-height: 1.7em; font-family: 'raleway'; letter-spacing: 0.07em;} 

.faq h3 span.pf {font-weight: 700; line-height: 3em; font-size: 1.2em;}
.faq h3 span.mandalorian { font-style: italic; font-weight: 700; }
.faq .negrita {font-weight: 600;}
.faq .gracias {background-color:#e4495b; color: #fff;font-weight: 500; font-style: italic;}


.faq .contenedor {
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 	1.5rem;
}
.faq .acordeon {margin-bottom: 50px;}
.faq .acordeon h2 {font-weight: 700; font-size: 2.3em; font-style: italic; letter-spacing: 0.15em; padding: 1rem 0;
					 }

.faq .acordeon.a1 h2 {border-bottom: 6px solid #fbbc5f;}
.faq .acordeon.a2 h2 {border-bottom: 6px solid #00ff9d;}
.faq .acordeon.a3 h2 {border-bottom: 6px solid #e4495b;}


.faq .acordeon-item {padding: 1rem 0.5rem;}
.faq .acordeon.a1 .acordeon-item {border-bottom: 1px solid #fbbc5f;}
.faq .acordeon.a2 .acordeon-item {border-bottom: 1px solid #00ff9d;}
.faq .acordeon.a3 .acordeon-item {border-bottom: 1px solid #e4495b;}


.faq .pregunta {font-weight: 600; font-size: 1.3em; text-transform: uppercase; letter-spacing: 0.08em;
					display: flex; justify-content: space-between; align-items: center; cursor: pointer;}

.faq .acordeon.a1 .pregunta {color:#fbbc5f; }
.faq .acordeon.a2 .pregunta {color:#00ff9d; }
.faq .acordeon.a3 .pregunta::after {color:#e4495b; }

.faq .pregunta::after { 
	content: "\002B";
	font-size: 2rem;
	font-weight: 500;
	padding: 0 0 0 1rem;
} 

.faq .pregunta.active::after { 
	content: "\2212";
} 



.faq .respuesta {
				max-height: 0; 
				overflow: hidden; position:relative;
				transition: max-height 0.2s ease-out;}

.faq .respuesta p {font-size: 1.3em; line-height: 1.8em;  padding: 1rem 0; letter-spacing: 0.07em;}


.faq .foto {position: relative;}
.faq .foto img.combo-ensamble {width: 100%; position: absolute;  top:5vw;}




  										/* .......................CURSO-LANDING...................... */    .CURSO-------------------------------------------------------------{}
  										/* .......................CURSO-LANDING...................... */    .CURSO-------------------------------------------------------------{}
  										/* .......................CURSO-LANDING...................... */    .CURSO-------------------------------------------------------------{}



/* .curso-landing { background-color: #142052; padding-bottom: 10vw; color: #fff;} */
.curso-landing { background-color: #fff; padding-bottom: 0vw; color: #142052;} 
.curso-landing .banner img {width: 100%;}

/* .curso-landing h3 {  line-height: 1.7em; font-family: 'raleway'; color: #3affcd; text-shadow: 1px 1px 3px rgba(0,0,0,1);
	letter-spacing: 0.07em; font-weight: 700; font-size: 2.2em;}  */

	.curso-landing h3 {  line-height: 1.7em; font-family: 'Josefin Sans', 'raleway',  sans-serif; color: #f30f6a; /* text-shadow: 1px 1px 3px rgba(0,0,0,1) */;
		letter-spacing: 0.07em; font-weight: 700; font-size: 2.2em;} 


.curso-landing h3.intro	{text-align: center; padding: 10px 0; font-size: 2.8em;}
.curso-landing p.intro { text-align: center; max-width: 800px; margin: 0 auto; font-size: 1.7em;}
.curso-landing p {border: 0px solid red; color: #142052;  font-size: 1.58em;}

.curso-landing .data-1 {padding: 7vw 10% 100px 10%;}
.curso-landing .data-1 ul {margin-top: 30px;}
.curso-landing .data-1 ul.mobile {display:none;}
.curso-landing .data-1 ul li {font-size: 2.0em; text-align: center; font-family: 'raleway'; font-weight: 700; 
								font-style: italic; line-height: 1.4em; letter-spacing: 0.05em;}

.curso-landing .img-mobile {display: none;}

.curso-landing .data-2 {display: flex; padding-bottom: 100px}
.curso-landing .data-2 .col-1 { width: 60%; padding-left: 10%; border: 0px solid green;}
.curso-landing .data-2 .col-2 {width: 40%; padding-right: 10%;}
.curso-landing .data-2 .col-1 ul {max-width: 700px; margin-left: auto;}
.curso-landing .data-2 .col-1 p {margin-bottom: 40px; padding-right: 50px;}
.curso-landing .data-2 .col-2 img {width: 300px; margin-right: auto; margin-left: 20%; margin-bottom: 20px;}

.curso-landing .data-3 { padding: 40px 10%; text-align: center; background-color: #3affcd;}
.curso-landing .data-3 iframe {width:640px; height:360px;}

.curso-landing .data-bio { padding: 40px 10%; text-align: center; background-color: #3affcd; display: flex; justify-content: center;}
.curso-landing .data-bio img {max-width: 250px; border-radius: 50%;	border: 0px solid red;}
.curso-landing .data-bio .texto {max-width: 700px; margin-left: 50px; align-content: center;
	display: flex; flex-direction: column; justify-content: center; border: 0px solid blue;}
.curso-landing .data-bio .texto h3 {color: #11134c; text-align: left; font-style: italic; font-size: 3em;}
.curso-landing .data-bio .texto p {color: #11134c; text-align: left; font-style: italic; }



.curso-landing .data-4 {padding: 160px 10% 100px 10%; display: flex; background-color: #142052;}
.curso-landing .data-4 p {color: #fff;}
.curso-landing .data-4 h3 {color: #fff; font-size: 3em;}
.curso-landing .data-4 .col-1 { width: 50%; padding-left: 10%; border: 0px solid green;}
.curso-landing .data-4 .col-2 {width: 50%; padding: 90px 10% 0 3%; border: 0px solid rgb(24, 197, 228);}
.curso-landing .data-4 img {width: 350px; margin-left: auto; }

.curso-landing .data-4 .col-2 .modalidad {text-align: left; }


.curso-landing .data-4 .col-2 p {margin-bottom: 20px; max-width: 400px;}
.curso-landing .data-4 .col-2 p span {color: #142052; background-color: #3affcd; font-weight: 600; font-style: italic;}
.curso-landing .data-4 .col-2 h2 {font-size: 2.0em; text-align: left; font-family: 'raleway'; font-weight: 700; 
	font-style: italic; line-height: 1.4em; letter-spacing: 0.05em;}
.curso-landing .data-4 .col-2 h2 .tachado {font-size: 1.3em;text-decoration: line-through; font-weight: 500; }
.curso-landing .data-4 .col-2 h2 .precio {font-size: 2em; font-weight: 700; line-height: 1.6em; color:#3affcd;}
.curso-landing .data-4 #quiero-arrancar {margin-top: 40px;}
.curso-landing .data-4 #quiero-arrancar:hover p {color: #3affcd; border-color: #3affcd; }



.curso-landing .franja {position: relative; border: 0px solid red; top:-5vw;}
.curso-landing svg.franja-curso { fill: #142052; position: absolute;  z-index: 10; top:10vw;} 


  										/* .......................RESPONSIVE...................... */    .RESPONSIVE-------------------------------------------------------------{}
  										/* .......................RESPONSIVE...................... */    .RESPONSIVE-------------------------------------------------------------{}
  										/* .......................RESPONSIVE...................... */    .RESPONSIVE-------------------------------------------------------------{}



@media screen and (max-width: 2000px) {



		/* .......STANDARS EN PX......... */

		.menu {	height: 130px; }
		.menu img {	width: 120px; margin-top: 20px;}
		.menu a {font-size: 1em;}
		.menu-R.index a i { border: 1px solid #ffffff; width:30px; height: 30px; border-radius: 30px; }
		.menu-R.index a:hover i { border: 1px solid #00ff9d; color: #00ff9d;}
		.menu-R.seccion a i { border: 2px solid #070838; width:30px; height: 30px; border-radius: 30px; }
		.menu-R.seccion a i { border: 1px solid #070838; width:30px; height: 30px; border-radius: 30px; }

		#menu-desplegable { top: 53px; left: 30px;}
		#menu-desplegable input {width: 40px; height: 32px; top: -7px; left: 90vw; }
		#menu-desplegable span {
		  width: 33px; height: 4px; margin-bottom: 5px; left: 90vw;
		  box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
		  border-radius: 3px;
		  transform-origin: 4px 0px;
		}

		#menu {
		  width: 100vw; height: 300vw; margin: -100px 0 0 -30px; padding: 125px 30px 0 30px;
		  box-shadow: 2px 2px 5px rgba(0,0,0,0.5); }

		#menu li #logo { width: 150px;}
		#menu li {padding: 8px 0;}
		#menu li:last-child { margin: 50px auto 0 auto; width: 250px;}
		#menu li:last-child ul a { font-size: 1.3em;}
		#menu li:last-child ul a:hover i { border: 2px solid #b42055;}

		#menu .menu-R a i { border: 2px solid #0d0c2c; width:40px; height: 40px; border-radius: 40px;}
		#menu a { font-size: 4em; }

		.main-contacto { padding-bottom: 20px;}
		.main-contacto ul {margin: 100px;}
		#icon-whatsapp { font-size: 9em; }
		.contacto-h1 { width: 450px; top: -20px; padding: 70px 0; border: 0px solid red;}
		.main-contacto p { font-size: 1.8em; line-height: 2em; top: -50px;}
		.main-contacto .redes {width: 260px;}
		.main-contacto .redes i {font-size: 2.8em; border: 2px solid #3ef49d; width:40px; height: 40px; border-radius: 40px;}

		.main-footer {padding-top: 35px; padding-bottom: 35px;}
		.main-footer img { width:110px; margin-bottom: 10px;}
		.main-footer p { font-size: 1.2em;}


		.seccion-int p {font-size: 1.5em;}
		.seccion-int .info-top {width: 730px;}
		.seccion-int .info-top li { padding: 0 90px; }
		.seccion-int .info-top li h1 img { width: 300px; margin-bottom: 2vw;}	

		.seccion-int .highlights p { font-size: 1.8em; padding: 0 4%; line-height: 2em; }

		.seccion-int .aranceles { position: relative; top:-23vw;}
		.seccion-int .aranceles h1 picture img { margin-left: auto; width: 280px; padding-bottom: 3px; border: 0px solid green; }


        .seccion-int .aranceles .arancel p {font-size: 1.5em; line-height: 1.5em; border: 0px solid red; margin: 0;}
        .seccion-int .aranceles .arancel p.precio {font-size: 1.6em;}
		.seccion-int .aranceles .arancel span {font-size: 1.25em;}

		.seccion-int .descuentos li {top: -10vw;}
		.seccion-int .descuentos li p {font-size: 2.5em; letter-spacing: 0.15em; line-height: 1.3em;}
		.seccion-int .descuentos i {top: 10px; left: -5px; font-size: 4em;}

		.seccion-int svg.franja-2 {top:-28vw;}
		#frase { width: 35%; }


}

@media screen and (max-width: 1500px) {

.carousel__contenedor {width: 70%; margin-right: 3%;}
.carousel__contenedor.review {width: 70%; /* margin-right: 3%; */}

.seccion-int .info-top {width: 50%;}
.seccion-int .info-top li { padding: 0 50px; }


.seccion-int .highlights p { font-size: 1.2vw; padding: 0 4%; line-height: 2.4vw;  }
.seccion-int .aranceles .arancel p {font-size: 1.5em; margin-left: 10px; }
.seccion-int .descuentos p { font-size: 2em;}

#frase { width: 45%; }

.main-clases .pintura {bottom: -70px; width: 350px; transform: rotate(0deg);}


}


@media screen and (max-width: 1380px) {


	.main-clases .contenido { width: 32%; padding: 0 0% 0 0%; margin: auto 5% auto 5%; 
							border: 0px solid red;}

	.main-clases .clases-h1 {width: 100%;}
	.main-clases h2 {  width: 100%; font-size: 1.6em; font-weight: 500; letter-spacing: 0.07em;  }
	.main-clases p { width: 100%; padding-top: 40px;  letter-spacing: 0.05em; border: 0px solid rebeccapurple;}

}

@media screen and (max-width: 1280px) {

	#menu { padding: 40px 30px 0 30px; }
	#menu li { padding: 8px 0; }
	#menu li:last-child { margin: 35px auto 0 auto; }


	.main-talleres .taller .front {width: 45%; height: auto;}

	.main-talleres .der .front {left: 60px; }
	.main-talleres .der .caja-info {left: -60px; }
	.main-talleres .izq .front {left: -60px;}
	.main-talleres .izq .caja-info {left: 60px; }

}

  										/* .......................1280 ....................... */   

@media screen and (max-width: 1280px) {



.seccion-int .highlights {padding-top: 16vw;}
.seccion-int .highlights li p {  font-size: 1.5em; line-height: 1.6em; }
.seccion-int .aranceles { top: -22.5vw; }
.seccion-int .aranceles .arancel p {font-size: 1.3em; line-height: 1.5em; border: 0px solid red; margin: 0;}
.seccion-int .aranceles .arancel p.precio {font-size: 1.6em;}
.seccion-int .aranceles .arancel { width: 200px; }
.seccion-int .aranceles li h1 picture img {margin-left: auto; width: 17vw; position: relative; top:5px; border: 0px solid red;}

.seccion-int svg.franja-2 { top:-30.2vw; }


.franja-world .contadores .col img {width: 120px; }
.franja-world .contadores .col p { font-weight: 600; font-size: 1.5em;}
.franja-world .contadores .col .counter { font-weight: 800; font-size: 3em; padding: 15px 0;}
.franja-world .contadores .inner-width {width: 95%;}


}


@media screen and (max-width: 1100px) {


.main-clases nav.desktop { display: none;}

.main-clases .contenido { width: 50%; padding: 0 0% 0 5%; border: 0px solid red;}
.main-clases h2 {  width: 100%; font-size: 1.6em; font-weight: 500; letter-spacing: 0.07em;  }
.main-clases p { width: 100%; padding-top: 40px;  letter-spacing: 0.05em; border: 0px solid rebeccapurple;}
.main-clases nav.mobile { display: flex; padding-right: 3%; width: 50%; border: 0px solid red;}
.main-clases nav.mobile {width: 600px; margin: 0 auto; padding: 70px 0; position: relative;}
.main-clases {flex-wrap: wrap;padding-top: 100px; padding-bottom: 11vw;} 
.main-clases .contenido { width: 70%;}
.main-clases .contenido h2 { width: 400px; text-align: center; margin: 0 auto;}
.main-clases .contenido p { width: 600px; margin: 0 auto;}

.main-clases nav.mobile img {width: 140px; margin: 12px 10px;}
.main-clases .clases-h1 {width: 400px; margin: 0 auto;}




}

  										/* .......................1024 Tablet wide....................... */   


@media screen and (max-width: 1024px) {

/*MUESTRA*/
.seccion-int .info-top h2.temas {text-align: center; font-size: 4.4em;}
.seccion-int .info-top .playlist li p {text-align: center;}
.seccion-int .musicos.desk {display: none;}
.seccion-int .musicos.cel {display: block; margin: 0 auto; position: relative; top: -100px; border: 0px solid red;}
.seccion-int .musicos.cel li p {text-align: center; font-size: 1.8em;}
.seccion-int .musicos.cel li span {font-weight: 700;}
.seccion-int .musicos.cel li h2 {padding: 0; padding-bottom: 30px; color: #ff0055; font-size: 4.4em; text-align: center;}
.seccion-int .musicos.cel li:last-child {margin-bottom: 50px;}
.seccion-int .musicos.cel h3 {font-size: 2.8em; text-align: center; color: #3402aa;}
.seccion-int .playlist h3 {font-size: 2.8em; text-align: center; color: #3402aa;}
.seccion-int .musicos.cel h3.profes {color: #11134c;}
.seccion-int .musicos.cel p.profes {color: #ff0055;}


.seccion-int .muestra-ig {display: block; z-index: 99;}
.seccion-int .muestra-ig {font-size: 1.35em;}
.seccion-int .muestra-ig p span {font-size: 1.5em;}
.seccion-int .muestra-ig p a {font-size: 3em;}
.seccion-int .info-top h2.temas {padding-bottom: 0px;}

.video-landing .video-contenido { margin-right: 30%;}
.video-landing { justify-content: center;}
.menu .menu-R { display: none; }
.menu img {	border: 0px solid red; transform: translateX(1px);}

  
    
.main-talleres { padding-top: 30vw; padding-bottom: 20vw; padding-left: 10vw; padding-right: 10vw;}
.main-talleres .taller {flex-direction: column; justify-content: flex-start; width: 100%; }
.main-talleres .taller .front {width: 95%; height: auto;}
.main-talleres .taller .front {left: 0px; }

.main-talleres .taller .caja-info { background-image: none; border: 0; left: 0px; }

.main-talleres .taller .caja-info { width: 70%; }

.main-talleres .talleres-h1 { margin: -60px auto 2vw auto; padding: 30px 10%; border: 0px solid red;	}
.main-talleres .talleres-h1 { width: 70%; }

.main-talleres .taller .caja-info p.duracion { display: none; }
.main-talleres .izq .front {order: 10; }
.main-talleres .izq .caja-info {order: 15; }

.main-talleres .der .caja-info li { width: 100%; margin-left: 0%; }
.main-talleres .izq .caja-info li { width: 100%; margin-left: 0%; }

.main-talleres .taller .caja-info h1 {width: 100%; text-align: center;}

.main-talleres .taller { height: 65vw; }
.main-talleres .taller .caja-info { top: -202px; z-index: 20; height: auto; border: 0px solid orange;}
.main-talleres .taller .caja-info .i-link {text-align: center; position: absolute; top: 170px; }
.main-talleres .taller .caja-info .i-h1 {text-align: center;  position: absolute; top: 100px;  }
.main-talleres .taller .caja-info .i-h1.doble {top: 70px; }
.main-talleres .taller .caja-info p {position: absolute; top: 250px; }

.main-talleres .taller .caja-info p { padding-bottom: 20px;  height: auto;	 }
.main-talleres .t1 .caja-info p { border-bottom: 6px solid #fbbc5f;  }
.main-talleres .t2 .caja-info p { border-bottom: 6px solid #00ff9d;  }
.main-talleres .t3 .caja-info p { border-bottom: 6px solid #e4495b;  }
.main-talleres .t4 .caja-info p { border-bottom: 6px solid #fbbc5f;  }
.main-talleres .t5 .caja-info p { border-bottom: 6px solid #00ff9d;  }
.main-talleres .t6 .caja-info p { border-bottom: 6px solid #e4495b;  }


.franja-club .h1-club { width: 550px; padding-top: 50px;}
.franja-club p {
	font-size: 1.6em;
	width: 100%; margin: 0 auto; padding:50px 10%}



.franja-world .contadores .col img {width: 100px; }
.franja-world .h1-world { width: 80%; }
.franja-world p.desc {font-size: 2em; width: 80%;}
.franja-world .contadores .col p { font-weight: 600; font-size: 1.5em;}
.franja-world .contadores .col .counter { font-weight: 800; font-size: 3em; padding: 15px 0;}
.franja-world .contadores .inner-width {width: 95%;}




								/* .......................Responsive SECCION  1024...................... */   




	.seccion-int picture {width: 100%;}
	.seccion-int .info-top { width: 100%; padding-top: 0; margin-top: -10vw; position: relative; z-index: 60; }
	.seccion-int .info-top li { padding: 0px 15%; }
	.seccion-int .info-top li:first-child { margin-bottom: 40px; border: 0px solid orange; }
	.seccion-int .info-top .playlist li:first-child { margin-bottom: 0px; border: 0px solid orange; }
	.seccion-int .info-top li h1 img { margin: 0 auto;}	


	.seccion-int .highlights {position: relative; z-index: 50; width: 100%; padding-top: 20vw; border: 0px solid green;}
	.seccion-int .highlights li p { color: #fff; text-align: center; font-size: 2em; line-height: 2.2em; position: relative; z-index: 60; }
	.seccion-int .highlights #highlight-1 { margin-top: 20vw; }
	.seccion-int .highlights li { background-color: #e4495b; /*border: 3px solid #e4495b; */}
	.seccion-int .highlights #hide-1024 {display: block;}

	/*MUESTRA*/
	.seccion-int .highlights.muestra li { background-color: #f30f6a; padding: 0 0%; border: 0px solid rgb(0, 8, 255);}
	.seccion-int .highlights.muestra li p { text-align: center; border: 0px solid rgb(0, 8, 255);}


	.seccion-int .img-2 {position: relative; width: 100%;}

	.seccion-int .aranceles {width: 100%; top: -10vw; padding: 0; margin-top: 100px; margin-bottom: 5vw; border: 0px solid red;}
	.seccion-int .aranceles li h1 picture img { width:300px; margin: 0 auto; position: relative; top:-20px; z-index: 20;}
	.seccion-int .aranceles .arancel { width: 100%; padding-top: 20px; border: 0px solid red;}
	.seccion-int .aranceles .arancel p {text-align: center; font-size: 1.4em; padding-top: 10px;}
	.seccion-int .aranceles .arancel p.precio {font-size: 1.8em;}

	.seccion-int .descuentos { width: 100%; height: auto; padding: 10vw 0;  }
	.seccion-int .descuentos li { width: 60%; margin: 0 auto; top: 0vw; }
	.seccion-int .descuentos li p { text-align: center; position: relative; left:50%; transform: translateX(-50%);}
	.seccion-int .descuentos li.i-link {text-align: center;}





		.seccion-int #frase {display: none;}
		.seccion-int svg.franja-1 { display: none;} 
		.seccion-int svg.franja-2 { display: none; } 

		.seccion-int svg.franja-1-ens22a { display: none;} 

		.seccion-int svg.franja-mobile-1 {display: block;}
		.seccion-int svg.franja-mobile-1 { fill: #fff; position: absolute; top:113.5vw; z-index: 20; } 

		.seccion-int svg.franja-mobile-2A {display: block;}
		.seccion-int svg.franja-mobile-2A { fill: #e4495b; position: absolute; top:0px; z-index: 20; border: 0px solid red;} 

		.seccion-int svg.franja-mobile-2B {display: block;}
		.seccion-int svg.franja-mobile-2B { fill: #e4495b; position: absolute; top:-28vw; z-index: 20; border: 0px solid red;} 			

		.seccion-int svg.franja-mobile-2C {display: block;}
		.seccion-int svg.franja-mobile-2C { fill: #fff; position: absolute; top:-28vw; z-index: 20; border: 0px solid red;} 		

		.seccion-int svg.franja-mobile-3 {display: block;}
		.seccion-int svg.franja-mobile-3 { fill: #40f39d; position: absolute; top:-18vw; z-index: 20; border: 0px solid red;} 

		/* MUESTRAS */
		.seccion-int svg.franja-mobile-2A-ens22a {display: block;}
		.seccion-int svg.franja-mobile-2A-ens22a { fill: #f30f6a; position: absolute; top:0px; z-index: 20; border: 0px solid red;} 
		.seccion-int svg.franja-mobile-2B-ens22a {display: block;}
		.seccion-int svg.franja-mobile-2B-ens22a { fill: #f30f6a; position: absolute; top:-100px; z-index: 20; border: 0px solid red;} 

		#textura-2 {display: none;}
		#textura-1 { top:-5vw; left:-7vw; width: 50%; height: 55vw; position: absolute; z-index: 20;}
		#textura-3 { top:-26vw; left: 40vw;} 



@media screen and (max-width: 1000px) {
	.seccion-combos .combos-h1 {margin-top: 50px;}
	.seccion-combos .columnas {width:95%; flex-wrap: wrap; }


	.curso-landing .banner img {width: 1000px; margin-left:50%; transform: translateX(-50%);}
	.curso-landing .banner {overflow: hidden; }

/* 	.curso-landing .data-1 {padding: 7vw 5% 100px 0%;} */
.curso-landing .data-2 .col-1 {padding-left: 5%; border: 0px solid green;}
.curso-landing .data-2 .col-2 {padding-right: 5%;}
.curso-landing .data-2 .col-2 img {width: 300px; margin-left: 10%;}
.curso-landing .data-2 .col-1 p {margin-bottom: 40px; padding-right: 0%; margin-right: 5%;}



	.curso-landing .data-4 img {width: 300px; margin-left: auto; }
	.curso-landing .data-4 {padding: 160px 0% 100px 0%; display: flex;}
	.curso-landing .data-4 .col-1 {padding-left: 0%;} 
	.curso-landing .data-4 .col-2 {padding: 90px 0% 0 0%;}
	.curso-landing .data-4 .col-2 p {margin-bottom: 20px; max-width: auto; border: 0px solid red;}
	.curso-landing .data-4 .col-2 {border: 0px solid red;}
}

@media screen and (max-width: 900px) {

#caja-ancla a.taller { top: -15vw; }
.main-talleres { padding-left: 7vw; padding-right: 7vw;}
.main-talleres .taller { height: 70vw; }

.carousel__contenedor {width: 50%; margin-right: 3%;}

.seccion-combos .columnas {width:95%; flex-direction: column; }
.seccion-combos .columnas .col { width: 70%; margin: 0 auto; padding-bottom: 80px;}
.seccion-combos .columnas .col:last-child { padding-bottom: 40px;}
.seccion-combos .columnas .col .precios {width:300px; margin:0 auto; padding-top: 10px;}
.seccion-combos .columnas .col .info {padding-bottom: 10px; height: auto;} 


.seccion-combos .linea { width: 80%; height: 100px; border: 0px solid red;
	 padding: 20px 0 0px 0;}

.seccion-combos #quiero-arrancar {margin: 0 auto; position: relative; top:-0px;}


.seccion-combos.aranceles { width: 100%;}
.seccion-combos .columnas.aranceles .col {/* display: flex; flex-direction: column;  */width: 300px;}

}

@media screen and (max-width: 800px) {



	.curso-landing .data-3 { padding: 40px 10%;}
	.curso-landing .data-3 iframe {width:426px; height:240px;}
	.curso-landing .data-2 .col-2 img {width: 250px; margin-left: 10%; margin-bottom: 20px;}
	.curso-landing .data-4 img {width: 250px; margin-left: auto; }
	.curso-landing .data-4 .col-2 {padding: 20px 0 0 0%;}



}

  										/* .......................768 Tablet vertical....................... */   


@media screen and (max-width: 768px) {

.video-landing {position: relative; top: -80vw;}
.video-landing video {display: none;}
.slider {display: block;}

.slider img {width: 100%; height: auto; display: block;}

.video-landing .video-contenido { margin-right: 0%;}

.popup-contenedor { padding: 0 0%; }
.popup-contenedor .popup { width: 85%;}
.popup-contenedor .popup .img-promo {width: 90%;}



.main-talleres { padding-left: 0vw; padding-right: 0vw;}
.main-talleres .talleres-h1 { width: 80%; }
.main-talleres .taller .caja-info { width: 80%; }
.main-talleres .taller { height: 85vw; }

.main-clases .clases-h1 { width: 80%;}
.main-clases .contenido p { width: 100%;}

.main-clases .pintura {bottom: -70px; width: 320px; transform: rotate(0deg);}    
    
.franja-world .h1-world { width: 80%; padding-top: 50px; }
.franja-world p.desc {font-size: 1.7em; width: 80%;}
.franja-world .contadores .inner-width {flex-wrap: wrap;}
.franja-world .contadores .inner-width {width: 400px;}
.franja-world .contadores .col {margin: 30px 20px;}
.franja-world .contadores .col img {width: 100px; margin: auto;}
.franja-world .contadores .col p {font-weight: 700;}
.franja-world .contadores {position: relative; top: -40px;}


.main-contacto .redes {width: 240px;}

		.seccion-int .info-top { padding-bottom: 10vw; margin-top: 0vw;}
		.seccion-int .info-top li { width: 100%; padding: 0 5%;}
		.seccion-combos .combos-h1 {width: 500px;}


		.curso-landing .data-2 .col-1 { width: 100%; }
		.curso-landing .data-2 .col-2 {width: 0%; display: none; }

}

  										/* .......................720 Smart wide....................... */   


@media screen and (max-width: 720px) {

.curso-landing .data-bio { flex-direction: column; align-items: center;}
.curso-landing .data-bio .texto {max-width: auto; margin-left: 0px; align-content: center; margin-top:30px;}
.curso-landing .data-bio .texto h3 {text-align: center; font-size: 3em;}

.seccion-combos .columnas.aranceles .col .aranceles .item {width: 150px;}
.seccion-combos .columnas.aranceles .col .aranceles .precio {width: 70px;}


}
  										/* .......................600 Smart wide....................... */   


@media screen and (max-width: 600px) {

		
#menu-desplegable { top: 30px; }
#menu-desplegable input { left: 78vw; }
#menu-desplegable span { left: 78vw; }
    
    
.popup-contenedor .popup .popup-contacto img { width: 100%; padding: 0 33%; display: none;}
.popup-contenedor .popup .popup-contacto p { width: 100%; border: 0px solid red; padding-left: 0px; text-align: center;}
.popup-contenedor .popup .popup-contacto span { font-weight: 500; font-size: 1.7em; letter-spacing: 0.3em; line-height: 60px; }
    

.video-landing {justify-content: center;}
.video-landing .video-contenido {border: 0px solid orange; width: 95%; padding: 0; }
.video-landing .video-contenido a {width: 160px; display: block; margin: 25px auto;}


.main-talleres .talleres-h1 { width: 90%; }
.main-talleres .taller .caja-info { width: 90%; }
.main-talleres .taller { height: 90vw; }
.main-talleres .taller .caja-info p { top:230px; font-size: 1.4em;}

.franja-club .h1-club { width: 85%;}


.main-clases .contenido { width: 95%; padding: 0;}
.main-clases .contenido h2 { display: none;}
.main-clases .contenido p { padding-top: 15px; text-align: center;}

.main-clases nav.mobile {width: 100%; padding: 70px 0;}
.main-clases .clases-h1 {width: 80%; padding-bottom: 20px;}
.main-clases .clases-h2 {display:none;}

.carousel__contenedor {width: 80%; margin-right: 0%;}
.carousel {flex-wrap: wrap; padding: 60px 20px;}

.carousel__links {padding-bottom: 50px; width: 70%;}
.carousel__links h1 { text-align: center;}
.carousel__links .youtube {margin: 0 auto;}

.carousel.review {padding: 60px 20px;}
.carousel__contenedor.review {width: 95%; margin-right: 0%;}
.carousel__anterior.review { left:-30px;  }
.carousel__siguiente.review { right:-9px; }

.franja-world .contadores .col {margin: 30px 20px;}
.franja-world .contadores .col img {width: 80px; margin: auto;}

.contacto-h1 { width: 400px;}
.main-contacto p { font-size: 1.6em; line-height: 1.8em; width: 100%;}
.main-contacto ul {margin: 100px 5px;}

		.seccion-int .highlights li p { text-align: left; font-size: 1.7em;}
		.seccion-int .highlights li p { line-height: 2.2em;}
		.seccion-int .aranceles {width: 100%; top: -13vw; padding: 0; margin-top: 100px;}

		.seccion-combos .combos-h1 {width: 430px;}




/* .curso-landing p {font-size: 1.35em;} */
.curso-landing .data-1 {padding: 7vw 5% 50px 5%;}
.curso-landing .data-1 ul {margin-top: 30px;}

.curso-landing .data-1 ul.desktop {display:none;}
.curso-landing .data-1 ul.mobile {display:block;}
.curso-landing .data-1 ul.mobile li {font-size: 2em; text-align: center; font-weight: 700; line-height: 1.4em;}
.curso-landing .img-mobile {display: block; margin-bottom: 60px;}

.curso-landing h3.intro	{ padding: 10px 0; font-size: 2.5em;}
.curso-landing p.intro {  max-width: 800px;  /* font-size: 1.5em; */}

		.curso-landing .data-3 { padding: 30px 3%;}
		.curso-landing .data-3 iframe {width:336px; height:190px;}

.curso-landing .data-4 {flex-direction: column; padding: 0; width: 100%;}
.curso-landing .data-4 .col-1 {width: 100%; padding: 0;}
.curso-landing .data-4 .col-2 {width: 100%; padding: 0; }
.curso-landing .data-4 img {margin: 50px auto; }
.curso-landing .data-4 .col-2 p {text-align: center; margin: 10px auto 30px auto; max-width: 300px;}
.curso-landing .data-4 .col-2 .modalidad {text-align: center; /* margin: 10px auto 30px auto; max-width: 238px; */}
.curso-landing .data-4 .col-2 h2 {text-align: center; margin: 10px auto; }
.curso-landing .data-4 .col-2 h3 {text-align: center;}
.curso-landing .data-4 #quiero-arrancar {margin: 40px auto 100px auto;}

.seccion-combos .columnas.aranceles .col .aranceles .item {width: 180px;}
.seccion-combos .columnas.aranceles .col .aranceles .precio {width: 60px;}



}



  										/* .......................480 Smart wide....................... */   


@media screen and (max-width: 480px) {

.video-landing .video-contenido h1 {font-size: 3.6em; }

.popup-contenedor .popup  {height: 100%; max-height: 450px; transform: translate(-50%, -45%);}
.popup-contenedor .popup .popup-contacto { position: relative; top: -140px; padding: 0 5%;}



#menu {padding: 60px 30px 0 30px;}
#menu a {font-size: 3em;}
#menu li:last-child { margin-top: 15px; border: 0px solid orange;}
#menu li {padding: 7px 0;}


.main-talleres .taller { height: 95vw; }

.contacto-h1 { width: 300px;}
.main-contacto p { font-size: 1.5em; line-height: 2em;}
.main-contacto .redes i {font-size: 2.2em; width:32px; height: 32px; border-radius: 32px;}
.main-contacto .redes {width: 220px;}


.main-clases h2 {font-size: 1.6em;}
.main-clases .pintura {bottom: -72px; width: 300px; transform: rotate(0deg);}   


    
        .seccion-int .info-top li h1 img { width: 70%; }	
        .seccion-int .aranceles  { position: relatives; top:-60px;}
        .seccion-int .aranceles li h1 picture img { width:60%; margin: 0 auto; top:-20px;}
        .seccion-int svg.franja-mobile-2C { top:-35vw; }


        .seccion-combos .combos-h1 {width: 250px; padding-bottom: 30px;}
        .seccion-combos .columnas .col { width: 90%;}
		.seccion-combos.aranceles .columnas .col { width: 96%;}


}


@media screen and (max-width: 430px) {

.main-talleres .taller { height: 100vw; }
.franja-world .contadores .inner-width {width: 90%;}    
    
.seccion-int .highlights li p { font-size: 1.4em; line-height: 1.8em; }
.seccion-int .img-2 {position: relative; top:-10px;}
.seccion-int .descuentos li p { width: 100%;}


.curso-landing h3.intro	{ padding: 10px 0; font-size: 2.2em;}


}

@media screen and (max-width: 375px) {
.popup-contenedor .popup .img-promo {width: 100%; top: 10px;}
.main-talleres .taller { height: 110vw; }

.seccion-combos .columnas .col { width: 96%;}
.seccion-combos .columnas .col:last-child { padding-bottom: 00px;}
.seccion-combos .linea { width: 90%; height: 100px; border: 0px solid red;}
.seccion-combos .foto {margin-top: 50px;}

/* .curso-landing h3.intro	{ padding: 10px 0; font-size: 2.0em;} */
.curso-landing h3{ font-size: 2.0em;}
.curso-landing .data-3 { padding: 20px 0%;}
.curso-landing .data-3 iframe {width:286px; height:162px;}


}

  										/* .......................320 Smart vertical....................... */   

@media screen and (max-width: 325px) {
.seccion-int .img-2 {position: relative; top:-12px;}
}

@media screen and (max-width: 320px) {

.main-talleres .taller .caja-info p { font-size: 1.3em;}
.main-clases h2 {font-size: 1.4em;}
.franja-world .contadores .inner-width {width: 100%;}
.franja-world .contadores .col {margin: 30px 20px;}
.franja-world .contadores .col img {width: 70px; margin: auto;}
.seccion-int svg.franja-mobile-2C { top:-40vw; }

}