




/* #1400 */
@media screen and (max-width: 1400px){




	/* HOME */
	.cont--section.slide .gallery-item .col--left article {
		transform: translateY(-40px);
	}

		/* tx */
		.cont--section.slide .gallery-item .col--left article h2, 
		.cont--section.slide .gallery-item .col--left article h3 {
			margin-bottom: 0 !important;
		}

		.cont--section.slide .gallery-item .col--left article h2 {
			line-height: 45px !important;
		}
		.cont--section.slide .gallery-item .col--left article h3 {
			font-size  : var(--size-2) !important;
			line-height: 60px !important;
		}

		/* btn */
		.cont--section.slide .gallery-item article .btn--custom {
			margin-top: 20px;
		}



}






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


	/* #root */
	:root {

		/* size */
		--size-1     : 3.6rem; /*  */
		--size-2     : 2.65rem; /*  */
		--size-3     : 1.75rem; /*  */
		--size-4     : 1.35rem; /*  */
		--size-5     : 1.15rem; /*  */
		--size-6     : .95rem; /*  */
		--size-body-1: .9rem; /*  */
		--size-body-2: .85rem; /*  */
		--size-desc-1: .7rem; /*  */
		--size-desc-2: .6rem; /*  */

		/* medidas */
		--h-cabezal  : 350px;

	}



	/* menu */
	.site-menu ul > li > a {
		padding-left: 10px !important;
	}


	.btn--campus {
		width      : 145px;
		margin-left: 10px;
	}
	



	/* #banner */
	.banner--manual.footer div aside {
		padding-left: 45px;
	}





	/* #footer */
	.footer--top .col-12 > .d--grid {
		grid-template-columns: 1fr !Important;
	}

		.footer--top .col-12 > .d--grid > .col--left {
			margin-bottom: 30px;
		}




}





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


	/* #root */
	:root {

		/* size */
		--size-1     : 3rem; /*  */
		--size-2     : 2.2rem; /*  */
		--size-3     : 1.6rem; /*  */
		--size-4     : 1.3rem; /*  */
		--size-5     : 1.1rem; /*  */
		--size-6     : .95rem; /*  */
		--size-body-1: .9rem; /*  */
		--size-body-2: .85rem; /*  */
		--size-desc-1: .7rem; /*  */
		--size-desc-2: .6rem; /*  */

		/* medidas */
		--h-header   : 64px;
		--h-cabezal  : 340px;
		--w-logo     : 175px;


	}


	/* PAGE */
	.cont--page {
		padding-top: 64px;
	}


	.scroll--down .site-search.search-visible {
		transform: translateY(0);
	}


	/* HEADER */
	.cont--header {
		position : fixed;
		top      : 0 !important;
		left     : 0 !important;
		max-width: inherit !important;
	}

	.scroll--down .cont--header {
		transform: translateY(0) !Important;
	}

		.col--logo {
			display              : grid;
			grid-template-columns: 30px 1fr 30px;
			align-items          : center;
			justify-content      : space-between;
			grid-column-gap      : 30px;
		}

			/* btn menú */
			.btn--menu {
				display: block;
			}


			/* logo */
			.cont--logo {
				padding: 16px 0;
			}


			/* btn search */
			.col--logo .btn--search {
				display: block;
			}


		/* #menu desktop */
		.col--menu {
			display: none;
			z-index: -1 !important;
		}

			.col--menu .btn--search {
				display: none;
			}

			.cont--menu.desktop {
				display: none !important;
			}


		/* #mneu mobile */
		.visible--menu,
		.visible--menu .cont--page {
			overflow: hidden !important;
		}

		.visible--menu .cont--page {
			opacity: .9;
		}

		.visible--menu .btn--menu span,
		.visible--menu .btn--menu span:before,
		.visible--menu .btn--menu span:after {
			background-color: var(--color-pink);
		}

		.visible--menu .cont--menu.mobile {
			width           : 300px !Important;
			height          : calc(100vh - 65px) !Important;
			top             : 65px !important;

			display         : block !important;
			visibility      : visible !important;
			z-index         : 9999999 !important;
			overflow-y      : auto !important;
			padding         : 16px !important;

			box-shadow      : none !important;

			background-color: var(--color-black-2) !important;
		}

		.visible--menu .cont--menu.mobile ul li {
			width   : 100%;
			float   : left;
			position: relative;
		}

		.link--todo {
			display: flex !important;
		}

		.visible--menu .cont--menu.mobile ul li a {
			display       : flex !Important;
			align-items   : center;
			letter-spacing: var(--letter-spacing-16) !important;
			line-height   : 20px !important;
			border-bottom : 0 !important;
			padding       : 16px !important;
			position      : relative !important;
		}

		.visible--menu .cont--menu.mobile ul li a span {
			width: 100%;
		}

		.visible--menu .cont--menu > ul > li.menu-item-has-children > a:after {
			margin   : 0 0 0 16px !important;
			right    : 12px;
			position : relative !important;
			transform: translateY(0);
		}

			/* sub menu */
			.visible--menu .sub-menu {
				width           : 100%;
				float           : left;
				position        : relative !Important;
				top             : auto !important;
				padding-top     : 0 !important;
				background-color: var(--color-black-2) !important;
			}
			.visible--menu .submenu--1 a + .sub-menu,
			.visible--menu .submenu--2 a + .sub-menu,
			.visible--menu .submenu--3 a + .sub-menu,
			.visible--menu .submenu--4 a + .sub-menu {
				width     : 100% !important;
				max-width : inherit !important;
				min-width : inherit !important;
				height    : auto !important;
				min-height: inherit !Important;
			}

				.visible--menu .cont--menu.mobile ul li .sub-menu li a {
					padding-left: 25px !important;
					color       : var(--fff) !important;
					width       : 100% !important;
				}

				.visible--menu  li.menu-item-has-children > a {
					/*pointer-events: none !important;*/
				}
				.visible--menu  li.menu-item-has-children .sub-menu a {
					pointer-events: initial !important;
				}


				.visible--menu  li.menu-item-has-children {
					display              : grid;
					grid-template-columns: 1fr;
					align-items          : center;
				}

					.visible--menu  li.menu-item-has-children button {
						width              : 24px;
						height             : 24px;
						background-position: center;
						background-repeat  : no-repeat;
						background-size    : auto;
						display            : flex !important;
						align-items        : center;
						justify-content    : center;
						background-color   : transparent !important;
						border             : none !important;
						background-image   : url(../img/Icon.svg);
						top                : 0;
						right              : 0;
						bottom             : 0;
						margin             : auto;
					}

					.visible--menu .sub-menu li button {
						display   : none !important;
						visibility: hidden !important;
						opacity   : 0 !important;
					}


				.visible--menu .sub-menu > li.menu-item-has-children > a:after {
					transform       : translateY(0);
					background-image: url(../img/Icon.svg) !important;
					position        : relative !important;
				}

				.visible--menu .sub-menu > li.menu-item-has-children > a {
					/*pointer-events: none !important;*/
				}


					.visible--menu .cont--menu.mobile ul li .sub-menu li ul li a {
						padding-left  : 35px !important;
						width         : auto !important;
						text-transform: inherit !important
					}

				.visible--menu .sub-menu.activo {
					display: block;
				}


				.visible--menu .sub-menu > li > .sub-menu, .toolbar-dropdown > li > .sub-menu {
					left: auto !important;
				}


				.visible--menu .cont--menu > ul > li.menu-item-has-children > a button {
					margin: auto;
				}



	/* #cabezal */
	.cont--cabezal > .container {
		padding-bottom: 30px !important;
	}

		.cont--cabezal h1, 
		.cont--cabezal h2 {
			line-height: 46px !important;
		}


	/* #banner */
	.banner--manual div h4 {
		margin-bottom: 30px;
	}




	/* HOME */
	.cont--section.slide .gallery-item .col--right {
		width: 55%;
	}

	.cont--section.slide .gallery-item .col--left article {
		transform: translateY(-30px);
		max-width: 40%;
	}

		.cont--section.slide .gallery-item .col--left article br {
			display: none;
		}

		/* tx */
		.cont--section.slide .gallery-item .col--left article h2 {
			margin-bottom: 0;
			line-height  : 36px !important;
		}
		.cont--section.slide .gallery-item .col--left article h3 {
			font-size    : var(--size-2) !Important;
			line-height  : 52px !important;
			margin-bottom: 0 !important;
		}

		/* btn */
		.cont--section.slide .gallery-item article .btn--custom {
			margin-top: 15px;
		}




	.home .cont--section.testimonios .d--grid .col--right {
		transform: translateX(0);
	}


	/* bloques */
	.cont--section.bloques > .container {
		padding-left : 0 !important;
		padding-right: 0 !important;
	}

	.cont--section.bloques .box section {
		padding: 60px;
	} 

}








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




	/* grid */
	.d--grid.grid--3 {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.sec--contenido .col-md-6 {
		width    : 100% !important;
		max-width: inherit !important;
		flex     : 0 0 100% !important;
	}

	.main--cursos .cont--sidebar {
		width: 100% !important;
	}


	/* container  
	.cont--section.cursos .container,
	.cont--section.colaboramos .container,
	.cont--section.testimonios .container {
		padding: 0 65px;
	}
	*/


	/* HOME */

	/* slide */
	.cont--section.slide .gallery-item {
		flex-direction: column-reverse;
	}

		.cont--section.slide .gallery-item .col--left,
		.cont--section.slide .gallery-item .col--right {
			width   : 100% !important;
			height  : auto;
			position: relative !important;
		}

		.cont--section.slide .gallery-item .col--left {
			padding: 60px 60px 90px 60px;
		}

			.cont--section.slide .gallery-item .col--left article {
				max-width: inherit !important;
				width    : 100% !important;
				transform: translateY(0)
			}

		.cont--section.slide .owl-carousel .owl-dots {
			padding: 0 60px;
		}



	/* bloques */
	.cont--section.bloques .col-md-4 {
		width    : 100% !important;
		flex     : 0 0 100% !important;
		max-width: inherit !important;
	}

		.cont--section.bloques .box section {
			padding: 50px 30px !important;
		}



	/* cursos */


		.grid-item.col-md-4 {
			max-width: 49.9998%;
			flex     : 0 0 49.99998%;
		}



	/* testimonios */
	.home .cont--section.testimonios .d--grid {
		grid-template-columns: 1fr !important;
		display              : block !Important;
	}

		.home .cont--section.testimonios .d--grid .col--right {
			transform: translateX(0);
		}


	



	/* #FOOTER */
	.footer--top .col-12 > .d--grid {
		grid-template-columns: 1fr;
	}


	.banner--manual.footer div aside {
		padding-left: 30px;
	}

}





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

	/* #root */
	:root {

		--h-header: 64px;

	}



	.site-search .search-tools {
		right: 30px !important;
	}

	
	/* grid */
	.d--grid.grid--4,
	.d--grid.grid--6,
	.banner--manual.footer {
		grid-template-columns: 1fr !important;
	}



	/* #abezal */
	.cont--cabezal {
		padding-top: var(--ratio-75);
	}



	/* slide home */
	.cont--section.slide .item a {
		padding-top: 75%;
	}


	.cont--section.bloques .box header h3 br {
		display: none;
	}



	/* banner */
	.banner--manual.footer div aside {
		padding: 30px !important;
	}

		.banner--manual.footer figure img.desktop {
			display: none;
		}

		.banner--manual.footer figure {
			padding-top: 75% !important;
		}
		.banner--manual.footer figure img.mobile {
			display: flex !important;
		}

		.banner--manual.footer figure img,
		.banner--manual.footer figure img.mobile {
			position: absolute;
			width   : 100%;
			height  : 100%;
			display : flex;
		}


	/* woo */
	#ship-to-different-address {
		margin-top: 30px;
	}


	/* content's */
	.sec--contenido .col--left,
	.sec--contenido .col--right {
		width    : 100% !important;
		max-width: inherit !important;
		flex     : 0 0 100%;
	}



	/* #home */
	.cont--section.bloques .col-position-3 p {
		width     : 100% !Important;
		max-width : inherit !important;
		text-align: left !Important;
	}
	.cont--section.bloques .col-position-3.box header, 
	.cont--section.bloques .col-position-3.box h3 {
		text-align: left !Important;
	}
	.cont--section.bloques .col-position-3 .separador--pink {
		float : left !important;
		margin: 24px 0 !important;
	}
	.cont--section.bloques .col-position-3 footer {
		justify-content: flex-start;
	}


	/* #cursos */
	.box--curso .btn--custom,
	.box--curso:hover .btn--custom.pink.invertido {
		display   : none !important;
		visibility: hidden !important;
		opacity   : 0 !important;
		z-index   : -1 !IMportant;
	}



	#testimonios .owl-carousel .owl-stage {
		padding-left: 0 !important;
	}

	
	
	
	.sec--inscripcion .btn--custom {
		font-size    : 1rem !important;
		padding-left : 25px;
		padding-right: 25px;
		margin: 0 15px 15px 0 !important
	}




}



/* #640 */
@media screen and (max-width: 640px){



	/* cursos */
 	.box--curso {
 		margin-bottom: 30px;
 	}

		.grid-item.col-md-4 {
			max-width: 100% !important;
			flex     : 0 0 100% !important;
		}


		.main--cursos .sec--contenido .cont--redes {
			margin: 15px 0 40px 0;
		}




	/* #footer */
	.footer--top .sec--datos {
		margin-top   : 20px !important;
		margin-bottom:  0 !important;
	}

		.footer--top .sec--datos div {
			margin-bottom: 0 !important;
		}

	.footer--bottom {
		margin-top: 30px !important;
	}



}




/* #540 */
@media screen and (max-width: 540px){


	/* #root */
	:root {

		/* size */
		--size-1           : 2.7rem; /*  */
		--size-2           : 1.85rem; /*  */
		--size-3           : 1.45rem; /*  */
		--size-4           : 1.25rem; /*  */
		--size-5           : 1.1rem; /*  */
		--size-6           : .95rem; /*  */
		--size-body-1      : .9rem; /*  */
		--size-body-2      : .85rem; /*  */
		--size-desc-1      : .7rem; /*  */
		--size-desc-2      : .6rem; /*  */

		--h-cabezal        : 250px;

		/* letter */
		--letter-spacing-4 : 0.3px;
		--letter-spacing-6 : 0.65px;
		--letter-spacing-16: 1.25px;
		--letter-spacing-20: 2px;
		--letter-spacing-24: 2.5px;
		--letter-spacing-28: 3px;
		--letter-spacing-30: 3.4px;
		--letter-spacing-32: 3.8px;
		--letter-spacing-34: 4px;


	}

	/* # */
	h2, .size--h2 {
		line-height: 46px !important;
	}


	/* #breadcrumbs */
	.cont--breadcrumbs {
		padding: 15px 0 10px 0 !important;
	}
		.cont--breadcrumbs .breadcrumbs > li {
			padding: 0;
		}
		.cont--breadcrumbs .breadcrumbs > li,
		.cont--breadcrumbs .breadcrumbs > li > a {
			font-size: .7rem !important;
		}

		.cont--breadcrumbs .breadcrumbs li:before {
			margin-right: 2px !important;
		}



	/* #cabezal */
	.cont--cabezal h1, 
	.cont--cabezal h2 {
		font-size  : 1.75rem !important;
		line-height: normal !important;
	}




	/* #woo */
	.post-type-archive-product .woocommerce-result-count,
	.post-type-archive-product .shop-toolbar,
	.shop-sorting .woocommerce-ordering {
		width    : 100% !important;
		max-width: inherit !important;
	}


	/* colaboramos */
	.cont--section.colaboramos {
		padding: 50px 0;
	}
	.cont--section.colaboramos .cont--tit {
		margin-bottom: 30px;
	}
	
	
	
	.sec--inscripcion .btn--custom {
		font-size    : .85rem !important;
		padding-left : 18px;
		padding-right: 18px;
		height: 42px !important;
		line-height: 18px !important
	}


	.cont--thumb {
		margin-bottom: 15px;
	}


}



