/*
    Proyecto: Componentes Plan Estratégico
    Descripción: 
    - CSS de header, footer y cita de autoridad para sitios del Plan etratégico.
    - Basado en el Kit Digital https://kitdigital.uc.cl/. Se usa el Kit commo base y este CSS para complementar.
    - Autor: Dirección de Experiencia Digital de la UC
    - Versión: 1.0.5.
    - Última actualización: 11/06/26
    - Más información: https://www.uc.cl/uso-de-la-marca/plan-estrategico-aplicacion-en-sitios-web/
*/




/****** HEADERS PLAN ****/

@media (min-width: 1201px) { 
    .uc-navbar.navbar-plan{
        height: 200px;
    }
}


.uc-navbar.navbar-plan .uc-navbar_nav .nav-item,
.uc-navbar.navbar-plan-bg--img .uc-navbar_nav .nav-item {
  border-right: none;
}


.uc-navbar.navbar-plan .uc-navbar_nav .nav-item:first-child,
.uc-navbar.navbar-plan-bg--img .uc-navbar_nav .nav-item:first-child {
  border-left: none;
}

.uc-navbar.navbar-plan, 
.uc-navbar.navbar-plan .uc-navbar_nav .nav-item > .uc-btn,
.uc-navbar.navbar-plan .uc-navbar_mobile-bar .uc-navbar_mobile-logo, 
.uc-navbar.navbar-plan .uc-navbar_mobile-button,
.uc-navbar.navbar-plan-bg--img .uc-navbar_mobile-button {
    background-color: #1A1E2B;
    color: #fff;
}

.uc-navbar.navbar-plan-bg--img .uc-navbar_nav .nav-item > .uc-btn {
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(1.5px);
    color: #fff;
}

.uc-navbar.navbar-plan-bg--img,
.uc-navbar.navbar-plan-bg--img .uc-navbar_mobile-bar .uc-navbar_mobile-logo  {
    background-color: #1A1E2B;
    background-image: url('https://kit-digital-uc-prod.s3.amazonaws.com/assets/planestrategico/fondo-textura.jpg');
    background-size: cover;   
}


/**** HEADER LOGO DECO UC *****/

.navbar-plan_logo {
    position: relative;
    display: block;
    max-width: 300px;
    margin-left: 20%;
    height: 100%;
    display: flex;
    align-items: center;
}

@media (max-width: 1201px) {
    .navbar-plan_logo {
        margin-left: 12%;
        max-width: 280px;
    }
}

@media (max-width: 991px) {
    .navbar-plan_logo {
        position: relative;
        overflow: hidden;
        max-width: 100%;
        margin-left: 0;
    }
}

.navbar-plan_logo img {
    position: relative;
    z-index: 1;
}

.navbar-plan_logo::before {
    content: '';
    background-image: url('https://kit-digital-uc-prod.s3.amazonaws.com/assets/planestrategico/uc_bg_light.svg');
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 140%;   
    background-position: center center;
    top:    -25px;
    right:  -360px;
    width:  412px;
    height: 200px;
    opacity: 60%;
}

@media (max-width: 1200px) {
    .navbar-plan_logo::before {
        top:    -24px;
        right:  -380px;
        width:  446px;
        height: 218px;
    }
}

@media (max-width: 991px) {
    .navbar-plan_logo::before {
        left:       100px;
        top:        -10px;
        width:      200px;
        height:     120px;
        opacity:    80%;
    }
}

/******** FOOTER PLAN *********/ 

.uc-footer.footer-plan {
    background-color: #1A1E2B;;
}

.uc-footer.footer-plan  a.btn-ghost {
    text-decoration: none;
}

.uc-footer.footer-plan .footer-plan_logo {
    margin-top:24px;
    max-width: 200px;
}

.uc-footer.footer-plan .footer-plan hr {
    border-color: #A6A6A6;
}

.uc-footer.footer-plan .footer-plan_acreditacion {
    margin-top:32px;
    max-width: 140px;
    width: 100%;
}


/******* CARD CITAS O CUÑAS ********/

.uc-card.card-type--plan--light {
    box-shadow: none;
    background-color: #FFFAE8;
    border-bottom: 6px solid #1A1E2B;
}

.uc-card.card-type--plan--dark {
    box-shadow: none;
    background-color: #1A1E2B;
    background-image: url('https://kit-digital-uc-prod.s3.amazonaws.com/assets/planestrategico/plan_bg_1-100.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 6px solid #0176de;
    color: white;
}

.uc-card.card-type--plan--light .avatar,
.uc-card.card-type--plan--dark .avatar {
    width: 200px;
    height: 200px;
}