<section class="cajabusqueda" aria-label="Descubridor bibliográfico">
  <div class="cajabusqueda__inner">
    <div class="cajabusqueda__panel">
      <p class="cajabusqueda__eyebrow">Sistema de Bibliotecas</p>
      <h1 class="cajabusqueda__title">Descubridor Bibliográfico</h1>
      <p class="cajabusqueda__text">
        Busca artículos, libros, publicaciones y más desde un único punto de acceso académico.
      </p>

      <div class="cajabusqueda__box">
        <form
          action="https://research.ebsco.com/c/7u2rju/results"
          method="GET"
          target="_blank"
        >
          <input type="hidden" name="autocorrect" value="y" />

          <div class="cajabusqueda__search">
            <input
              class="cajabusqueda__input"
              type="search"
              name="q"
              placeholder="Buscar artículos, libros, publicaciones y más"
              aria-label="Buscar artículos, libros, publicaciones y más"
            />
            <button
              class="cajabusqueda__button"
              type="submit"
              title="Buscar"
              aria-label="Buscar"
            >
              <svg viewBox="0 0 512 512" aria-hidden="true">
                <path
                  fill="currentColor"
                  d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"
                ></path>
              </svg>
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>