.navbar .menu {
        position: fixed;
        z-index: 999;
        top: 57px;
        margin-top: 70px;
        height: auto;
        width: 100%;
        box-sizing: border-box;
        background-color: #fff;
        box-shadow: 0px 3px 6px #00000029;
        left: -120%;
        transition: 0.3s;
    }
    .submenu {
        background-color: #90214a;
        color: #fff;
        position: relative;
    }
    .navbar .menu ul li a {
        display: block;
        letter-spacing: 2.2px;
        color: white !important;
        font-size: 22px;
        font-weight: bold;
        line-height: 50px;
        font-family: "Titillium Bold", Arial;
        background-color: transparent !important;
        transition: 0.3s;
    }
    form.buscador_cab.active {
        margin-top: 45px !important;
        padding: 24px !important;
    }
    .header-wrapper .navbar-toggler:hover {
        color: #90214a;
        text-decoration: underline;
        text-underline-offset: 8px;
    }
    .header-wrapper .navbar-toggler:focus {
        outline: none;
    }
    .header-wrapper .logo-img.col-1.d-flex.justify-content-center {
        margin-top: 8px;
    }
    .subheader-wrapper a#campusLink p{
        margin-bottom: 5px!important;
    }
    @media(max-width: 420px) {
    	.header-wrapper .logo-img.col-1.d-flex.justify-content-center {
    		margin-right: 80px;
    	}
    }
    .subheader-wrapper a.btn:hover,
    .header-wrapper a.btn:hover {
        background-color: #90214a !important;
        color: #fff !important;
        border-color: #90214a !important;
        transition: 0.3s !important;
    }
    .navbar .menu ul {        
        width: 80%;
        margin-top: 5px;
    }
    .navbar .menu ul li a:hover {
        text-decoration: none !important;
    }
    .header-wrapper .navbar .background-layer {
        top: 155px !important;
        background-color: black;
    }
    .navbar .menu ul li:before {
        position: absolute;
        top: 25px;
        content: "";
        border-bottom: 2px solid white !important;
        width: 0;
        transition: 0.3s;
    }
    .subheader-wrapper .lang.dropdown button.dropdown__button span.language-icon {
        content: "";
        background: url(../img/icons/idioma.svg) right no-repeat;
        background-size: 20px 20px !important;
        width: 20px;
        height: 20px;
        position: absolute;
  
    }
    .subheader-wrapper .rtveBtn {
        margin-right: 1.5rem;
        margin-left: 0.8rem;
  
    }
    .subheader-wrapper .rtveBtn img{
        transition: transform .2s;
    }
    .subheader-wrapper .rtveBtn img:hover{
        transform: scale(1.3);
    }
    .subheader-wrapper .lang.dropdown button.dropdown__button.active span.language-icon,
    .lang.dropdown button.dropdown__button:focus span.language-icon {
        right: 10px !important;
        top: 10px !important;
    }
    .subheader-wrapper .lang.dropdown button.dropdown__button {
        border: 0px solid transparent;
    }
    .subheader-wrapper .lang.dropdown button.dropdown__button:focus {
        border: 0px solid #2a2a2a;
    }
    .subheader-wrapper .lang.dropdown button.dropdown__button.active span.text,
    .subheader-wrapper .lang.dropdown button.dropdown__button:focus span.text {
        left: 10px;
        top: 8px;
    }
    .subheader-wrapper ul.lang__list.dropdown__item span {
        display: block;
        background: #90214a;
        color: #fff;
        font-weight: 700;
    }
    .subheader-wrapper ul.lang__list.dropdown__item a:hover {
        background-color: #fff;
        color: #90214a;
        text-decoration: none;
    }
    .subheader-wrapper .link-icon-down {
        content: "";
        background: url(../img/icons/arrow-down-angle.svg) right no-repeat;
        background-size: 10px 10px !important;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 20px !important;
        top: 15px !important;
    }
    .subheader-wrapper .submenu-nivel2 {
        border-right: 0px solid transparent !important;
    }
    .subheader-wrapper .submenu-nivel2 ul {
        visibility: hidden;
    }
    .header-wrapper .navbar .navbar-toggler:hover .link-arrow-down {
        filter: invert(16%) sepia(31%) saturate(5707%) hue-rotate(318deg) brightness(92%) contrast(89%);
    }
    @media (max-width: 767px) {
    	img.link-arrow-down {
    	  margin-left: 8px;
    	}
    	#readspeaker_button12 {
    	  margin-top: 10px;
    	}
    	.menu .row.h-100 {
    	  width: 105%;
    	}
    }
    @media (min-width: 767px) {
    	.logo-img.col-1 {
    	  max-width: 100%;
    	}
    }
    .header-wrapper {
        top: 48px !important;
        min-height: 86px!important;
    }
    .subheader-wrapper {
        background-color: white !important;
    }
    .no-scroll {
        overflow: hidden;
    }
    .close-submenu {
        position: absolute;
        right: 25px;
        top: 10px;
        z-index: 9999;
        cursor: pointer;
    }
    .button-red{
        background-color: #90214a!important;
        border-color: #90214a!important;
        color: #fff!important;
        
    }
    .header-wrapper a.btn.button-red:hover{
        background-color: #fff!important;        
        color:#000!important;       
    } 
    .button-red:hover{ 
        background-color: #fff!important; color:#000!important; 
    }
    .menu-separator {         
        border-right: 2px solid rgba(255, 255, 255, 0.5); 
    }
    .subheader-wrapper form.buscador_cab.active{ 
        position: fixed; 
    }
    
    .container-fluid.mt-8{
        margin-top: 135px;
    }

    @media (min-width: 580px) { 
        .subheader-wrapper .search { 
            margin-right: -2.5rem;
        }  
    }
    @media (max-width: 768px) { 
        .header-wrapper .menu ul { 
            margin-left: 20px; 
        } 
        .header-wrapper .menu ul a { 
            font-size: 16px!important; 
        } 
    }
    .subheader-wrapper button.dropdown__button.active~ul.lang__list.dropdown__item { 
        opacity: 1; 
        transition: 0.3s; 
        display: block; 
    } 
    .subheader-wrapper button.dropdown__button~ul.lang__list.dropdown__item { 
        opacity: 0; 
        transition: 0.3s; 
        display: none; 
    }

    #menu-mobile { 
        display: none; 
    } 
    @media (max-width: 767px) { 
        #menu-mobile { 
            display: block; 
        } 
    } 
    .subheader-wrapper #menu-mobile.active .navbar-toggler-icon { 
        background-image: url("../img/icons/cerrar-menu.svg"); 
        transition: 0.3s; 
    }

    #menu-mobile, #menu-mobile:focus, #menu-mobile:active{ 
        border: none; background: transparent; 
    }
    @media (min-width: 768px) { 
        .mobile-navbar-toggler .navbar-toggler-text { 
            display: block !important; 
        } 
        .navbar-mobile { 
            display: flex!important; 
        } 
        .navbar-mobile-wrapper{ 
            margin-left: auto; 
        }
        .navbar-mobile-wrapper .menu p{
          margin-bottom: 0;          
         }
    } 
    #menu-mobile, #menu-mobile:focus, #menu-mobile:active { 
        border: none; 
        background: transparent; 
        outline: none; 
    } 
    @media (max-width: 767px) { 
        .navbar-mobile { 
            position: absolute; 
            z-index: 9999; 
            background: white; 
            display: none; 
            align-items: center; 
            justify-content: center; 
            top: 71px; 
            width: 100%; 
            left: 0; 
            -webkit-box-shadow: 0px 6px 5px -6px rgba(0, 0, 0, 0.75); 
            -moz-box-shadow: 0px 6px 5px -6px rgba(0, 0, 0, 0.75); 
            box-shadow: 0px 6px 5px -6px rgba(0, 0, 0, 0.75); 
        } 
        .navbar-mobile .navbar-toggler-text { 
            font-size: 14px; 
        } 
        .navbar-mobile .menu {
             display: flex; 
             overflow-y: scroll; 
             height: 90vh !important; 
             top: 44px;
        } 
        .header-wrapper .navbar .background-layer { 
            top: 170px !important; 
        } a#campusLink { 
            font-size: 14px; 
            padding: 6px 2px!important;
        } .logo-img img {
            /*width: 50px;*/
            margin-left: 60px;
        } 
    }
    @media (max-width: 768px) { 
        .hide-in-desktop { 
            display: block; 
        } 
        .hide-in-mobile { 
            display: none !important; 
        } 
    } 
    @media (min-width: 768px) { 
        .hide-in-mobile { 
            display: block; 
        } 
        .hide-in-desktop { 
            display: none !important; 
        } 
    }
    .menu .box-buttons .button.btn-info {
        display: block; 
        word-wrap: break-word;
      }


    @media screen and ( max-width: 767px) {
 
        .subheader-wrapper .rtveBtn {
          margin-right: 0.5rem;
        } 
    }
    /* @media screen and ( max-width: 357px) {
        .header-wrapper {
            top: 49px !important;
        }
    } */

    /* Estilos para hacer que los diferentes elementos del subheader se muestren en diferentes lineas */
    @media(max-width:1000px){
        .subheader{
            flex-direction: column;
            flex-wrap: wrap!important;
        }

        .row-1,.row-2{
            width:100%;
            justify-content: end;
        }
        .row-2{
            margin-bottom:0.5rem;
        }

    }