/* ============================================================
   MENÚ SUPERIOR GLOBAL COPROBI
   ============================================================ */

.coprobi-global-nav {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 28px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.coprobi-global-nav > a,
.coprobi-global-nav > li > a {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 70px;

    padding: 0;

    color: #162D55 !important;

    font-family: inherit;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    white-space: nowrap;

    text-decoration: none !important;

    background: transparent !important;
    border: 0 !important;

    transition: color 0.2s ease;
}

.coprobi-global-nav > a:hover,
.coprobi-global-nav > a:focus,
.coprobi-global-nav > li > a:hover,
.coprobi-global-nav > li > a:focus {
    color: #047379 !important;
    background: transparent !important;
}

.coprobi-global-nav > a.active,
.coprobi-global-nav > li.active > a {
    color: #047379 !important;
}


/* ============================================================
   MÓVIL
   ============================================================ */

@media (max-width: 1200px) {

    .coprobi-global-nav {
        gap: 20px;
    }

    .coprobi-global-nav > a,
    .coprobi-global-nav > li > a {
        font-size: 12px !important;
    }
}

@media (max-width: 991px) {

    .coprobi-global-nav {
        display: block;
    }

    .coprobi-global-nav > li > a {
        min-height: 48px;
        justify-content: flex-start;

        padding: 0 10px !important;

        font-size: 12px !important;
    }
}
/* ============================================================
   HEADER PÚBLICO / INCORPORACIÓN
   IGUALAR AL RESTO DEL SISTEMA
   ============================================================ */

.coprobi-public-body .coprobi-public-header {
    height: 92px !important;
    min-height: 92px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #FFFFFF !important;

    border: 0 !important;
    border-bottom: 1px solid #E0E6ED !important;

    box-shadow: 0 2px 12px rgba(22, 45, 85, 0.04) !important;
}

.coprobi-public-body .coprobi-public-header-container {
    width: 100% !important;
    max-width: none !important;

    height: 92px !important;
    min-height: 92px !important;

    margin: 0 auto !important;
    padding: 0 28px !important;

    display: flex !important;
    align-items: center !important;

    position: relative !important;
}


/* ============================================================
   LOGO
   ============================================================ */

.coprobi-public-body .coprobi-public-logo {
    position: relative !important;
    z-index: 2 !important;

    width: 200px !important;
    height: 92px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;
}

.coprobi-public-body .coprobi-public-logo img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 135px !important;
    max-height: 72px !important;
}


/* ============================================================
   MENÚ CENTRAL
   ============================================================ */

.coprobi-public-body .coprobi-public-nav {
    position: absolute !important;

    top: 0 !important;
    left: 50% !important;

    height: 92px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateX(-50%) !important;

    white-space: nowrap !important;
}


/* ============================================================
   LINKS
   ============================================================ */

.coprobi-public-body .coprobi-public-nav > a {
    position: relative !important;

    height: 92px !important;
    min-height: 92px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #162D55 !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    background: transparent !important;
    border: 0 !important;
}


/* HOVER */

.coprobi-public-body .coprobi-public-nav > a:hover,
.coprobi-public-body .coprobi-public-nav > a:focus {
    color: #047379 !important;

    background: transparent !important;

    text-decoration: none !important;
}


/* ============================================================
   ACTIVO
   ============================================================ */

.coprobi-public-body .coprobi-public-nav > a.active {
    color: #047379 !important;
}


/* Línea amarilla */

.coprobi-public-body .coprobi-public-nav > a:after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 19px;

    width: 0;
    height: 3px;

    background: #DDA627;

    border-radius: 10px;

    transform: translateX(-50%);

    transition: width .2s ease;
}

.coprobi-public-body .coprobi-public-nav > a:hover:after,
.coprobi-public-body .coprobi-public-nav > a.active:after {
    width: 22px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1200px) {

    .coprobi-public-body .coprobi-public-nav {
        gap: 20px !important;
    }

    .coprobi-public-body .coprobi-public-nav > a {
        font-size: 12px !important;
    }
}


/* ============================================================
   MÓVIL
   ============================================================ */

@media (max-width: 991px) {

    .coprobi-public-body .coprobi-public-header,
    .coprobi-public-body .coprobi-public-header-container {
        height: 76px !important;
        min-height: 76px !important;
    }

    .coprobi-public-body .coprobi-public-header-container {
        padding: 0 18px !important;
    }

    .coprobi-public-body .coprobi-public-logo {
        width: auto !important;
        height: 76px !important;
    }

    .coprobi-public-body .coprobi-public-logo img {
        max-width: 115px !important;
        max-height: 60px !important;
    }

    .coprobi-public-body .coprobi-public-nav {
        position: absolute !important;

        top: 76px !important;
        left: 0 !important;

        width: 100% !important;
        height: auto !important;

        display: none !important;

        padding: 10px 18px 18px !important;

        background: #FFFFFF !important;

        border-bottom: 1px solid #E0E6ED !important;

        box-shadow: 0 8px 20px rgba(22, 45, 85, 0.08) !important;

        transform: none !important;
    }

    .coprobi-public-body .coprobi-public-nav.open {
        display: block !important;
    }

    .coprobi-public-body .coprobi-public-nav > a {
        width: 100% !important;
        height: auto !important;
        min-height: 46px !important;

        justify-content: flex-start !important;

        padding: 0 5px !important;

        font-size: 12px !important;
    }

    .coprobi-public-body .coprobi-public-nav > a:after {
        display: none !important;
    }

    .coprobi-public-body .coprobi-public-menu-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin-left: auto !important;
    }
}