/*
    #EDA41B - Amarillo UNAM
    #6BBBCC - Azul claro UNAM
    #245697 - Azul oscuro UNAM
    #004179 - Azul más oscuro UNAM
    #AF8700 - Dorado UNAM
    #00589C - Azul institucional UNAM
*/
:root{
    --color-amarillo-UNAM: #EDA41B;
    /* --color-azul-claro-UNAM:#6BBBCC; */
     --color-azul-claro-UNAM: #68a4b5;
    --color-azul-oscuro-UNAM:#245697;
    --color-azul-mas-oscuro-UNAM:#004179;
    --color-dorado-UNAM:#AF8700;
    --color-azul-institucional-UNAM:#00589C;
    --color-blanco:#FFFFFF;
}
body {
	font-family: "Roboto", Arial, sans-serif;
}

/* Estilos menu header */
#menu-secundario-container, #menu-secundario-container #menu-menu-principal .dropdown-menu {
	background-color: var(--color-blanco);
}

#menu-secundario-container {
	position: relative;
	z-index: 9;
}

#menu-secundario-container #menu-menu-principal {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#menu-secundario-container #menu-menu-principal .menu-item > .dropdown-menu {
    padding: 5px 10px;
}

#menu-secundario-container #menu-menu-principal .menu-item {
    position: static;
}

#menu-secundario-container #menu-menu-principal .dropdown-item {
    font-size: 14px;
    padding: 3px !important;
}

#menu-secundario-container #menu-menu-principal .dropdown-item.active {
    background-color: #004179;
    background-image: none;
}

#menu-secundario-container #menu-menu-principal .nav-link, #menu-secundario-container #menu-menu-principal .dropdown-item {
	color: var(--color-blanco);
}

#menu-secundario-container #menu-menu-principal .dropdown-submenu {
	background-color: transparent;
}

#menu-secundario-container #menu-menu-principal .menu-item > .dropdown-menu.show {
    display: flex;
    position: absolute;
}

#menu-secundario-container #menu-menu-principal .menu-item > .dropdown-menu .dropdown-menu {
    display: block;
    box-shadow: none;
    border: none;
}

.vis-hidden {
    visibility: hidden;
}

@media(max-width: 767px) {
    #menu-secundario-container #menu-menu-principal {
        display: none;
        flex-direction: column;
        max-height: 65vh;
        overflow-y: scroll;
    }

    #menu-secundario-container #menu-menu-principal .menu-item {
        width: 100%;
    }

    #menu-secundario-container #menu-menu-principal .menu-item > .dropdown-menu {
	    flex-direction: column;
        position: relative;
    }
}

/* Estilos footer */
#site-footer #menu-menu-footer {
	display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 50px;
    list-style: none;
    padding-left: 0;
    text-align: left;
}

#site-footer #menu-menu-footer a {
	color: white;
    font-size: 14px;
    font-weight: bold;
}

#pie-footer-container {
	background-color: var(--color-azul-mas-oscuro-UNAM);
}

@media (min-width: 320px) {
    /* #menu-menu-principal > li > ul{
        max-width: 100vw;
        width: 100vw !important;
        left: 0;
        justify-content: center;
    } */
    #wrapper > main {
        overflow-x: inherit !important;
        min-height: inherit !important;
    }
    .navbar-nav .nav-link, .navbar-nav .dropdown-item {
        padding: .5rem 1.5rem !important;
    }
    
    header {
        background: #fff;
    }   
     #menu-menu-principal li.expanmenu.show .unam-long-horizontal.show{
        max-width: 100vw;
        width: 100vw !important;
        left: 0;
        justify-content: center;
        display: flex;
        position: fixed;
        top: 17%;
    }
    header {
        border: 1px solid #24569711;
    }
    #menu-redessociales{
        display: flex;
        flex-direction: row;
        justify-content: end;
        padding: 0;
        margin: 0;
    }

    #menu-menu-principal li.expanmenu.show .unam-long-horizontal.show li {
        padding: 0;
        margin: 0 10px;
        list-style: none;
        width: 245px;
    }

    #menu-menu-principal li.expanmenu.show .unam-long-horizontal.show li a {
        padding: 0 !important;
        margin: 0;
    }

    #menu-menu-principal li.expanmenu.show .unam-long-horizontal.show li > a {
        font-size: 16px;
        font-weight: 500;
        white-space: normal !important;
        width: 100%;
    }
    #menu-redessociales li, #menu-redessociales li a {
        padding: 0 7px !important;
        margin: 0;
    }
    #menu-menu-principal li.expanmenu.show .unam-long-horizontal.show li ul li a {
        font-size: 14px;
        /* font-weight: 500; */
        font-weight: normal;
        list-style: none;
        padding: 4px 0px !important;
    }
    #menu-item-27148 > a{
        color:var(--color-amarillo-UNAM);
        cursor: default;
    }
    #menu-item-27149 > a{
        color:var(--color-azul-claro-UNAM);
        cursor: default;
    }
    #menu-item-27150 > a{
        color:var(--color-azul-oscuro-UNAM);
        cursor: default;
    }
    #menu-item-27151 > a{
        color:var(--color-dorado-UNAM);
        cursor: default;
    }
    /*Hover*/
    #menu-item-27148 a:hover{
        color:var(--color-amarillo-UNAM);
        /*opacity: 0.8;*/
    }
    #menu-item-27149 a:hover{
        color:var(--color-azul-claro-UNAM);
       /* opacity: 0.8;*/
    }
    #menu-item-27150 a:hover{
        color:var(--color-azul-oscuro-UNAM);
        /*opacity: 0.8;*/
    }
    #menu-item-27151 a:hover{
        color:var(--color-dorado-UNAM);
       /* opacity: 0.8;*/
    }

    /*Menu movil*/
    button.navbar-toggler {
        border: none !important;
        font-size: 30px;
        color: var(--color-azul-oscuro-UNAM);
        background-color: #24569700 !important;
    }
    ul#menu-menu-principal-1 {
        overflow: auto;
        max-height: 89vh;
    }

    ul#menu-menu-principal-1 ul li ul {
        border: none;
    }
    /*Effect Menu*/
    .unam-long-horizontal {
        max-height: 0;
        overflow: hidden;
        animation: entertop-up 2s;
    }
    .unam-long-horizontal.show{
        animation: entertop 2s;
        max-height: 100%;
    }

    @keyframes entertop {
        0% { max-height: 0; }
        100% { max-height: 100%; }
    }

    @keyframes entertop-up {
        100% { max-height: 100%; }
        0% { max-height: 0; }
    }


    #menu-menu-principal li.expanmenu.show .unam-long-horizontal.show ul{
        width:300px;
        padding: 0 10px 0 0;
        margin: 0 !important;
        box-sizing:border-box;
    }
    #menu-menu-principal li.expanmenu.show .unam-long-horizontal.show ul li{
        padding: 0 !important;
        margin: 0 !important;
    }
    #menu-item-27148 ul.unam-expan-submenu.show, #menu-item-27150 ul.unam-expan-submenu.show ,#menu-item-27151 ul.unam-expan-submenu.show{
        padding-top:24px !important;
    }
    .table-direct .e-con-inner > div{
        overflow:auto;
    }
    .table-direct .e-con-inner > div table{
        background: #fff;
    }
    footer#site-footer nav.menu-redessociales-container,
    footer#site-footer nav.menu-redessociales-container ul{
        display: flex;
        justify-content:flex-end;
    }
    footer#site-footer nav.menu-redessociales-container ul li{
        color:#fff;
        margin: 10px;	
        list-style:none;
    }
    footer#site-footer nav.menu-redessociales-container ul li a{
        color:#fff;
        font-size:25px;
    }
    footer, footer#site-footer{
        position:relative;
        padding-top:0 !important;
        margin: 100px 0 0;
    }
    .home footer, .home footer#site-footer{
        margin: 0 0 0;
    } 
    footer::before {
        content: "";
        width: 100%;
        height: 76px;
        top: -75px; /*Debe ser 1px menos que height */
        position: absolute;
        z-index: 10;
        background-color: #00589C !important;
        border-top: 1px solid #e5e7eb;
        color: #4b5563 !important;
        clip-path: polygon(92% 0, 92% 0, 100% 100%, 0% 100%);
    } 
    .triabottom::after {
        content: "";
        width: 100%;
        height: 76px;
        top: 0px; 
        position: absolute;
        z-index: 10;
        background-color: #fff !important;
        border-top: 1px solid #fff;
        color: #fff !important;
        clip-path: polygon(0% 0, 100% 0%, 50% 100%, 0 0%);
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: #00000000 !important;
    }
    .CL-ServiciosTIC {
        overflow: hidden !important;
    }
}

@media (min-width: 576px){
}
@media (min-width: 767px){
}
@media (min-width: 768px){   
}
@media (max-width: 991.98px) {
    #navbar.show #menu-menu-principal-1 .dropdown-menu,
    #navbar.collapsing #menu-menu-principal-1 .dropdown-menu {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        float: none !important;
        width: 100%;
        box-shadow: none;
    }
    #navbar.show #menu-menu-principal-1 .dropdown-menu .dropdown-menu,
    #navbar.collapsing #menu-menu-principal-1 .dropdown-menu .dropdown-menu {
        margin-left: 1rem;
        padding-left: .5rem;
        border-left: 1px solid rgba(0,0,0,.1);
    }
}
@media (min-width: 992px){
    .navbar-nav .nav-link, .navbar-nav .dropdown-item {
        padding: 1rem 1.5rem !important;
    }
    #menu-secundario-container #menu-menu-principal .menu-item > .dropdown-menu.unam-vertical-expand.show {
        display: flex;              /* antes era flex horizontal */
        flex-direction: column;     /* vertical */
        align-items: flex-start;
        gap: 6px;
    }
    .unam-vertical-expand > li > a{
        color: #245697 !important;
        font-weight:600 !important;
    }

    .unam-vertical-expand ul.dropdown-menu.show{
        display: block;
        position:relative;
        border: none;
        box-shadow: none;
        padding: 0 0 0 15px;
        margin:0;
    }

    .unam-vertical-expand ul.dropdown-menu.show li,
    .unam-vertical-expand ul.dropdown-menu.show li a{
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        margin: 0 0 0 0 !important;
    }
 #menu-menu-principal li.expanmenu.show .unam-long-horizontal.show{
        top: 17%;
    }

}
@media (min-width: 1025px){
}
@media (min-width: 1400px){

    #menu-menu-principal li.expanmenu.show .unam-long-horizontal.show{
        /*top: 12%;*/
	top: 113px;
    }

}


/*Para alinear a la derecha la imagen del segundo aside en noticias-dgtic-template.php*/
.col-12.col-md-4 aside:nth-of-type(2) img {
    float: right;
}

.rrss-logos{
    padding-right: 20px;
}