<section class="section-search">
    <button class="btn btn-light" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">
        <i class="bi bi-search"></i>
    </button>

    <div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel" style="max-height: 18vh;">
        <div class="offcanvas-header">
            <p class="offcanvas-title fs-4" id="offcanvasTopLabel">Búsqueda</p>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form class="d-flex mt-3" role="search" method="get" action="/">
                <input class="form-control me-2" type="search" name="s" placeholder="Buscar..." aria-label="Search"/>
                <button class="btn btn-primary-cnt" type="submit">Buscar</button>
            </form>
        </div>
    </div>
</section>