<turbo-stream action="update" target="modal_container"><template>  <div id="interest_email_modal"
       data-turbo-temporary
       data-controller="ui--resettable-dialog"
       data-ui--resettable-dialog-auto-open-value="true">
  <dialog data-ui--resettable-dialog-target="dialog"
          class="p-0 m-auto border-none bg-transparent backdrop:bg-black/10 w-[480px] max-w-[calc(100vw-32px)]">
    <div class="relative bg-background-base w-full p-[24px] rounded-[24px] flex flex-col gap-[32px] max-h-[80dvh]">
      <button type="button"
              data-action="click->ui--resettable-dialog#close"
              class="absolute top-[16px] right-[16px] z-10 w-[34px] h-[34px] before:absolute before:-inset-[5px] before:content-[''] rounded-[11px] bg-background-base text-content-mid flex items-center justify-center cursor-pointer transition-colors hover:text-content-high focus:outline-none"
              aria-label="Cerrar">
        <span class="absolute inset-0 rounded-[11px] bg-background-low"></span>
        <svg class="relative size-[16px]" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M15 5L5 15M5 5L15 15"/>
</svg>

      </button>


      <div class="flex flex-col gap-[32px] overflow-y-auto min-h-0 -mr-[24px] pr-[24px]">
          
  <div class="flex flex-col gap-[8px]">
    <h2 class="font-high-s text-content-high">Te interesa este evento</h2>
    <p class="font-low-m text-content-mid">
      Déjanos tu email y te enviaremos un código para confirmar tu interés en
      <span class="text-content-high">The Noyrd // ciclo All-Yearer: Un año con Aloud</span>.
    </p>
  </div>

  <form class="flex items-center rounded-full border border-border-high overflow-hidden" data-turbo-stream="true" action="/eventos/the-noyrd-ciclo-all-yearer-un-ano-con-aloud/interes" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v2qmZgFwxeH5v6ikoe4Kcy7MSfENFlwbat0U2Dmnsi8X_YHguKOL1rKjQZsgFHwTGgSDg4TQJ3Flk4IGPrSaEg" autocomplete="off" />
    <input required="required" autocomplete="email" placeholder="Tu email" class="flex-1 min-w-0 px-[20px] h-[48px] bg-transparent font-low-m text-content-high placeholder:text-content-mid outline-none" type="email" name="email_address" id="email_address" />
    <input type="submit" name="commit" value="Continuar" data-turbo-submits-with="Enviando..." data-disable-with="Continuar" class="shrink-0 px-[24px] h-[48px] bg-content-high font-mid-m text-background-base cursor-pointer" />
</form>
      </div>
    </div>
  </dialog>
  </div>
</template></turbo-stream>