/****************************************
                 HEADER
*****************************************/
#header{background: #13172E !important;}
#header .logo-pucv {max-width: 200px !important; margin: 0 !important;}
#header, #header .navbar, #header .container-fluid {background-color: #13172E !important; color: white}
.navbar-toggler{background-color: #ED9E39}

.active a {font-weight: 800 !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #ED9E39 !important;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #ED9E39; background-color: transparent;}
.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:hover, .navbar-default .navbar-nav>.show>a:focus {color: #ED9E39; background-color: transparent;}

.navbar-default .navbar-nav>li>a{color:#FFFFFF; font-weight: 700 !important; font-size: 16px }
.navbar-default .navbar-nav>li>a:hover{color: rgba(237, 158, 57, 0.6); font-weight: 700 !important; }

.navbar-default .navbar-nav>li>a.login{ color: #FFFFFF; background-color: #13172E !important; border: 2px solid #FFFFFF; font-weight: 500!important; padding: 10px 15px !important}
.navbar-default .navbar-nav>li>a.portalCompany { color: #FFFFFF; background-color: #13172E !important; border: 2px solid #FFFFFF; font-weight: 500!important; padding: 10px 15px !important}
.navbar-default .navbar-nav>li>a.login:hover{ color: rgba(237, 158, 57, 0.6)!important; background-color: #13172E !important; border: 2px solid rgba(237, 158, 57, 0.6)!important;}
.navbar-default .navbar-nav>li>a.portalCompany:hover { color: rgba(237, 158, 57, 0.6)!important; background-color: #13172E !important; border: 2px solid rgba(237, 158, 57, 0.6)!important; }

#header a.link, #header a.link:active, #header a.link:visited, #header a .fas, #header a:active .fas, #header a:visited .fas, #header a .fab, #header a:active .fab, #header a:visited .fab {font-size:17px !important;}
.navbar.navbar-default.navbar-static-top.header-transparent, #header .header-top, #header .header-middle, #header .header-bottom{}

@media (max-width: 770px) {
    .logo-secondary{
        display: none !important;
    }
}

/****************************************
                BODY
 ****************************************/

.slides .slides-title > h2{color:#13172E !important; }
.slides .slides-title h2 > i{color:#E87E33; }
.slides .slides-title a {color:#E87E33 !important; }


/******************************************
             Carousel
*******************************************/
/*#featuredNewsCarousel .carousel-inner .carousel-item .item-image {
    !* Fluye según el ancho: 30vw es un buen punto medio *!
    height: clamp(
            190px,    !* mínimo (ancho < ~633px) *!
            27vw,     !* altura ideal que escala con el viewport *!
            700px     !* máximo (ancho > ~2000px) *!
    ) !important;
    width: 100% !important;
    background-position: center !important;
    background-size: cover !important;
}*/
.carousel-control{width: 5%;}
#featuredNewsCarousel .carousel-inner .carousel-item .item-image{width: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#featuredNewsCarousel .carousel-inner .carousel-item .item-content{background-color: #f0f0f0;}
#featuredNewsCarousel .carousel-inner .carousel-item .item-image{display: flex;}

@media(max-width: 991px){
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{width: 100%;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-content{width: 100%;}
    #featuredNewsCarousel .carousel-inner .carousel-item h2{font-size: 60px; text-align: start;}
    #featuredNewsCarousel .carousel-inner .carousel-item h2 a{color: #FFFFFF !important;}
    #featuredNewsCarousel .carousel-inner .carousel-item h3{font-size: 40px; text-align: start;}
    #featuredNewsCarousel .carousel-inner .carousel-item h3 a{color: #FFFFFF !important;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-content p{font-size: 20px; color: #FFFFFF !important;}
}

@media(min-width: 992px){
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{width: 50%;}
    #featuredNewsCarousel .carousel-inner .carousel-item h2{font-size: 60px; text-align: start;}
    #featuredNewsCarousel .carousel-inner .carousel-item h2 a{color: #FFFFFF !important;}
    #featuredNewsCarousel .carousel-inner .carousel-item h3{font-size: 40px; text-align: start;}
    #featuredNewsCarousel .carousel-inner .carousel-item h3 a{color: #FFFFFF !important;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-content p{font-size: 20px; color: #FFFFFF !important;}
}

@media(max-width: 767px){
    #featuredNewsCarousel .carousel-inner .carousel-item .item-content{height: 500px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{height: 500px;}
}

@media(min-width: 768px) and (max-width: 991px){
    #featuredNewsCarousel .carousel-inner .carousel-item .item-content{height: 500px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{height: 500px;}
}

@media(min-width: 992px){
    #featuredNewsCarousel .carousel-inner .carousel-item .item-content{height: 600px;}
    #featuredNewsCarousel .carousel-inner .carousel-item .item-image{height: 600px;}
}




/****************************************
                 FOOTER
*****************************************/

#footer{background: #f4f4f4;}
a.footer_link{font-size: 13px; color: white;}
a.footer_link_2{font-size: 14px; color: #3F3E3F;}
.footer_link_2 > i {font-size: 32px; color: #FFFFFF !important; background-color: #13172E; width: 50px; height: 50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center}
.footer_link_2 > i:hover{ background-color: #1f234d
}
/*.copyright{background: #f4f4f4; filter: brightness(80%);}*/

/*.footer_column a.footer_link:hover, .footer_column a.footer_link:active{color: #fff; opacity: 0.5;}*/

/*.logo-footer{max-width: 150px;}*/



@media (max-width:767px) {
    #header.navbar-default .navbar-nav .show.dropdown-menu > li > a{color: #ab5152;}
}
@media(max-width: 1199px) {
    .dropdown-menu.show {border: none;}
    #header .dropdown-menu>li>a:hover, #header .dropdown-menu>li>a:focus{color: #fff !important;}
}