@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600&display=swap');

body.hidden-scrolling{
	overflow-y: hidden;
}
*{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body{
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    color: var(--color-white);
    background: var(--color-bg);
	background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(211,960,480)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%230E6740'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.07'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    font-weight: 400;
	margin: 0;
    padding: 0;
}
.container{
	max-width: 2880px;
	max-height: 624px;
  	margin: 0 auto;
}

section{
    padding: 2rem 8%;
}

ul{
	list-style: none;
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
/*header menu*/
.header{
	position: absolute;
	width: 100%;
	left:0;
	top:0;
	z-index: 99;
	padding: 0px;
}
.header-main{
    background-color: rgb(19, 50, 43) ;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-radius: 2px;
    
}
.header .logo{
	padding: 0 15px;
}
.header .logo a{
	font-size: 20px;
	text-transform: capitalize;
	color: white;
	font-weight: 600;
	padding-left: 60px;
  
}
.header-h5{
    color: white;
    align-items: center;
	font-size: 20px;
	padding-left: 70px;
}
.header .nav-menu{
	padding: 0 15px;
}
.header .menu > .menu-item{
	display: inline-block;
	margin-left: 30px;
	position: relative;
}
.header .menu > .menu-item > a{
	display: block;
	padding: 12px 0;
	font-size: 16px;
	color: #fffbfb;
	text-transform: capitalize;
	font-weight: 600;
	transition: all 0.3s ease;
}
.header .menu > .menu-item > a .plus{
	display: inline-block;
	height: 12px;
	width: 12px;
	position: relative;
	margin-left:5px; 
	pointer-events: none;
}
.header .menu > .menu-item > a .plus:before,
.header .menu > .menu-item > a .plus:after{
	content:'';
	position: absolute;
	box-sizing: border-box;
	left: 50%;
	top:50%;
	background-color: #a7201f;
	height: 2px;
	width: 100%;
	transform: translate(-50%,-50%);
	transition: all 0.3s ease;
}
.header .menu > .menu-item:hover > a .plus:before,
.header .menu > .menu-item:hover > a .plus:after{
   background-color: #a7201f;
}
.header .menu > .menu-item > a .plus:after{
   transform: translate(-50%,-50%) rotate(-90deg);	
}
.header .menu > .menu-item > .sub-menu > .menu-item > a:hover,
.header .menu > .menu-item:hover > a{
	color: #a7201f;
}
.header .menu > .menu-item > .sub-menu{
	box-shadow: 0 0 10px rgb(2, 112, 86);
	width: 220px;
	position: absolute;
	left:0;
	top:100%;
	background-color: #ddc9a3;
	padding: 10px 0;
	border-top: 3px solid rgb(2, 112, 86);
	transform: translateY(10px);
	transition: all 0.3s ease;
	opacity:0;
	visibility: hidden;
}
@media(min-width: 992px){
.header .menu > .menu-item-has-children:hover > .sub-menu{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
 }
 .header .menu > .menu-item-has-children:hover > a .plus:after{
    transform: translate(-50%,-50%) rotate(0deg);		
 }
}
.header .menu > .menu-item > .sub-menu > .menu-item{
	display: block;
}
.header .menu > .menu-item > .sub-menu > .menu-item > a{
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #030303;
	transition: all 0.3s ease;
	text-transform: capitalize;
}
.header .open-nav-menu{
	height: 34px;
	width: 40px;
	margin-right: 15px;
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.header .open-nav-menu span{
	display: block;
	height: 3px;
	width: 24px;
	background-color: #ffffff;
    position: relative;
}
.header .open-nav-menu span:before,
.header .open-nav-menu span:after{
	content: '';
	position: absolute;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	box-sizing: border-box;
}
.header .open-nav-menu span:before{
	top:-7px;
}
.header .open-nav-menu span:after{
	top:7px;
}
.header .close-nav-menu{
	height: 40px;
	width: 40px;
	background-color: rgb(19, 50, 43);
	margin:0 0 15px 15px;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
}
.header .close-nav-menu img{
	width: 16px;
}
.header .menu-overlay{
	position: fixed;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity:0;
	transition: all 0.3s ease;
} /*header menu final*/

/*home section banner noticias*/
.home-section{
	width: 100%;
	display: block;
	min-height: 100vh;
	background-position: center top;
	background-size: cover;
}
/*home section final*/
section h2 {
    text-align: center;
    margin-bottom: 4rem;
}

/* Variables Colores*/
:root {
    --color-primary: #6c63ff;
    --color-success: rgb(19, 50, 43);
    --color-warning: #f7c94b;
    --color-danger: #a7201f;
    --color-danger-variant: rgba(247, 88, 66, 0.4);
    --color-white: #fff;
    --color-light: rgba(255,255,255,0.7);
    --color-black: #000;
    --color-bg: #ffffff;
    --color-bg1: #2e3267;
    --color-bg2: #424890;
	--guinda:#9F2241;
	--guinda-dark:#691C32;
	--dorado:#BC955C;


    --container-width-lg: 80%;
    --container-width-md: 90%;
    --container-width-sm: 94%;

   --transition: all 400ms ease;
}








/* Sección Hero */
        .hero-section {
            position: relative;
            width: 100vw !important;
            height: 600px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            padding: 0;
        }

        .hero-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw !important;
            height: 100%;
            object-fit: cover;
            object-position: center;
            margin: 0;
            padding: 0;
            display: block;
        }

        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            color: white;
            padding: 2rem;
            max-width: 900px;
            animation: fadeInUp 1s ease-out;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .hero-title {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            line-height: 1.2;
        }

        .hero-subtitle {
            font-size: 1.5rem;
            margin-bottom: 2rem;
            font-weight: 300;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
        }

        .hero-buttons {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }

        .btn {
            padding: 1rem 2.5rem;
            font-size: 1.1rem;
            font-weight: 600;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }

        .btn-primary {
            background-color: #fbbf24;
            color: #1e3a8a;
        }

        .btn-primary:hover {
            background-color: #f59e0b;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(251, 191, 36, 0.4);
        }

        .btn-secondary {
            background-color: transparent;
            color: white;
            border: 2px solid white;
        }

        .btn-secondary:hover {
            background-color: white;
            color: #1e3a8a;
            transform: translateY(-2px);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .hero-section {
                height: 500px;
            }

            .hero-title {
                font-size: 2.2rem;
            }

            .hero-subtitle {
                font-size: 1.1rem;
            }

            .hero-buttons {
                flex-direction: column;
                align-items: center;
            }

            .btn {
                width: 100%;
                max-width: 300px;
            }
        }

        @media (max-width: 480px) {
            .hero-section {
                height: 400px;
            }

            .hero-title {
                font-size: 1.8rem;
            }

            .hero-subtitle {
                font-size: 1rem;
            }

            .btn {
                padding: 0.8rem 1.5rem;
                font-size: 1rem;
            }
        }

		





















/*Noticias diseño*/
.swiper-wrapper{
	max-width: 1200px;
	height: 500px;
	margin-top: 110px;
  }

  .swiper {
	width: 100%;
	height: 40%;
	background: #0c0133;
  }

  .swiper-slide {
	font-size: 18px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 60px;
  }

  .parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
  }

  .swiper-slide .title {
	font-size: 41px;
	font-weight: 300;
  }

  .swiper-slide .subtitle {
	font-size: 21px;
  }

  .swiper-slide .text {
	font-size: 18px;
	max-width: 400px;
	line-height: 1.3;
  }
  .text input{
    padding: 10px 40px;
    margin-top: 30px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    color:aliceblue;
    background: #58b0f6;
    box-shadow: 1px 1px 30px -5px #58b0f6;
    border-radius: 10px;  
    transition: box-shadow 600ms;
}
.text input:hover{
    box-shadow: 1px 1px 30px -5px #0f5c9b;
}
/*Diseño scroll noticias*/
.swiper-pagination-bullet-active{
	background-color: var(--color-danger);
}
/*Fin Noticias Diseño*/
/*Diseño redes sociales*/
.social-bar{
	display: flex;
    align-items: center;
    justify-content: center;
}
.icon{
	color: white;
	text-decoration: none;
	padding: .7rem;
	display: flex;
	transition: all .5s;
}
.social-bar a
{
    margin: 30px 30px;
	
}
.icon-youtube{
	background-color: #e83028;
}
.icon-facebook{
	background-color: #2e406e;
}
.icon:first-child{
	border-radius:  7rem;
}
.icon:last-child{
	border-radius: 7rem ;
}
.social-bar img{
	width: 100%;
	height: 150px;
}
/*Barra nombre escuela*/
.name-content .lema{
    font-size: 2rem;
    color: #ddc9a3;
    background: #9d2449 ;
	text-align: center;	
}
/*Barra nombre escuela*/


.aviso_privacidad_links a {
	text-decoration: none;
	color:var(--guinda);
}


.aviso_privacidad_links a:link , .aviso_privacidad_links a:visited {
color: var(--guinda);
}

/*Footer*/
.footer-links{
    background:rgb(19, 50, 43);
    color:rgb(29, 12, 12);
    font-size: 12px;
    padding: 50 px 0;
}

.footer-container{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:10px;
    align-items: flex-start;
    justify-content: center;
	padding: 20px;
	margin: 1px;
}

.footer-container ul {
    margin: 0 auto;
}

.footer-container ul li {
    line-height: 2.8;
}

.footer{
    background: rgb(19, 50, 43);
    color: var(--color-warning);
    font-size: .8rem;
    text-align: center;
    
}
.footer img{
	margin-left: 0;
	padding: 0;
	left: 0;
	max-width: 100%;	
} 
.footer a  {
	text-decoration: none;
	color:rgb(255, 255, 255);
}


.footer a:link , .footer a:visited{
color: #fff;
}




/*fin Footer*/
/*diseño seccion mapa*/
.flex-map {
	padding: 25px 0;
	margin: 0 auto;
	flex-wrap: wrap;
	display: grid;
	min-width: 300px;
	grid-template-columns: 1fr;
	gap: 10px;
	text-align: center;	
}
.flex-map h4 {
	display: inline-block;
	position: relative;
	font-size: 1.5rem;
	align-items: center;
	color: #000000;
}/*titulos*/
h4::after,h4::before{
	content: '';
	position: absolute;
	width: 300px;
	max-width: 100px;
	height: 3px;
	background-color: #000;
	top: 1.2em;
}
h4::after{
	left: 300px;
}
h4::before{
	right: 300px;
}
.flex-map p{
	font-size: 1.2rem;
	align-items: center;
	color: rgb(68, 3, 3);
}
.flex-map1{
    background-color: #9d2449;
	justify-content:center;
    margin: 0 auto;
	padding: 10px 10PX;
	border-radius: 2%;
}
/*diseño seccion mapa*/
/*stilos video*/
.video{
	padding: 25px 0;
	margin: 0 auto;
	flex-wrap: wrap;
	display: grid;
	min-width: 300px;
	grid-template-columns: 1fr;
	gap: 10px;
	text-align: center;	
	}
	
	.video video{
		background-color: #9d2449;
		justify-content: center;
		margin: 0 auto;
		padding: 5px 5PX;
		align-items: center;
		width: 900px;
		border-radius: 1%;
	}
	/* responsive menu */
@media(max-width: 1600px){
	.swiper-wrapper{
		max-width: 1200px;
		height: 550px;
		margin-top: 110px;
	  }

}
@media(max-width: 991px){
	.header .menu-overlay.active{
	visibility: visible;
	opacity: 1;
}
	.header .nav-menu{
		position: fixed;
		right: -280px;
		visibility: hidden;
		width: 280px;
		height: 100%;
		top:0;
		overflow-y: auto;
		background-color: rgb(19, 50, 43);
		z-index: 1000;
		padding: 15px 0;
		transition: all 0.5s ease;
	}
	.swiper-wrapper{
		max-width: 1200px;
		height: 650px;
		margin-top: 110px;
	  }
	.header .nav-menu.open{
		visibility: visible;
		right: 0px;
	}
	.header .menu > .menu-item{
		display: block;
		margin:0;
	}
	.header .menu > .menu-item-has-children > a{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header .menu > .menu-item > a{
		color: #ffffff;
		padding: 12px 15px;
		border-bottom: 1px solid #333333;
	}
	.header .menu > .menu-item:first-child > a{
	    border-top: 1px solid #333333;	
	}
	.header .menu > .menu-item > a .plus:before, 
	.header .menu > .menu-item > a .plus:after{
		background-color: #ffffff;
	}
	.header .menu > .menu-item-has-children.active > a .plus:after{
        transform: translate(-50%,-50%) rotate(0deg);
	}
	.header .menu > .menu-item > .sub-menu{
		width: 100%;
		position: relative;
		opacity: 1;
		visibility: visible;
		border:none;
		background-color: transparent;
		box-shadow: none;
		transform: translateY(0px);
		padding: 0px;
		left: auto;
		top:auto;
		max-height: 0;
		overflow: hidden;
	}
	.header .menu > .menu-item > .sub-menu > .menu-item > a{
		padding: 12px 45px;
		color: #ffffff;
		border-bottom: 1px solid #333333;
	}
	.header .close-nav-menu,
	.header .open-nav-menu{
		display: flex;
	}
	.home .home-slider .slide .content h3{
		font-size: 5rem;
	}
	.footer-links .footer-container{
        grid-template-columns: repeat(2,1fr);
    }
	.flex-map1{
		max-width: 380px;
	}
	
}/*Fin de responsive menu*/
@media(max-width: 800px){
	.swiper-wrapper{
		max-width: 1200px;
		height: 850px;
		margin-top: 110px;
	  }

}
@media (max-width:600px){	
		.video video{
			max-width: 380px;
		}
		.name-content .lema{
			font-size: 1.5rem;
			color: #ddc9a3;
			background: #9d2449 ;
			text-align: center;	
		}
		.swiper-wrapper{
			max-width: 1200px;
			height: 800px;
			margin-top: 110px;
		  }
		.swiper-slide .title {
			font-size: 5rem;
			font-weight: 300;
		  }		
		  .swiper-slide .subtitle {
			font-size: .8rem;
		  }
		
		  .swiper-slide .text {
			font-size: 17px;
			max-width: 400px;
			line-height: 1.3;
		  }
}