/* ==========================================================
                        HEADER
========================================================== */

header{
    width:100%;
}


/* ==========================================================
                        TOP BAR
========================================================== */

.top-bar{

    background:#1E3A5F;
    color:#FFFFFF;

    font-size:0.85rem;

}

.top-bar .container{

    max-width:1200px;

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:8px 20px;

}

.top-bar-left{

    display:flex;

    align-items:center;

    gap:10px;

}

.top-bar-left img{

    width:25px;

    height:auto;

}

.top-bar-right{

    display:flex;

    align-items:center;

    gap:18px;

}

.top-bar-right a{

    color:#FFFFFF;

    text-decoration:none;

    transition:.3s;

}

.top-bar-right a:hover{

    opacity:.75;

}



/* ==========================================================
                        IDENTIDAD
========================================================== */

.identidad{

    background:#FFFFFF;

}

.identidad .container{

    max-width:1400px;

    margin:auto;

    padding:10px;

}

.identidad img{

    display:block;

    width:100%;

    height:auto;

}



/* ==========================================================
                        NAVIGATION
========================================================== */

.main-nav{

    background:#FFFFFF;

    border-bottom:1px solid #E5E5E5;

}

.main-nav .container{

    max-width:1200px;

    margin:auto;

}

.main-nav ul{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:40px;

    list-style:none;

    padding:18px 20px;

    margin:0;

}

.main-nav a{

    color:#1E3A5F;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.main-nav a:hover{

    color:#C62828;

}