/* ====== Navbar ========================================================== */
.nav_container {
    width: 100%;
    background-color: #ececec;
}

.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 3rem;
    margin: 0 auto;
    gap: 50px;
    max-width: 1200px;
    position: relative;
    /* border-radius: 0 0 10px 10px; */
    /* box-shadow: 0 2px 8px rgb(0 0 0 / .25); */
}

/* Logo */
.nav__logo img {
    width: 100%;
    height: auto;
}

/* Link lateral */
.nav__link {
    font-size: clamp(.8rem, 1.1vw, 1rem);
    color: #005aa8;
    text-decoration: none;
    padding: .35rem .4rem;
    border-radius: 6px;
    font-weight: bold;
    letter-spacing: .05em;
    text-transform: uppercase;
    transition: background-color 150ms ease, color 150ms ease;
}

.nav__link:hover,
.nav__link:focus-visible {
    background-color: rgba(0, 114, 206, 0.12);
    color: #004d8c;
}