/* Nav crítico — mobile-first, solo barra superior */

.site-nav {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1000;

    background: rgba(10, 14, 39, 0.92);

    padding: 0.75rem 0;

    padding-top: max(0.75rem, env(safe-area-inset-top, 0px));

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}



.nav-container {

    position: relative;

    max-width: 75rem;

    margin: 0 auto;

    padding: 0 1.25rem;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 0.75rem;

}



.nav-links {

    display: none;

    list-style: none;

    margin: 0;

    padding: 0;

}



.nav-links.is-open {

    display: flex;

    flex-direction: column;

    align-items: stretch;

    gap: 0.25rem;

    position: absolute;

    top: calc(100% + 0.5rem);

    left: 0;

    right: 0;

    padding: 0.75rem;

    background: rgba(10, 14, 39, 0.98);

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 14px;

    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);

}



.nav-links li {

    display: block;

    flex-shrink: 0;

}



.menu-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 2.75rem;

    min-height: 2.75rem;

    background: transparent;

    border: none;

    color: #f8fafc;

    cursor: pointer;

    padding: 0.35rem;

    flex-shrink: 0;

}



.nav-linkedin {

    display: none;

}



@media (min-width: 769px) {

    .site-nav {

        padding: 1rem 0;

    }



    .nav-container {

        padding: 0 clamp(1.5rem, 5vw, 2rem);

    }



    .nav-links,

    .nav-links.is-open {

        display: flex !important;

        flex-direction: row !important;

        flex: 1;

        justify-content: center;

        align-items: center;

        gap: 1.75rem;

        position: static !important;

        background: none !important;

        border: none !important;

        box-shadow: none !important;

        padding: 0 !important;

    }



    .menu-btn {

        display: none !important;

    }



    .nav-linkedin {

        display: flex !important;

    }

}