/* este es para aplicar solo en el frontend. */




/* header ***************************************************************************************************/
.header {
    /*background-color: #d3e4e7;*/
    background-color: var(--color-header-frontend);

    /*background-color: var(--color-main);*/
    border-bottom: 1px solid var(--color-main);
}


/* links menus */
    .header .navbar-nav > li > a {
        color: #518f9a;
        color: #82bcc6;
    }
    .header .navbar-nav > li:hover > a {
        color: var(--color-sec);
    }


/* links login */
    .header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover {
        color: #777;
        color: #eee;
    }

.header .logo img {
    /*margin: 20px 0;*/
    margin: 20px 0px 2px 0px;
}