Archivo stubs para el tutorial de modals: https://www.youtube.com/watch?v=NRpqCmUEMqk

stubs.md

• Modal

  <div
      class="fixed inset-0 z-50 flex items-center justify-center overflow-y-auto overflow-x-hidden bg-neutral-800/70 outline-none focus:outline-none"
  >
      <div class="relative mx-auto my-6 h-full w-full md:h-auto md:w-4/6 lg:h-auto lg:w-3/6 xl:w-2/5">
          <div class="translate h-full duration-300">
              <!-- Modal wrapper -->
              <div
                  class="translate relative flex h-full w-full flex-col rounded-lg border-0 bg-white shadow-lg outline-none focus:outline-none md:h-auto lg:h-auto"
              >
                  <div class="relative flex items-center justify-center rounded-t border-b-[1px] p-6">
                      <button class="absolute left-9 border-0 p-1 transition hover:opacity-70">
                          <x-icon.close class="size-[18px]" />
                      </button>
                      Título
                  </div>
                  <div class="relative flex-auto p-6">Contenido</div>
                  <div class="flex flex-col gap-2 p-6">Footer</div>
              </div>
          </div>
      </div>
  </div>