@media screen and (max-height: calc(44vw + 11rem)){
    
}

@media screen and (min-width: 1200px){
    .m_item:hover > *:first-child{
        color: #8a7c78;
        text-decoration: underline;
    }
    .m_item:hover .sub_m_item{
        display:flex;
    }
    .btn:hover{
        background-color: #90182E;
        border-color: #90182E;
        color: #eeebea;
    }
    .s_slider .lSSlideOuter .lSPager.lSpg > li:hover a{
        background-color: currentColor;
        color: #ab9b96;
        border-color: currentColor;
    }
    .slider_banner_ext .lSSlideOuter .lSPager.lSpg > li:hover a{
        background-color: currentColor;
    }
    .n_item:hover{
        color:#8a7c78;
    }
    .thumb:hover .thumb_int{
        filter: grayscale(1) brightness(1.5) contrast(1.3);
    }
    .thumb:hover::before,
    .thumb:hover::after{
        opacity: 1;
    }
    .content_over .lSSlideOuter .lSPager.lSpg > li:hover a{
        background-color: currentColor;
    }
}

@media screen and (max-width: 1200px){
    html, body{
        font-size: 14px;
    }
    .content{
        width: calc(100% - 2rem);
    }
    .c_photo{
        padding-right: 1rem;
    }
    .h_menu{
        display: none;
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        background-color: rgb(240 240 240 / 90%);
        margin: 0;
        grid-column: 1/13;
        width: 100%;
        border: none;
        height: calc(100vh - 8.6rem);

    }

    .m_item{
        height: auto;
        min-height: 3rem;
        justify-content: center;
        flex-direction: column;
        align-items: flex-end;
    }
    .btn_m_item::before{
        content: '+ ';
        cursor: pointer;
    }
    .active .btn_m_item::before{
        content: '- ';
    }
    .m_item > span:first-child{
        opacity: 0;
        transform: translateY(50%);
        line-height: 3rem;
    }
    body.header_activo{
        overflow: hidden;
    }
    .header_activo .h_menu{
        display: block;
    }
    .header_activo .m_item > span:first-child{
        
        animation-name: m_itemAnimation;
        animation-duration: 500ms;  
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        animation-delay: 400ms;
    }
    @keyframes m_itemAnimation {
        from {
            opacity: 0;
            transform: translateY(50%);
        }
        to {
            opacity: 1;
            transform: translateY(0%);
        }
    }
    .header_activo .btn_responsive span{
        background-color: transparent;
    }
    .header_activo .btn_responsive span::before{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }
    .header_activo .btn_responsive span::after{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    .btn_m_item{
        line-height: 3rem;
    }
    .header_activo header{
        top:0;
    }
    .header_activo .logo img {
        width: calc(100% - 4rem)!important;
        height: auto!important;
    }
    .sm_item{
        background-color: transparent;
        border: none;
        text-align: right;
        display: block;
        padding: 0;
        line-height: 3rem;
        font-weight: 400;
        letter-spacing: 0;
    }
    .sub_m_item{
        position: relative;
        top: initial;
        left: initial;
        transform: initial;
    }
    .c_responsive {
        flex-direction: row;
        grid-column: 3/13;
        margin-left: -1rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 2rem;
        position: relative;
        font-family: 'Space Mono', monospace;
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        border: none;
        border-radius: 0;
        clear: both;
        justify-content: flex-end;
    }
    .btn_responsive{
        border: none;
        border-radius: 0;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        cursor: pointer;
        padding: 0;
    }
    .btn_responsive span {
        position: relative;
        width: 1.8rem;
        height: 1px;
        background-color: currentColor;
        display: block;
    }
    .btn_responsive span::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: currentColor;
        top: -0.4rem;
        position: absolute;
        left: 0;
    }
    .btn_responsive span::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: currentColor;
        bottom: -0.4rem;
        position: absolute;
        left: 0;
    }
    
    
    .content_column{
        grid-template-columns: 1fr 1fr;
    }
    .page aside nav{
        padding: 4rem 1rem 2rem;
    }

}/* 1200px */



@media screen and (max-width: 890px){
    .slide_float{
        width: calc(50vw - 2rem);
        margin-right: 1rem;
    }
    .slide_phrase h3{
        font-size: 1.5rem;
    }
    .event_line .content{
        grid-template-columns: 3fr 7fr;
    }
    .event_info:nth-child(2){
        width: 100%;
        grid-row: 1/3;
        grid-column: 2;
    }
    .content_column .txt{
        width: 100%;
    }
    .page aside{
        grid-column: 1/4;
    }
    .page_content{
        grid-column: 4/13;
    }
    .article_content{
        grid-column: 2/10;
    }
    .logo{
        grid-column: 1/4;
    }
    .h_title,
    .c_responsive{
        grid-column: 4/13;
    }
    .h_title h1{
        font-size: 1rem;
    }
    .page_title{
        grid-column: 1/10;
    }
    .article_content {
        grid-column: 1/10;
    }
    /* font size */
    h1 , h2, .page_content h1{
        font-size: 1.7rem;
    }
    h3
    .banner_top-info h3,
    .page_content .txt h2,
    .banner_top-info-txt p{
        font-size: 1.5rem;
    }
    b, strong, .article_content .event_info{
        font-size: 1rem;
    }
    .content_column{
        grid-template-columns: 4fr 6fr;
    }
    .content_column .txt{
        width: 100%;
    }
    .footer_bar .content{
        justify-content: center;
        flex-direction: column;
    }

    .logo img{
        width: auto;
        height: calc(100% - 2rem);
    }
    .logo img.animation{
        width: auto;
        height: calc(50% - 2rem);
    }
    .header_activo .logo img{
        width: auto!important;
        height: calc(100% - 2rem)!important;
    }

    .posgrado_line .content{
        grid-template-columns: 4fr 6fr;
    }
    .os-caption{
        padding: 0 0.5rem;
    }

}/* 890px */

@media screen and (max-width: 740px){
    .info_contact {
        grid-column: 1/11;
    }
    .form_contact {
        grid-column: 1/11;
        margin-top: 2rem;
    }
    .slide_img{
        align-items: flex-end;
        max-height: initial;
        height: auto;
        flex-direction: column;
    }
    .slide_int img{
        max-height: calc(100vh - 11rem);
        height: 56vw;
        position: relative;
    }
    .s_slider .lSSlideOuter .lSPager.lSpg{
        max-height: calc(100vh - 11rem);
        height: 56vw;
    }
    .slide_float{
        width: 100%;
        margin: 0;
        padding: 1rem;
        border-radius: 0;
        border: none;
        border-top: 1px solid currentColor;
        border-bottom: 1px solid currentColor;
    }
    .s_slider .lSSlideOuter .lSPager.lSpg{
        /* top: calc(100% + 1rem);
        bottom: initial;
        height: auto; */
    }
    .s_slider{
        margin-bottom: 0rem;
    }
    .banner{
        grid-template-columns: 1fr;
    }
    .content_column{
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    .c_photo{
        padding-left: 1rem;
        margin-left: -1rem;
        height: 56.6vw;
    }
    .page aside nav{
        padding: 2rem 1rem 1rem;
    }
    .form_contact form{
        grid-gap: 1rem 1rem;
    }
    .revista_line{
        padding: 1rem 0;
    }
    /* 2rem */
    h1, h2, h3, h4, .txt hr, .error_404 article h1, .error_404 article p{
        margin: 1rem 0;
    }
    .btn{
        margin: 1rem auto;
    }
    footer .content{
        grid-template-columns: 6fr 4fr;
    }
    footer .content > div:nth-child(3){
        grid-column: 2;
        grid-row: 1;
    }
    footer .content > div:nth-child(1),
    footer .content > div:nth-child(2){
        grid-column: 1;
    }
    .footer_bar nav:nth-child(2) > *::before{
        display: none;
    }
    .footer_bar nav:nth-child(2) {
        flex-direction: column;
    }
    .footer_bar nav:nth-child(2) > *{
        margin: 0;
        padding: 0.3rem 0;
    }
    .revista_line .content{
        grid-template-columns: 8rem 1fr;
        grid-gap: 1rem;
    }
    .revista_info:nth-child(1){
        grid-column: 1;
        grid-row: 1/3;
    }
    .revista_info:nth-child(2){
        grid-column: 2;
        grid-row: 1;
    }
    .revista_info:nth-child(3){
        grid-column: 2;
        grid-row: 2;
    }

    /* font size */
    
    h1 , h2, .page_content h1{
        font-size: 1.4rem;
    }
    h3
    .banner_top-info h3,
    .page_content .txt h2,
    .banner_top-info-txt p{
        font-size: 1.2rem;
    }
    b, strong, .article_content .event_info{
        font-size: 1rem;
    }
    .h_menu{
        height: calc(100vh - 8.4rem);
    }
    .os_img img{
        max-width: calc(100% - 2rem);
    }
}/* 740px */

@media screen and (max-width: 720px){
    header{
        grid-template-rows: auto;
        top: calc(-3rem - 1px);
    }
    .h_title{
        grid-column: 1/13;
        grid-row: 1;
        padding: 1rem 0;
        margin: 0;
    }
    .logo{
        grid-row: 2;
        height: auto;
    }
    .logo a{
        position: relative;
    }
    .logo img{
        display: block;
        padding: 0.6rem 1rem;
        width: auto;
        height: 4rem;
    }
    .c_responsive{
        height: 3rem;
        padding: 0 1rem;
        min-height: 100%;
    }
    .logo img.animation{
        width: auto;
        height: 2rem;
    }
    .header_activo .logo img{
        width: auto!important;
        height: 4rem!important;
    }
    .m_item{
        padding: 0 1rem;
    }
    .h_menu{
        height: calc(100vh - 8.2rem);
    }
    .h_title{
        padding: 0;
        height: 3rem;
    }

    .posgrado_line .content{
        grid-template-columns: 5fr 5fr;
    }

}/* 720px */

@media screen and (max-width: 680px){
    .page{
        grid-gap: 0;
        grid-template-columns: 1fr;
    }
    body.subheader_activo{
        overflow: hidden;
    }
    .page aside nav{
        display: none;
        position: absolute;
        width: 100%;
        height: calc(100vh - 4rem);
        background-color: #eeebea;
        padding: 0;
        /* display: flex; */
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        overflow: auto;
        top: calc(100% + 1px);
    }
    .subheader_activo    .page aside nav{
        display: flex;
    }
    .n_item{
        height: 3rem;
        margin: 0;
        padding: 0 1rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .btn_submenu{
        margin-left: 1rem;
        height: 3rem;
        width: 3rem;
        border: none;
        border-radius: 0;
        position: relative;
        display: block;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0;
    }
    .btn_submenu span{
        width: 2rem;
        height: 1px;
        display: block;
        background-color: transparent;
        position: relative;
    }
    .btn_submenu span::after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: currentColor;
        top: -0.2rem;
        display: block;
    }
    .btn_submenu span::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: currentColor;
        bottom: -0.2rem;
        display: block;
    }
    .page aside{
        grid-column: initial;
        grid-row: 1;
        min-height: 3rem;
        z-index: 4;
        background-color: #eeebea;
        border-right: none;
        border-bottom: 1px solid currentColor;
        top: 3.2rem;
        border-top: 1px solid currentColor;
        margin-top: -1px;
    }

    .page_content{
        grid-column: initial;
        grid-template-columns: 1fr;
    }
    .page_title {
        grid-column: 1;
        padding: 0 1rem;
        box-sizing: border-box;
        width: 100%;
    }
    .page_content .txt{
        grid-column: initial;
        grid-template-columns: 1fr;
    }
    .article_content{
        grid-column: initial;
        padding: 0 1rem;
        width: 100%;
        box-sizing: border-box;
    }
    .banner_top{
        grid-gap: 0;
        grid-template-columns: 1fr;
    }
    .banner_top_img{
        min-height: initial;
        height: 44vw;
        max-height: calc(100vh - 8rem);
        grid-column: 1;
    }
    .banner_top-info-txt{
        grid-column: 1;
        padding: 1rem;
        display: block;
    }
    .page_title{
        flex-wrap: wrap;
    }

    .event_line .content {
        grid-template-columns: 1fr;
    }
    .event_info:nth-child(2){
        grid-row: initial;
    grid-column: initial;
    }
    .thumbs{
        grid-template-columns: repeat(3, 1fr);
    }
}/* 680px */

@media screen and (max-width: 610px){
    .h_title h1 {
        font-size: 2.5vw;
    }
    
}/* 680px */

@media screen and (max-width: 520px){
    footer .content > div:nth-child(3){
        grid-column: 1;
    }
    footer .content {
        grid-template-columns: 1fr;
    }
    footer .content > div:nth-child(3) > a{
        max-width: 8rem;
    }
    .posgrado_line .content{
        grid-template-columns: 1fr;
    }
}/* 520px */