<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]">
    <button type="button"
                data-action="click->ui--resettable-dialog#close"
      class="absolute top-[16px] right-[16px] w-[34px] h-[34px] rounded-[11px] bg-background-low text-content-mid flex items-center justify-center cursor-pointer transition-colors hover:text-content-high focus:outline-none"
      aria-label="Cerrar">
      <svg class="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-[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">La Juntada</span>.
    </p>
  </div>

  <form class="flex items-center rounded-full border border-border-high overflow-hidden" data-turbo-stream="true" action="/eventos/la-juntada-1/interes" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TUenzf5mM2DX2Trvz-CQcPtm459SSHEsuHb5jrVSHk3_KltqUy26LrHf9a2ECuanK2gIvNETRIlXHxTpsShvjQ" 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>
</dialog>
</div>
</template></turbo-stream>