:root{
    --color_yellow:rgba(253, 213, 0, 1);
    --color_grey: rgba(91,91,95,1);
    --color_grey_two: rgba(88,88,90,1);
    --color_green: rgba(17,89,46,1);
    --color_orange: rgba(238,138,0,1);
    --color_blue: rgba(15,76,143,1);
    --color_red: rgba(146,25,54,1);
    --color-crema: rgba(178,167,136,1);
}
@font-face {
    font-family: "Roboto Regular";
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: "Roboto Bold";
    src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: "American Bold";
    src: url(../fonts/Americana-Bold.otf);
}

.vacio{
    height: 45rem;
}

main {
    display: block;
    background: #fff;
    height: auto;
}
/*=============== HEADER + FOOTER ===================*/


.navbar-toggler.my-btn .navbar-toggler-icon.line{
    width: 1.5em;
    height: 3px;
    background-image: none;
    background: var(--color_grey);
    margin: 4px 0;
}


.line_yellow{
    height: 2rem;
    background-color: var(--color_blue);
}

.line_crema{
    height: .5rem;
    background-color: var(--color-crema);
}

.line_yellow.nav{
    display: flec;
    justify-content: space-between;
    align-items: center;
}

.line_yellow.nav div{
    margin: 0 1.5rem 0 0;
    position: relative;
}

.line_yellow.nav div a{
    font-family: "Roboto Regular";
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 0rem 1rem 0rem 1rem;
}

.line_yellow.nav div i{
    color: #fff;
    position: absolute;
    right: -6px;
    top: 5px;
}

.line_yellow.nav ul{
    display: flex;
    margin: 0;
    padding: 0;
    height: 1.5rem;
    align-items: center;
}

.line_yellow.nav ul li{
    list-style: none;
    margin: 0 0 0 1rem;
}

.line_yellow.nav ul a{
    color: #fff;
    text-decoration: none;
    margin: 0 .5rem 0 1rem;
    font-size: 13px;
    font-family: "Roboto Regular";
}

.line_yellow.nav ul li i{
    color: #fff;
}

nav{
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.37);
}

.navbar-expand-lg .navbar-nav {
    display: flex;
    align-items: center;
}

.nav-item.item-cole{
    height: 3rem;
    position: relative;
    cursor: context-menu;
    display: flex;
    align-items: center;
}

.navbar-expand-lg .navbar-collapse.flex-end {
    justify-content: flex-end;
}

.navbar-expand-lg .navbar-collapse.flex-end .d-flex{
    z-index: 10;
}

.fas.fa-angle-down{
    position: absolute;
    right: 0;
    top: 15px;
}

.navbar-expand-lg .navbar-nav .nav-link.nav-edit{
    font-family: "Roboto Bold";
    font-size: 16px;
    text-transform: capitalize;
    color: var(--color_grey_two);
    margin: 0 1.5rem;
    padding: 0;
    text-align: center;
    letter-spacing: 1px;
}

.nav-item.item-cole:hover .fas.fa-angle-down{
    color: var(--color_blue);
}


.navbar-expand-lg .navbar-nav .nav-link.nav-edit:hover{
    color: var(--color_blue);
}

header{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    background: #fff;
}

.navbar.navbar-expand-lg{
    transition: .3s;
}

.navbar.navbar-expand-lg.sticky{
    --bs-navbar-padding-y: 1px;
    --bs-navbar-brand-padding-y: 1px;
    transition: .3s;
    box-shadow: -1px 10px 5px -6px rgba(0,0,0,0.43);
    -webkit-box-shadow: -1px 10px 5px -6px rgba(0,0,0,0.43);
    -moz-box-shadow: -1px 10px 5px -6px rgba(0,0,0,0.43);
}

.navbar.navbar-expand-lg.sticky .container-fluid.reverse .navbar-brand{
    /*width: 11rem;*/
    margin: 4px;
}

.navbar.navbar-expand-lg.sticky .container-fluid.reverse .navbar-brand > img{
    object-fit: contain;
    width: 75%;
    height: 100%;
}

.btn-info {
    text-decoration: none;
    color: var(--color_blue);
    border: 1px solid var(--color_blue);
    border-radius: 4px;
    padding: 8px 35px;
    text-transform: capitalize;
    font-family: "Roboto Bold";
    font-size: 15px;
    transition: .3s;
    margin: 0 15px 0 0;
    text-align: center;
}

.btn-admi{
    text-decoration: none;
    color: #fff;
    border: 2px solid var(--color_blue);
    background: var(--color_blue);
    border-radius: 4px;
    padding: 8px 23px;;
    text-transform: capitalize;
    font-family: "Roboto Bold";
    font-size: 15px;
    transition: .3s;
    display: flex;
    align-items: center;
}

.btn-admi:hover{
    color: var(--color_blue);
    background: transparent;
    transition: .3s;
}

.btn-info:hover{
    color: rgba(255,255,255,1);
    background: var(--color_blue);
    transition: .3s;
}

.drop{
    background: rgba(255,255,255,1);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    position: absolute;
    top: 48px;
    width: 18.5rem;
    left: 15px;
    padding: 0 0 0 0;
    display: none;
    z-index: 0;
}

.drop.active{
    display: block;
}

.drop.active.top{
    top: 41px;
}

.drop > li{
    list-style: none;
    margin: 1rem 0;
    padding: 0 0 0 15px;
    text-transform: .3s;
    cursor: pointer;
}

.drop > li > a{
    text-decoration: none;
    color: var(--color_grey);
    font-family: "Roboto Regular";
    font-size: 15px;
    text-transform: uppercase;
    text-transform: .3s;
}

/*
.drop > li > a:hover{
    font-family: "Roboto Bold";
    text-transform: .3s;
}
*/

.drop > li:hover{
    border-left: 5px solid var(--color_blue);
    text-transform: .3s;
}

.drop > li:hover a{
    font-family: "Roboto Bold";
    text-transform: .3s;
}

.nav-footer{
    background: var(--color_blue);
    height: auto;
    display: flex;
    align-items: center;
    padding: 4rem 0;
}

.datos_footer{
    background: var(--color_blue);
    border-top: 1px solid rgba(87, 130, 177, 1);
}

.container-fluid.datos{
    display: flex;
    justify-content: space-between;
    padding: 1rem 5rem;
}

.nav-foot{
    padding: 0;
}

.nav-foot > li{
    list-style: none;
    text-align: start;
}

.nav-foot > li > a{
    text-decoration: none;
    color: rgba(255,255,255,1);
    font-family: "Roboto Regular";
    font-size: 13px;
    transition: .3s;
    text-transform: capitalize;
}

.nav-foot > li > a:hover{
    color: var(--color_yellow);
    transition: .3s;
}

.col-6 > h5{
    text-align: start;
    text-transform: uppercase;
    color: rgba(255,255,255,1);
    font-family: "Roboto Bold";
    font-size: 16px;
    margin: 0;
}

.pilar{
    padding: 0 0 0 2.5rem;
}

.btn-footer{
    display: flex;
    flex-direction: column;
    height: 7rem;
    justify-content: space-evenly;
}

.btn-admi-foot,
.btn-info-foot{
    width: 9rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.btn-admi-foot{
    border: 2px solid #fff;
    background: #fff;
    border-radius: 4px;
    text-transform: capitalize;
    font-family: "Roboto Bold";
    font-size: 15px;
    color: var(--color_blue);
    transition: .3s;
}

.btn-admi-foot:hover{
    color: rgba(255,255,255,1);
    border: 2px solid #fff;
    background: var(--color_blue);
    transition: .3s;
}

.btn-info-foot{
    border: 2px solid #fff;
    border-radius: 4px;
    text-transform: capitalize;
    font-family: "Roboto Bold";
    font-size: 15px;
    color: #fff;
}

.btn-info-foot:hover{
    color: var(--color_blue);
    background: #fff;
    transition: .3s;
}

.redes_footer{
    display: flex;
    padding: 0;
}

.redes_footer > li{
    list-style: none;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 8px 5px 2px;
    transition: .3s;
    padding: 2px 0 0 0;
}

.redes_footer > li:hover{
    background: var(--color_blue);
    transition: .3s;
}

.redes_footer > li:hover i{
    color: #fff;
    transition: .3s;
}

.redes_footer > li > a{
    text-decoration: none;
    padding: 2px 8px;
}

.redes_footer > li > a > i{
    color: var(--color_blue);
    font-size: 20px;
    transition: .3s;
}

.container-fluid.datos > span, .container-fluid.datos > a{
    font-family: "Roboto Regular";
    font-size: 13px;
    color: rgba(255,255,255,1);
    text-decoration: none;
}

/*=============== HOME ===================*/

.header{
    background: url(../img/Header-portada-principal.jpg) no-repeat center/cover;
    height: 46.5rem;
    margin: -15px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.header.home {
    background: url(../img/Home-hero.webp) no-repeat top/cover;
}

.header h1{
    font-family: "Roboto Regular";
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.header span{
    font-family: "Roboto Regular";
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin: 10px 0 45px 0;
    line-height: 45px;
}

.header .arrow_header{
    cursor: pointer;
    position: absolute;
    bottom: 180px;
}

.objetivos{
    padding: 10rem 0 7rem 0;
}

.container-tarjetas{
    display: flex;
    justify-content: center;
}

.container_objetivos--text{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container_objetivos--text span{
    font-family: "Roboto Bold";
    font-size: 25px;
    color: var(--color_blue);
    display: block;
    max-width: 29rem;
    width: 100%;
    line-height: 33px;
    margin: 0 0 2rem 0;
}

.container_objetivos--text p{
    font-family: "Roboto Regular";
    font-size: 18px;
    color: var(--color_blue);
    max-width: 29rem;
    width: 100%;
    text-align: justify;
}

.container_objetivos--img{
    position: relative;
}

.container_objetivos--img div{
    position: relative;
}

.container_objetivos--img div img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/*
.container_objetivos--img div:nth-child(1){
    z-index: 200;
    left: 27%;
    bottom: -2rem;
    max-width: 24rem;
    width: 60%;
}

.container_objetivos--img div:nth-child(2){
    z-index: 100;
    left: 51%;
    top: -4rem;
    max-width: 24rem;
    width: 60%;
}

.container_objetivos--img div:nth-child(3){
    z-index: 100;
    max-width: 24rem;
    width: 60%;
}
*/

.niveles{
    height: 50rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tarjetas_cont{
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
}

.tarjeta{
    width: 22.8rem;
    height: 21rem;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0 15px;
    position: relative;
/*    cursor: pointer;*/
}

.tarjeta.medio{
    background: url(../img/nivel_medio.jpg);
}

.tarjeta.primario{
    background: url(../img/nivel_primario.jpg) center center/cover no-repeat;
}

.tarjeta.inicial{
    background: url(../img/nivel_inicial.jpg) no-repeat center/cover;
}


.tarjeta .tarjeta-body{
    position: absolute;
    top: 100%;
    width: 100%;
    height: 6rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.tarjeta.inicial .tarjeta-body{
    background: var(--color_red);
}

.tarjeta.primario .tarjeta-body{
    background: var(--color_blue);
}

.tarjeta.medio .tarjeta-body{
    background: var(--color_green);
}

.tarjeta .tarjeta-body p{
    font-family: "Roboto Bold";
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}

.tarjeta.inicial .tarjeta-body p{
    color: #fff;
}

.niveles_text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20rem 0 0 0;
    text-align: center;
}
.niveles_text h6 {
    font-family: "Roboto Bold";
    font-size: 25px;
    color: var(--color_blue);
    display: block;
    max-width: 740px;
    width: 100%;
    line-height: 33px;
    margin: 0 0 2rem 0;
}
.niveles_text p{
    font-family: "Roboto Regular";
    font-size: 18px;
    color: var(--color_blue);
    max-width: 730px;
    width: 100%;
}

.experiencias{
    position: relative;
}

.experiencias .title-exp{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}

.experiencias .title-exp h2{
    font-family: "Roboto Bold";
    font-size: 50px;
    color: #fff;
    margin: -10px 0 70px 0;
}

.btn-ver{
    text-decoration: none;
    color: #fff;
    border: 2px solid var(--color_blue);
    background: var(--color_blue);
    border-radius: 4px;
    padding: 15px 30px;
    text-transform: uppercase;
    font-family: "Roboto Bold";
    font-size: 15px;
    transition: .3s;
}

.btn-ver:hover {
    color: var(--color_blue);
    background: #fff;
    transition: .3s;
}

.bg-slide_exp{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.carousel-inner.carousel-exp{
    height: 35rem;
}

.carousel-inner.carousel-exp > .carousel-item{
    height: 100%;
}

.mapa{
    height: 28rem;
}

.mapa > iframe{
    width: 100%;
    height: 100%;
}

/*
.bg_img1{
    background: url(../img/experiencia_1.jpg);
}
*/

/*=============== NUESTRO COLEGIO ===================*/

.header.nue-col{
    height: 37rem;
    background: url(../img/asociacion/bg_header.jpg) no-repeat center center/cover;
}

.header.ingles {
    background: url(../img/pilares/bg-header-ingles.jpg) no-repeat top/cover !important;
}
.header.hero-custom {
    margin-top: 97px;
    height: 30rem;
}
.header.hero-custom h2{
    font-family: "Roboto Bold";
    font-size: 58px;
    color: #fff;
    margin: 100px 0px 0px 0px;
    text-align: center;
}
.header.nue-col h2{
    font-family: "Roboto Bold";
    font-size: 58px;
    color: #fff;
    margin: 100px 0px 0px 0px;
    text-align: center;
}

.aprendizajes{
    height: 30rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.aprendizajes h3{
    font-family: "American Bold";
    font-size: 39px;
    color: var(--color_green);
    margin: 1px 0 40px 0;
}

.aprendizajes p{
    width: 42rem;
    font-family: "Roboto Regular";
    font-size: 20px;
    color: #5b5b5f;
    text-align: center;
    margin: 0 0 15px 0;
}

.mision{
    height: 38rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(../img/nuestro-colegio/bg_mision.jpg)  no-repeat center center/cover;
}

.mision h4{
    font-family: "Roboto Regular";
    font-size: 21px;
    color: #fff;
    margin: 0 0 55px 0;
    letter-spacing: 1px;
}

.mision p{
    font-family: "American Bold";
    font-size: 38px;
    color: #fff;
    text-align: center;
    width: 54rem;
    line-height: 47px;
}

.valores{
    height: 55rem;
}

.valores.nuestro{
    height: auto;
    padding: 3rem 0 6rem 0;
    background: rgba(244, 242, 237, 1);
}

.valores_container--title{
    margin: 3rem 0;
}

.list{
    padding: 0;
}

.list li{
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0 0 1.3rem 0;
}

.list li i{
    color: rgba(178, 167, 136, 1);
    margin: 0 1rem 0 0;
}

.list li p{
    margin: 0;
    color: var(--color_blue);
    font-size: 20px;
    font-family: "Roboto Regular";
}

.valores_container--title h4{
    font-family: "Roboto Bold";
    font-size: 34px;
    color: var(--color_blue);
    margin: 0;
    padding: 0;
}

.valores_container{
/*    height: 100%;*/
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.container-items--item{
    display: flex;
    flex-direction: column;
    margin: 0 0 55px 0;
}

.container-items--item picture{
    margin: 15px 0 20px 0;
}

.container-items--item p{
    font-family: "Roboto Regular";
    font-size: 19px;
    color: var(--color_blue);
    width: 20rem;
    margin: 5px 0 5px 0;
}

.container-items--item span{
    font-family: "Roboto Bold";
    font-size: 22px;
    color: var(--color_blue);
    text-transform: uppercase;
    margin: 1rem 0 1rem 0;
}

.modal-video{
    padding: 1rem 0 5rem 0;
}

.modal-video--container{
    position: relative;
}

.modal-video--container figure img{
    width: 100%;
}

.modal-video--container figure{
    text-align: center;
}

.modal-video--container > img{
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    cursor: pointer;
}

.team{
    padding: 0 0 8rem 0;
}

/*=============== ASOCIACION CATOLICA ===================*/
.header.asociacion{
    background: url(../img/asociacion-catolica/bg_header.jpg) no-repeat center center/cover;
}

/*=============== EQUIPO DIRECTIVO ===================*/
.header.equipo{
    height: 37rem;
    background: url(../img/autoridades/bg_header.jpg) no-repeat center center/cover;
}

.header.equipo.nue-col h2 {
    margin: 110px 0px 0px 0px;
}

.header.exalumnos{
    /*height: 37rem;
    background: url(../img/bg-header-exalumnos.jpg) no-repeat center center/cover;*/
}

.header.exalumnos.nue-col h2 {
    margin: 110px 0px 0px 0px;
}

.header.equipo.info.nue-col h2{
    margin: 65px 0px 0px 0px;
}

/*=============== HISTORIA ===================*/
.header.historia{
    background: url(../img/historia/bg_header.jpg) no-repeat center center/cover;
}

/*=============== PERFIL ESTUDIANTE ===================*/
.header.estudiante{
    background: url(../img/perfil-estudiante/bg_header.jpg) no-repeat center center/cover;
}

.valores.prefil{
    height: auto;
    padding: 25px 0;
}

.valores.prefil .valores_container .valores_container--title h3{
    font-family: "Roboto Bold";
    font-size: 26px;
    color: var(--color_blue);
    max-width: 61rem;
    text-align: center;
    margin: auto;
    line-height: 35px;
    width: 100%;
}

.valores.prefil p{
    width: 20rem;
}

.valores.prefil.autor p{
    max-width: 29rem;
    width: 100%;
}

.egresados{
    background: #f9f7ee;
    padding: 8rem 0;
}

.container-egresados .col{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 100px 0 0;
}

.container-egresados .col picture{
    margin: 60px 0 0 0;
}

.container-egresados .col .container-egresados--text h3{
    font-family: "American Bold";
    font-size: 30px;
    color: var(--color_green);
    margin: 0 0 40px 0;
}

.container-egresados .col .container-egresados--text p{
    font-family: "Roboto Regular";
    font-size: 21px;
    color: #5b5b5f;
    margin: 0 0 1.6rem 0;
    width: 54rem;
}

/*=============== ASOCIACION ===================*/

.asocia-historia{
    height: auto;
    padding: 10rem 0;
}

.valores_container--text{
    padding: 0 0 0 30px;
}

.valores_container--text h3 {
    width: 50rem;
    font-family: "Roboto Bold";
    font-size: 29px;
    color: var(--color_blue);
    line-height: 40px;
    margin: 0 0 45px 0;
    letter-spacing: 0px;
}

.valores_container--text p {
    max-width: 49rem;
    font-family: "Roboto Regular";
    font-size: 21px;
    color: var(--color_blue);
    margin: 30px 0 0 0;
    width: 100%;
    text-align: justify;
}

.valores_container--img{
    display: flex;
    justify-content: center;
    padding: 0 0 0 30px;
}

.valores_container--img picture{
    margin: -30px 0 0 0;
}

.conocer{
    display: flex;
    justify-content: center;
    background: #f9f7ee;
    height: 10rem;
    align-items: center;
}

.conocer p{
    font-family: "Roboto Regular";
    font-size: 19px;
    color: var(--color_blue);
    margin: 0 35px 0 -35px;
}

.conocer div a{
    border: 1px solid var(--color_green);
    border-radius: 4px;
    font-family: "Roboto Bold";
    font-size: 17px;
    color: #fff;
    background: var(--color_blue);
    padding: 14px 27px;
    text-decoration: none;
    transition: .3s;
}

.conocer div a:hover{
    background: transparent;
    color: var(--color_blue);
    transition: .3s;
}

/*=============== HISTORIA ===================*/

.anios{
    background: #f9f7ee;
    padding: 6rem 0 4rem 0;
    position: relative;
}

.anios::after{
    content: '';
    height: 100%;
    width: 5px;
    background: #fdd500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.container_anios{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
}

.container_anios.reverse{
    flex-direction: row-reverse;
}

.container_anios.reverse .container_anios--text > .eclipse{
    left: 12.8rem;
}

.container_anios.reverse .container_anios--text{
    text-align: end;
}

/*
.container_anios::after{
    content: '';
    height: 100%;
    width: 5px;
    background: #fdd500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
*/
.container_anios .container_anios--text{
    position: relative;
    max-width: 33rem;
    width: 100%;
}

.container_anios > .eclipse{
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--color_green);
    position: absolute;
    top: 8rem;
    left: 49.6%;
    z-index: 10;
}

.container_anios > .eclipse.dos{
    top: 11.4rem;
}
.container_anios > .eclipse.tres{
    top: 10.9rem;
}

.container_anios > .eclipse.cuatro{
    top: 8rem;
}

.container_anios > .eclipse.cinco{
    top: 9rem;
}

.container_anios > .eclipse.seis{
    top: 9.9rem;
}

.container_anios > .eclipse.siete{
    top: 10.5rem;
}
.container_anios > .eclipse.nueve{
    top: 11rem;
}
.container_anios > .eclipse.diez{
    top: 9.9rem;
}
.container_anios > .eclipse.once{
    top: 9.9rem;
}
.container_anios > .eclipse.doce{
    top: 9rem;
}
.container_anios > .eclipse.trece{
    top: 8.1rem;
}
.container_anios > .eclipse.cator{
    top: 10.6rem;
}
.container_anios > .eclipse.quin{
    top: 10.6rem;
}
.container_anios > .eclipse.dieciSies{
    top: 10.5rem;
}
.container_anios > .eclipse.dieciSiete{
    top: 11.5rem;
}
.container_anios > .eclipse.dieciOcho{
    top: 4rem;
}
.container_anios > .eclipse.dieciNueve{
    top: 10rem;
}
.container_anios > .eclipse.veinte{
    top: 8.5rem;
}
.container_anios > .eclipse.veintUno{
    top: 11.5rem;
}
.container_anios .container_anios--text span{
    font-family: "American Bold";
    font-size: 38px;
    color: var(--color_green);
}

.container_anios .container_anios--text p{
    font-family: "Roboto Regular";
    font-size: 20px;
    color: #5b5b5f;
}

.historia_text{
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5rem 0;
    text-align: center;
}

.historia_text h3{
    font-family: "American Bold";
    font-size: 30px;
    color: var(--color_green);
    width: 50rem;
    line-height: 45px;
    margin: 0 0 1.5rem 0;
}

.historia_text p{
    font-family: "Roboto Regular";
    font-size: 21px;
    color: #5b5b5f;
    width: 44rem;
    margin: 30px 0 0 0;
}

/*=============== DIRECTIVO ===================*/

.directora .cont-directora{
    height: 25rem;
    background: #f9f7ee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cont-directora h3{
    font-family: "Roboto Regular";
    font-size: 23px;
    color: var(--color_green);
    margin: 25px 0 5px 0;
}

.cont-directora span{
    font-family: "Roboto Regular";
    font-size: 19px;
    color: #5b5b5f;
}

.nivel-inicial,
.nivel-primario,
.nivel-medio{
    height: auto;
    padding: 5rem 0 0 0;
}

.nivel-inicial .cont-title,
.nivel-primario .cont-title,
.nivel-medio .cont-title{
    font-family: "American Bold";
    font-size: 29px;
    color: var(--color_green);
}

.nivel-inicial .cont-inicial,
.nivel-primario .cont-primario,
.nivel-medio .cont-medio{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
}

.nivel-inicial .cont-inicial h3,
.nivel-primario .cont-primario h3,
.nivel-medio .cont-medio h3{
    font-family: "Roboto Bold";
    font-size: 22px;
    color: var(--color_blue);
    margin: 1.5rem 0 .4rem 0;
}

.nivel-inicial .cont-inicial span,
.nivel-primario .cont-primario span,
.nivel-medio .cont-medio span{
    font-family: "Roboto Regular";
    font-size: 17px;
    color: var(--color_blue);
}

.nivel-inicial .cont-inicial div,
.nivel-primario .cont-primario div,
.nivel-medio .cont-medio div{
    width: 17rem;
    margin: 0 3rem 20px 3rem;
}

/*=============== PROYECTO EDUCATIVO ===================*/

.header.proyecto.nue-col{
    height: 30rem;
    background: url(../img/proyecto-educativo/bg_header.jpg) no-repeat center center/cover;
}

.niveles-edu--nav{
    padding: 0;
}

.niveles-edu--nav ul{
    margin: 0;
    padding: 0 9rem 0 0;
    list-style: none;
    display: flex;
    position: relative;
    height: 5rem;
    align-items: center;
    justify-content: space-between;
}

.niveles-edu--nav ul li{
    /*margin: 0 6rem 0 0;*/
    cursor: pointer;
    font-family: "American Bold";
    font-size: 19px;
    color: #b2a789;
}

.niveles-edu--nav ul .green{
    color: var(--color_green);
}

.line-nav{
    position: absolute;
    background: var(--color_green);
    width: 7.1rem;
    height: 5px;
    bottom: -5px;
    left: 0;
    transition: .5s;
}

.line-nav.exper{
    width: 11.5rem;
}

.cont-text{
    height: auto;
    padding: 5rem 0 0rem 0;
    display: none;
}

.cont-text.acomp{
    display: block;
}

.bg-grey{
    background: #f9f7ee;
}

.cont-text.active{
    display: block;
}

.cont-text h3{
    font-family: "American Bold";
    font-size: 26px;
    padding: 0 0 3rem 0;
    color: var(--color_green);
}

.cont-text span{
    font-family: "Roboto Bold";
    font-size: 15px;
    text-transform: uppercase;
    color: #b2a789;
    margin: 0 0 1rem 0;
    display: block;
    letter-spacing: 1px;
}

.cont-text .row article{
    margin: 0 0 3rem 0;
}

.cont-text .row article span{
    font-family: "American Bold";
    font-size: 28px;
    color: var(--color_green);
}

.cont-text .row article p{
    font-family: "Roboto Regular";
    font-size: 18px;
    color: #5b5b5f;
    width: 26.3rem;
}

/*==================== CONVENIOS ========================*/

.header.convenios.nue-col{
    background: url(../img/convenios/bg_header.jpg) no-repeat center center/cover;
}

.header.exalumnos.nue-col{
    background: url(../img/bg-header-exalumnos.jpg) no-repeat center center/cover;
}

.convenios_grid{
    background: #f9f7ee;
    padding: 5rem 0 8rem 0;
}

.convenios_grid--items{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.convenios_grid--items div{
    background: #fff;
    width: 18rem;
    height: 14rem;
    margin: 2rem 1rem .5rem 1rem;
    border-radius: 4px;
    box-shadow: 0px 10px 17px -5px rgba(0,0,0,0.44);
    -webkit-box-shadow: 0px 10px 17px -5px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 10px 17px -5px rgba(0,0,0,0.44);
    display: flex;
    justify-content: center;
    align-items: center;
}

.container_ciclo{
    display: flex;
    justify-content: center;
}
/*
.header.info{
    background: url(../img/info-admision/bg_info_header.jpg) no-repeat center center/cover;
}
*/
.header-admin{
    height: 20rem;
    padding: 5.5rem 0 0 0;
    background: #f9f7ee;
}

.header-admin--container{
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-admin--container h2{
    font-family: "Roboto Bold";
    color: var(--color_blue);
    font-size: 58px;
}

.header-admin--container span{
    font-family: "Roboto Regular";
    color: var(--color_blue);
    font-size: 26px;
}

.header.info.nue-col h2{

}

.header.info span{
    font-family: "Roboto Regular";
    font-size: 19px;
    text-transform: uppercase;
    margin: 8rem 0 -3rem 0;
    letter-spacing: 2px;
}

.bg-grey.ciclo{
    padding: 6rem 0;
}

.container_ciclo div{
    height: auto;
    background: white;
    border-radius: 4px;
    margin: 0 1rem 0 1rem;
    padding: 2rem 0 2rem 2rem;
    max-width: 22rem;
    width: 100%;
}

.container_ciclo div h3{
    font-family: "Roboto Bold";
    font-size: 28px;
    color: var(--color_blue);
    margin: 0 0 2rem 0;
}

.container_ciclo div ul{
    margin: 0;
    padding: 0;
}

.container_ciclo div ul li{
    list-style: none;
    position: relative;
    margin: 1.5rem 0 0 0;
}

.container_ciclo div ul li:hover a{
    color: var(--color_blue);
}

.container_ciclo div ul li:hover img{
    filter: invert(21%) sepia(21%) saturate(7418%) hue-rotate(199deg) brightness(87%) contrast(89%);
}

.container_ciclo div ul li a{
    font-family: "Roboto Regular";
    font-size: 18px;
    color: #5b5b5f;
    text-decoration: none;
    display: block;
    width: 13rem;
    line-height: 24px;
}

.container_ciclo div ul li img{
    position: absolute;
    right: 3rem;
    top: 3px;
}

.header.acompaniamiento.nue-col{
    height: 30rem;
    background: url(../img/experiencia-educativa/bg_header.jpg) no-repeat center center/cover;
}

.header.educativa.nue-col{
    height: 30rem;
    background: url(../img/experiencia-educativa/bg_header2.jpg) no-repeat center center/cover;
}

/*==================== EX-ALUMNOS ========================*/
.exalumnos_text.anios{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 6rem 0;
    background: #fff;
}

.exalumnos_text.anios::after{
    width: 0;
}

.exalumnos_text--top p{
    max-width: 63rem;
    width: 100%;
    font-family: "Roboto Bold";
    font-size: 28px;
    text-align: center;
    color: var(--color_blue);
    line-height: 37px;
}


.exalumnos_text--bottom{
    padding: 1.5rem 0 3rem 0;
}

.exalumnos_text--bottom p,
.exalumnos_text--top span{
    font-family: "Roboto Regular";
    font-size: 18px;
    color: var(--color_blue);
    max-width: 42rem;
    text-align: center;
    width: 100%;
    margin: 2rem 0 0 0;
}

.exalumnos_text--top span{
    display: block;
    text-align: right;
    max-width: none;
}

.exalumnos_text--mail a{
    border: 1px solid var(--color_green);
    border-radius: 4px;
    text-transform: uppercase;
    font-family: "Roboto Bold";
    font-size: 15px;
    padding: .8rem 2rem;
    color: var(--color_green);
    text-decoration: none;
    transition: .3s;
}

.exalumnos_text--mail a:hover{
    background: var(--color_green);
    color: #f9f7ee;;
    transition: .3s;
}

.exalumnos_text.bg-grey{
    padding: 5rem 0;
}

.exalumnos_text--mail{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.exalumnos_text--mail p{
    font-family: "Roboto Regular";
    font-size: 19px;
    color: var(--color_green);
    max-width: 41rem;
    text-align: center;
    width: 100%;
    margin: 0 0 2rem 0;
}

.exalumnos_text.comuni{
    padding: 6rem 0;
    display: flex;
    justify-content: center;
}

.exalumnos_text.comuni article p{
    font-family: "Roboto Regular";
    font-size: 19px;
    text-align: center;
    color: #5b5b5f;
    max-width: 42rem;
    width: 100%;
}

.formulario{
    background: #fff;
}

.container_form--row{
    padding: 5rem 0 0rem 0;
   /* --bs-gutter-y: 30px;*/
}

.container_form--title{
    position: relative;
    margin: 0 0 2rem 0;
}

.container_form--col{

}

.container_form--col input{
    padding: .7rem .75rem;
}

.container_form--title::before{
    content: '';
    height: 1px;
    width: 98%;
    position: absolute;
    left: 12px;
    bottom: 0;
    background: var(--color_blue);
}

.container_form--row .title_form {
    font-family: "Roboto Bold";
    font-size: 22px;
    color: var(--color_blue);
}

.container_form--row span{
    font-family: "Roboto Regular";
    font-size: 14px;
    color: var(--color_blue);
    display: block;
    margin: 0 0 15px 0;
}

.container_form--col label{
    font-family: "Roboto Regular";
    font-size: 14px;
    color: var(--color_blue);
}

.container_form--col select{
    padding: .7rem 2.25rem .7rem .75rem;
}

.container_form-btn{
    padding: 6rem 0;
}

.container_form-btn .form-btn{
    text-align: center;
}

.container_form-btn .form-btn button{
    font-family: "Roboto Bold";
    font-size: 20px;
    background: var(--color_blue);
    border-color: var(--color_blue);
    --bs-btn-padding-x: 3rem;
    --bs-btn-padding-y: 1rem;
    letter-spacing: 1px;
}

.container_form--row .cruz,
.container_form--row .mas{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 2px solid #931936;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 1.5rem 1rem 0 0;
}

.container_form--row .mas{
    border: 2px solid var(--color_green);
}

.vacante{
    width: 5rem;
}

.cruz i,
.mas i{
    display: block;
    height: 2px;
    width: 17px;
    background: #931936;
    margin: 2px 0 0 0;
}

.mas i{
    background: var(--color_green);
}

.mas i:last-child{
    transform: rotate(90deg) translate(-3px,-1px);
}

.cruz i:first-child{
    transform: rotate(130deg) translate(0px,-1px);
}

.cruz i:last-child{
    transform: rotate(50deg) translate(-2px,-2px);
}

.btn_my{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.container_form--col .fila_dos{
    margin-top: 2.2rem;
}

.calen{
    background: #fff url(../img/calendario.png) no-repeat 90%;
}

input[type="date"]{
    background: #FFF;
    background-position: 90%;
    cursor: pointer;
    font-size: "Roboto Regular";
    font-size: 14px;
    text-transform: uppercase;
}

input[type="date"]::-webkit-calendar-picker-indicator{
    opacity: 1;
}

.header.admision.nue-col{
    background: url(../img/info-admision/bg_admision_header.jpg) no-repeat center/cover;
}

.header.admision.nue-col span{
    font-family: "Roboto Regular";
    font-size: 19px;
    text-transform: uppercase;
    margin: 1rem 0 -3rem 0;
    letter-spacing: 3px;
}

.text-area{
    display: flex;
    flex-direction: column;
}

.text-area textarea{
    height: 10rem;
    resize: none;
}

.header.pastoral{
    height: 37rem;
    background: url(../img/pilares/bg-header-pastoral.jpg) no-repeat center center/cover;
}

.header.pilares.pastoral h2{
    font-family: "American Bold";
    font-size: 58px;
    color: #fff;
    text-align: center;
    margin: 110px 0px 0px 0px;
}

.proyecto-pastoral > p{
    font-family: "Roboto Bold";
    font-size: 26px;
    color: var(--color_blue);
    text-align: center;
    max-width: 59rem;
    opacity: 0.9;
    margin: 7rem auto 7rem auto;
    width: 90%;
}

.info .info-row{
    margin: 0 0 5rem 0;
}

.info .info-text{
    display: flex;
    align-items: center;
}

.info .info-text p{
    font-family: "Roboto Regular";
    font-size: 20px;
    color: var(--color_blue);
    max-width: 29.3rem;
    width: 100%;
}

.info .info-text.reverse p{
    max-width: 29.3rem;
    text-align: end;
    margin: 0 0 0 2.3rem;
}

.header.acomp{
    background: url(../img/pilares/bg-header-acom.jpg) no-repeat center top/cover;
}

.header.nue-col.acomp h2 {
    margin: 155px 0px 0px 0px;
}

.header.nue-col.acomp span {
    font-family: "Roboto Bold";
    font-size: 26px;
    margin: 10px 0 30px 0;
}

.nivel{
    padding: 4rem 0;
}

.nivel.grey{
    background: rgba(247, 246, 243, 1);
}

.nivel-title{
    padding: 0 0 0 5rem;
}

.nivel-title.pri {
    padding: 0 0 0 0rem;
}

.nivel-title h3{
    font-family: "Roboto Bold";
    font-size: 34px;
    color: var(--color_blue);
}

.nivel-article span,
.nivel-article p{
    font-family: "Roboto Bold";
    font-size: 21px;
    color: var(--color_blue);
}

.nivel-article p{
    font-family: "Roboto Regular";
    max-width: 41.4rem;
    width: 95%;
    margin: 1.5rem 0 0 0;
    text-align: justify;
}

.exalumnos_text--top.ingles p {
    max-width: 52rem;
    width: 100%;
    font-family: "Roboto Bold";
    font-size: 26px;
    text-align: center;
    color: var(--color_blue);
    line-height: 37px;
}

.exalumnos_text--bottom.ingles p{
    font-family: "Roboto Regular";
    font-size: 21px;
    color: var(--color_blue);
    max-width: 42rem;
    text-align: center;
    width: 100%;
    margin: 0 0 2rem 0;
    line-height: 29px;
}

.list.ingles li{
    margin: 2rem 0 0 0;
}

.list.ingles li p {
    margin: 0;
    color: var(--color_blue);
    font-size: 21px;
    font-family: "Roboto Bold";
    opacity: .9;
}

.nivel-article.ingles .title{
    margin: 3rem 0 4rem 0;
}

.nivel-article.ingles .title > h4{
    font-family: "Roboto Bold";
    font-size: 26px;
    color: var(--color_blue);
}

.grados{
    margin: -2rem 0 0 0;
    padding: 0;
}

.grados li{
    list-style: none;
    font-family: "Roboto Regular";
    font-size: 21px;
    color: var(--color_blue);
}

.grados li span{
    font-family: "Roboto Bold";
}

.nivel-med .list.ingles li {
    align-items: flex-start;
}

.nivel-med .list.ingles li p {
    font-family: "Roboto Regular";
}

.nivel-med .list.ingles li i {
    margin: .5rem 1rem 0 0;
}

.nivel-med .list.ingles.num li i {
    margin: 0 1rem 0 0;
    font-family: "Roboto Bold";
    font-size: 21px;
    font-style: inherit;
}

.header.ed-fisica{
    background: url(../img/pilares/bg-header-ed-2.jpg) no-repeat center top/cover;
}

.info.ed-fisica{
    margin: 5rem 0 0 0;
}

.info .info-img.ed-fisica{
    text-align: center;
}

.info .info-text.ed-fisica {
    display: block;
}

.info .info-text.ed-fisica p {
    font-family: "Roboto Regular";
    font-size: 20px;
    color: var(--color_blue);
    max-width: 39.3rem;
    width: 100%;
    text-align: justify;
}

.nivel-article .ed-fisica{
    display: block;
    margin: 3rem 0 0 auto;
}

.header.tic {
    background: url(../img/pilares/bg-header-tic.jpg) no-repeat top/cover;
}

.header.nue-col.acomp.med{
    background: url(../img/proyecto-educativo/bg-header-medio.jpg) no-repeat center top/cover;
}

.header.pri{
    background: url(../img/proyecto-educativo/bg-header-primario.jpg) no-repeat center center/cover;
}

.header.ini{
    background: url(../img/proyecto-educativo/bg-header-inicial.jpg) no-repeat center center/cover;
}

.exalumnos_text--top.ingles.med p{
    max-width: 55rem;
}

.exalumnos_text--top.ingles.med.pri p{
    max-width: 64rem;
}

.list.niv-med li{
    align-items: flex-start;
}

.list.niv-med li i{
    margin: .5rem 1rem 0 0;
}

.list.niv-med li p{
    font-family: "Roboto Bold";
}

.nivel-title.niv-mid {
    padding: 0 0 0 0rem;
}

.nivel-title.niv-mid h3{
    margin: 0 0 4rem 0;
}

.list.niv-med.datos li p {
    font-family: "Roboto Regular";
}

.list.niv-med.datos li{
    margin: 0 0 1.8rem 0;
}

.nivel.datos{
    padding: 7rem 0;
}

.nivel-article.niv-mid figure img{
    /*object-fit: contain;
    width: 100%;*/
}

.caracter-medio{
    background: var(--color_blue);
    padding: 5rem 0 0rem 0;
}

.caracter-medio--container{
    margin: 0 auto 3rem auto;
}

.caracter-medio--title{
    margin: 0 0 2.5rem 0;
}

.caracter-medio--title h3{
    font-family: "Roboto Bold";
    font-size: 34px;
    color: #fff;
    padding: 0;
}

.caracter-medio--item div img{
    margin: 0 0 0 -2.7rem;
}

.caracter-medio--item div{
    position: relative;
    margin: 0 0 4.5rem 0;
}

.caracter-medio--item div p{
    position: absolute;
    bottom: -1.5rem;
    height: 3rem;
    font-family: "Roboto Regular";
    font-size: 21px;
    color: #fff;
}

.nivel.plan {
    padding: 2rem 0 10rem 0;
}

.nivel-article.plan{
    margin: -1.1rem 0 0 0;
}

.nivel-article.plan .item{
    display: flex;
    border-bottom: 1px solid #dcddde;
    height: 5rem;
    align-items: center;
}

.nivel-article.plan .item:last-child{
    align-items: first baseline;
    border: none;
    padding: 1.5rem 0 0 0;
}

.nivel-article.plan .item div{
    max-width: 13rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.nivel-article.plan .item div a{
    font-family: "Roboto Bold";
    font-size: 18px;
    list-style: none;
    text-decoration: none;
    color: #b2a789;
}

.nivel-article.plan .item div p{
    font-family: "Roboto Bold";
    font-size: 21px;
    color: var(--color_blue);
}

.nivel-article.plan .item div img{
    width: 1rem;
    height: 1rem;
}

.nivel-article.plan p {
    font-family: "Roboto Bold";
    font-size: 21px;
    max-width: 41.4rem;
    width: 95%;
    margin: 0 0 0 0;
}


.nivel-article.plan p > span{
    font-family: "Roboto Regular";
}

.nivel-article.turnos .container-turnos span{
    display: block;
    margin: 0 0 3rem 0;
    color: rgba(178, 167, 136, 1);
}

.nivel-article.turnos .container-turnos .container-turnos-item p{
    font-family: "Roboto Bold";
    margin: 1rem 0 3.5rem 0;
    text-align: left;
}

.exalumnos_text--top.ingles.med.pri span {
    display: block;
    margin: 3rem auto 0 auto;
    max-width: 41rem;
    width: 95%;
}

.nivel-title.niv-mid.calendario{
    display: flex;
}

.nivel-title.niv-mid.calendario div{
    margin: 0 0 0 5.5rem;
}

.nivel-title.niv-mid.calendario div p{
    font-family: "Roboto Bold";
    font-size: 21px;
    color: var(--color_blue);
    text-transform: uppercase;
    margin: 0 0 2rem 0;
}

.header.familia {
    background: url(../img/asociacion/bg-header-familias.jpg) no-repeat top/cover !important;
}
.header.contacto {
    height: 23rem;
    background: url(../img/contacto/bg-header-contacto.jpg) no-repeat bottom/cover !important;
}
.espiritual-title .title {
    font-family: "Roboto Bold";
    font-size: 24px;
    color: var(--color_blue);
}
.contactoInfo {
    padding: 5rem 0;
    background: #ffffff;
}
.contactoInfo--title h2 {
    font-family: "Roboto Bold";
    font-size: 30px;
    color: #0f4c8f;
    margin: 0;
    padding: 0;
    margin-bottom: 2rem;
}
.contactoInfo--text span {
    font-family: "Roboto Bold";
    font-size: 15px;
    text-transform: uppercase;
    color: #b2a789;
    margin: 0;
    display: block;
    letter-spacing: 1px;
}
.contactoInfo--text p {
    font-family: "Roboto Regular";
    font-size: 18px;
    color: #5b5b5f;
}
.contactoInfo--text p > a {
    font-family: "Roboto Regular";
    font-size: 18px;
    color: #5b5b5f;
}
.header.info {
    background: url(../img/contacto/bg-header-contacto.jpg) no-repeat bottom/cover !important;
}
.header.med {
    background: url(../img/proyecto-educativo/bg-header-medio.jpg) no-repeat top/cover !important;
}

.header.hero-custom.home {
    height: 50rem;
}

.header.home span {
    width: 100%;
    background-color: rgba(0,0,0,0.2);
}