navbar.html

<nav id="navbar" class="navbar navbar-expand-lg fixed-top navbar-dark">
    <script src="./js/script.js" defer="defer"></script>
    <div class="container">
        <a class="navbar-brand logo-text text-uppercase" href="/#" style="max-width: 35vw;">
            <img src="./assets/img/brand.png" style="max-height: 55px; padding: .5rem;" />
        </a>
        <button class="navbar-toggler p-0 border-0" type="button" data-bs-toggle="collapse" data-bs-target="#site-navbar" aria-controls="navbarToggleExternalContent" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="navbar-collapse offcanvas-collapse px-3" id="site-navbar" style="background-color: var(--title-bg-color);
    ">
        </div>
        <div class="bandcontact px-3" style="background-color: var(--contactband-bg-color); max-width: 35vw;">
            <div class="bandcontactbox" style="justify-content: center; display: flex; align-items: center; flex-direction: column; height: 60px;">
                <a title="Contacto" class="bandcontactinfo" style="line-height: 1.5rem;" xo-source="Phone" xo-stylesheet="phone.xslt"></a>
                <p class="bandcontactlabel mt-1 d-none d-sm-flex">
                    Contáctanos
                </p>
            </div>
        </div>
    </div>
</nav>