/*---------------------------------------------------------------------------------------------------------------
   AUTOR          : DIEGO BUSTOS PEÑA
   FECHA CREACIÓN : 09-06-2026
   DESCRIPCIÓN    : CSS DEL TOPBAR DE LA WEB
----------------------------------------------------------------------------------------------------------------*/

/* TOPBAR */
#topbar {
    background-color : #0b8acb;
    color            : #ffffff;
    min-height       : 35px;
    display          : flex;
    align-items      : center;
    font-size        : .72rem;
    font-weight      : 500;
    box-shadow       : inset 0 -1px 0 rgba(255,255,255,.08);
}

/* LINKS */
#topbar a {
    color           : #ffffff;
    text-decoration : none !important;
    font-weight     : 700;
    text-transform  : uppercase;
    letter-spacing  : .02em;
    transition      : all .2s ease;
}

#topbar a:hover {
    color           : rgba(255,255,255,.82);
    text-decoration : none !important;
}

/* SEPARADORES */
#topbar .separator {
    color       : rgba(255,255,255,.85);
    font-weight : 300;
    margin      : 0 .15rem;
}

/* NAV LINKS */
#topbar .nav-links {
    display     : flex;
    align-items : center;
    gap         : .4rem;
    flex-wrap   : nowrap;
}

/* RRSS */
#topbar .rrss-group {
    display     : flex;
    align-items : center;
    gap         : .5rem;
}

#topbar .rrss-icon {
    font-size : 1.05rem;
}

/* RESPONSIVE */

/* MOBILE */
@media (max-width: 575px) {
    #topbar .nav-links {
        display : none !important;
    }
}

/* TABLET */
@media (min-width: 576px) and (max-width: 991px) {
    #topbar .nav-links a:nth-child(n+7) {
        display : none;
    }
}