<turbo-stream action="append" target="posts"><template>
      <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="videos_braskem-a-jornada-de-transformacao-para-uma-economia-circular-de-carbono-neutro" data-analytics--analytics-popup-tracker-popup-path-value="/posts/braskem-a-jornada-de-transformacao-para-uma-economia-circular-de-carbono-neutro" data-analytics--analytics-popup-tracker-popup-title-value="BRASKEM - A Jornada de Transformação para uma Economia Circular de Carbono Neutro. - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
    <div class="h-64">
      <img class="object-contain w-full h-full bg-black" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM2LCJwdXIiOiJibG9iX2lkIn19--f2e03a5e3f2d2a1cb4e64a506315e84b22c42f95/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/S38" loading="lazy" />
    </div>
  <div class="flex flex-col flex-1">
      <div class="flex flex-col space-y-1.5 px-6 pt-4 pb-5">
          <h3 class="text-lg font-semibold leading-none tracking-tight">BRASKEM - A Jornada de Transformação para uma Economia Circular de Carbono Neutro.</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            
          </div>
        </div>
      </footer>

  </div>
</div>
</div>
    <div
    data-ui--dialog-target="modal"
    data-ui--sheet-target="modal"
    data-action='click->analytics--analytics-popup-tracker#trackClose '
  data-state="closed"
  class="hidden fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
  style="pointer-events: auto"
  data-aria-hidden="true"
  aria-hidden="true"></div>

  <div
    role="dialog"
    data-state="closed"
    data-ui--dialog-target="dialog"
    class="hidden  fixed left-1/2 top-1/2 z-50 w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-7 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full sm:portrait:max-w-[667px] lg:max-w-3xl max-h-screen md:max-h-[90vh] overflow-auto !max-w-[500px]"
    tabindex="-1"
    style="pointer-events: auto">
    <div>
      <div id="login-form-popup" class="flex flex-col items-center justify-center gap-y-5 p-4">
  <div class="flex flex-col items-center justify-center gap-y-6 mb-2">
    <h1 class="text-2xl md:text-3xl font-bold uppercase text-center">Login</h1>
    <hr class="border-t-2 max-w-10 border-[#333] w-full">
    <div class="text-center  max-w-xl w-full">
      <p class=" text-content text-center">Faça login e desfrute do melhor do conteúdo exclusivo e GRATUITO!</p>
    </div>
  </div>
  <form id="login-form" class="flex flex-col gap-y-4 h-full justify-between w-full" data-controller="validate form-redirect" data-action="submit-&gt;validate#checkFormSubmission" action="/login?modal_login=true" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZO2-RtWDU0Xu3JPr76C2h9H4UC2FSi9T9FJF492oN61asS2ebjDDzLPuzXlzMQCU1AR_ciE5ByiGNQkuA3drsQ" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

</div>
      <button
        data-ui--dialog-target="closeButton"
        type="button"
        data-action="click->analytics--analytics-popup-tracker#trackClose"
        class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="h-4 w-4">
          <line
            x1="18"
            x2="6"
            y1="6"
            y2="18"></line>
          <line
            x1="6"
            x2="18"
            y1="6"
            y2="18"></line>
        </svg>
        <span class="sr-only">Close</span>
      </button>
  </div>
</div>

      <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="videos_mit-zlc-a-evolucao-e-o-futuro-do-gerenciamento-de-supply-chain" data-analytics--analytics-popup-tracker-popup-path-value="/posts/mit-zlc-a-evolucao-e-o-futuro-do-gerenciamento-de-supply-chain" data-analytics--analytics-popup-tracker-popup-title-value="MIT ZLC - A Evolução e o Futuro do Gerenciamento de Supply Chain. - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
    <div class="h-64">
      <img class="object-contain w-full h-full bg-black" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM3LCJwdXIiOiJibG9iX2lkIn19--7d68a51d62e4e89dcbac0cf16f767b097caa5e92/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/S25" loading="lazy" />
    </div>
  <div class="flex flex-col flex-1">
      <div class="flex flex-col space-y-1.5 px-6 pt-4 pb-5">
          <h3 class="text-lg font-semibold leading-none tracking-tight">MIT ZLC - A Evolução e o Futuro do Gerenciamento de Supply Chain.</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            
          </div>
        </div>
      </footer>

  </div>
</div>
</div>
    <div
    data-ui--dialog-target="modal"
    data-ui--sheet-target="modal"
    data-action='click->analytics--analytics-popup-tracker#trackClose '
  data-state="closed"
  class="hidden fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
  style="pointer-events: auto"
  data-aria-hidden="true"
  aria-hidden="true"></div>

  <div
    role="dialog"
    data-state="closed"
    data-ui--dialog-target="dialog"
    class="hidden  fixed left-1/2 top-1/2 z-50 w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-7 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full sm:portrait:max-w-[667px] lg:max-w-3xl max-h-screen md:max-h-[90vh] overflow-auto !max-w-[500px]"
    tabindex="-1"
    style="pointer-events: auto">
    <div>
      <div id="login-form-popup" class="flex flex-col items-center justify-center gap-y-5 p-4">
  <div class="flex flex-col items-center justify-center gap-y-6 mb-2">
    <h1 class="text-2xl md:text-3xl font-bold uppercase text-center">Login</h1>
    <hr class="border-t-2 max-w-10 border-[#333] w-full">
    <div class="text-center  max-w-xl w-full">
      <p class=" text-content text-center">Faça login e desfrute do melhor do conteúdo exclusivo e GRATUITO!</p>
    </div>
  </div>
  <form id="login-form" class="flex flex-col gap-y-4 h-full justify-between w-full" data-controller="validate form-redirect" data-action="submit-&gt;validate#checkFormSubmission" action="/login?modal_login=true" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yXoAkbeSrhXSbfex8aTDchwtR6pQLWIPwoVSKwukOZ33JpNJDCE-nI9fqSNtNXVhGdFo9fReSnSw4h7m1XtlgQ" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

</div>
      <button
        data-ui--dialog-target="closeButton"
        type="button"
        data-action="click->analytics--analytics-popup-tracker#trackClose"
        class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="h-4 w-4">
          <line
            x1="18"
            x2="6"
            y1="6"
            y2="18"></line>
          <line
            x1="6"
            x2="18"
            y1="6"
            y2="18"></line>
        </svg>
        <span class="sr-only">Close</span>
      </button>
  </div>
</div>

      <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="videos_mit-zlc-ilos-financas-em-logistica-e-supply-chain" data-analytics--analytics-popup-tracker-popup-path-value="/posts/mit-zlc-ilos-financas-em-logistica-e-supply-chain" data-analytics--analytics-popup-tracker-popup-title-value="MIT ZLC &amp; ILOS - Finanças em Logística e Supply Chain. - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
    <div class="h-64">
      <img class="object-contain w-full h-full bg-black" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM4LCJwdXIiOiJibG9iX2lkIn19--56da60882df6667c5b45058402ef59e9a2646aec/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/S29" loading="lazy" />
    </div>
  <div class="flex flex-col flex-1">
      <div class="flex flex-col space-y-1.5 px-6 pt-4 pb-5">
          <h3 class="text-lg font-semibold leading-none tracking-tight">MIT ZLC &amp; ILOS - Finanças em Logística e Supply Chain.</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            
          </div>
        </div>
      </footer>

  </div>
</div>
</div>
    <div
    data-ui--dialog-target="modal"
    data-ui--sheet-target="modal"
    data-action='click->analytics--analytics-popup-tracker#trackClose '
  data-state="closed"
  class="hidden fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
  style="pointer-events: auto"
  data-aria-hidden="true"
  aria-hidden="true"></div>

  <div
    role="dialog"
    data-state="closed"
    data-ui--dialog-target="dialog"
    class="hidden  fixed left-1/2 top-1/2 z-50 w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-7 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full sm:portrait:max-w-[667px] lg:max-w-3xl max-h-screen md:max-h-[90vh] overflow-auto !max-w-[500px]"
    tabindex="-1"
    style="pointer-events: auto">
    <div>
      <div id="login-form-popup" class="flex flex-col items-center justify-center gap-y-5 p-4">
  <div class="flex flex-col items-center justify-center gap-y-6 mb-2">
    <h1 class="text-2xl md:text-3xl font-bold uppercase text-center">Login</h1>
    <hr class="border-t-2 max-w-10 border-[#333] w-full">
    <div class="text-center  max-w-xl w-full">
      <p class=" text-content text-center">Faça login e desfrute do melhor do conteúdo exclusivo e GRATUITO!</p>
    </div>
  </div>
  <form id="login-form" class="flex flex-col gap-y-4 h-full justify-between w-full" data-controller="validate form-redirect" data-action="submit-&gt;validate#checkFormSubmission" action="/login?modal_login=true" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0U6_hNXzk9KD0RdmcqppCTFRrsPr2Pfkl21mDn8yf1bvEixcbkADW97jSfTuO98aNK2BnE-r35_lCirDoe0jSg" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

</div>
      <button
        data-ui--dialog-target="closeButton"
        type="button"
        data-action="click->analytics--analytics-popup-tracker#trackClose"
        class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="h-4 w-4">
          <line
            x1="18"
            x2="6"
            y1="6"
            y2="18"></line>
          <line
            x1="6"
            x2="18"
            y1="6"
            y2="18"></line>
        </svg>
        <span class="sr-only">Close</span>
      </button>
  </div>
</div>

      <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="videos_routeasy-como-a-inteligencia-artificial-vai-mudar-o-futuro-da-logistica" data-analytics--analytics-popup-tracker-popup-path-value="/posts/routeasy-como-a-inteligencia-artificial-vai-mudar-o-futuro-da-logistica" data-analytics--analytics-popup-tracker-popup-title-value="ROUTEASY - Como a Inteligência Artificial vai mudar o Futuro da Logística. - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
    <div class="h-64">
      <img class="object-contain w-full h-full bg-black" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM5LCJwdXIiOiJibG9iX2lkIn19--cc24c3586ef9e93bcb949f62e0fa6b88c9c8185c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/S12" loading="lazy" />
    </div>
  <div class="flex flex-col flex-1">
      <div class="flex flex-col space-y-1.5 px-6 pt-4 pb-5">
          <h3 class="text-lg font-semibold leading-none tracking-tight">ROUTEASY - Como a Inteligência Artificial vai mudar o Futuro da Logística.</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            
          </div>
        </div>
      </footer>

  </div>
</div>
</div>
    <div
    data-ui--dialog-target="modal"
    data-ui--sheet-target="modal"
    data-action='click->analytics--analytics-popup-tracker#trackClose '
  data-state="closed"
  class="hidden fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
  style="pointer-events: auto"
  data-aria-hidden="true"
  aria-hidden="true"></div>

  <div
    role="dialog"
    data-state="closed"
    data-ui--dialog-target="dialog"
    class="hidden  fixed left-1/2 top-1/2 z-50 w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-7 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full sm:portrait:max-w-[667px] lg:max-w-3xl max-h-screen md:max-h-[90vh] overflow-auto !max-w-[500px]"
    tabindex="-1"
    style="pointer-events: auto">
    <div>
      <div id="login-form-popup" class="flex flex-col items-center justify-center gap-y-5 p-4">
  <div class="flex flex-col items-center justify-center gap-y-6 mb-2">
    <h1 class="text-2xl md:text-3xl font-bold uppercase text-center">Login</h1>
    <hr class="border-t-2 max-w-10 border-[#333] w-full">
    <div class="text-center  max-w-xl w-full">
      <p class=" text-content text-center">Faça login e desfrute do melhor do conteúdo exclusivo e GRATUITO!</p>
    </div>
  </div>
  <form id="login-form" class="flex flex-col gap-y-4 h-full justify-between w-full" data-controller="validate form-redirect" data-action="submit-&gt;validate#checkFormSubmission" action="/login?modal_login=true" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vde7RzG95eDIWuj5xFyREHOE5wY5gP1VcIFipoFPMPqDiyifig51aZVotmtYzScDdnjIWZ3z1S4C5i5rX5Bs5g" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

</div>
      <button
        data-ui--dialog-target="closeButton"
        type="button"
        data-action="click->analytics--analytics-popup-tracker#trackClose"
        class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="h-4 w-4">
          <line
            x1="18"
            x2="6"
            y1="6"
            y2="18"></line>
          <line
            x1="6"
            x2="18"
            y1="6"
            y2="18"></line>
        </svg>
        <span class="sr-only">Close</span>
      </button>
  </div>
</div>

      <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="videos_centro-de-distribuicao-4-0-inovacao-e-robotizacao-do-cd-da-ype" data-analytics--analytics-popup-tracker-popup-path-value="/posts/centro-de-distribuicao-4-0-inovacao-e-robotizacao-do-cd-da-ype" data-analytics--analytics-popup-tracker-popup-title-value="Centro de Distribuição 4.0 - Inovação e Robotização do CD da YPÊ. - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
    <div class="h-64">
      <img class="object-contain w-full h-full bg-black" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQwLCJwdXIiOiJibG9iX2lkIn19--ccc9f38485f7a6c0a52f234a9b9bcec546f0f5d5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/S15" loading="lazy" />
    </div>
  <div class="flex flex-col flex-1">
      <div class="flex flex-col space-y-1.5 px-6 pt-4 pb-5">
          <h3 class="text-lg font-semibold leading-none tracking-tight">Centro de Distribuição 4.0 - Inovação e Robotização do CD da YPÊ.</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            
          </div>
        </div>
      </footer>

  </div>
</div>
</div>
    <div
    data-ui--dialog-target="modal"
    data-ui--sheet-target="modal"
    data-action='click->analytics--analytics-popup-tracker#trackClose '
  data-state="closed"
  class="hidden fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
  style="pointer-events: auto"
  data-aria-hidden="true"
  aria-hidden="true"></div>

  <div
    role="dialog"
    data-state="closed"
    data-ui--dialog-target="dialog"
    class="hidden  fixed left-1/2 top-1/2 z-50 w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-7 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full sm:portrait:max-w-[667px] lg:max-w-3xl max-h-screen md:max-h-[90vh] overflow-auto !max-w-[500px]"
    tabindex="-1"
    style="pointer-events: auto">
    <div>
      <div id="login-form-popup" class="flex flex-col items-center justify-center gap-y-5 p-4">
  <div class="flex flex-col items-center justify-center gap-y-6 mb-2">
    <h1 class="text-2xl md:text-3xl font-bold uppercase text-center">Login</h1>
    <hr class="border-t-2 max-w-10 border-[#333] w-full">
    <div class="text-center  max-w-xl w-full">
      <p class=" text-content text-center">Faça login e desfrute do melhor do conteúdo exclusivo e GRATUITO!</p>
    </div>
  </div>
  <form id="login-form" class="flex flex-col gap-y-4 h-full justify-between w-full" data-controller="validate form-redirect" data-action="submit-&gt;validate#checkFormSubmission" action="/login?modal_login=true" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cN4GagYU1DV5behGqjDB1KCXmr29YZJ8iP0UqUarxDNOgpWyvadEvCRfttQ2oXfHpWu14hkSugf6mlhkmHSYLw" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

</div>
      <button
        data-ui--dialog-target="closeButton"
        type="button"
        data-action="click->analytics--analytics-popup-tracker#trackClose"
        class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="h-4 w-4">
          <line
            x1="18"
            x2="6"
            y1="6"
            y2="18"></line>
          <line
            x1="6"
            x2="18"
            y1="6"
            y2="18"></line>
        </svg>
        <span class="sr-only">Close</span>
      </button>
  </div>
</div>

      <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="videos_ambev-criando-um-ecossistema-na-jornada-de-descarbonizacao" data-analytics--analytics-popup-tracker-popup-path-value="/posts/ambev-criando-um-ecossistema-na-jornada-de-descarbonizacao" data-analytics--analytics-popup-tracker-popup-title-value="AMBEV - Criando um Ecossistema na Jornada de Descarbonização. - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
    <div class="h-64">
      <img class="object-contain w-full h-full bg-black" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQxLCJwdXIiOiJibG9iX2lkIn19--07745315dd3bf0f74a39cdedb23865dde32fbf4e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/S34" loading="lazy" />
    </div>
  <div class="flex flex-col flex-1">
      <div class="flex flex-col space-y-1.5 px-6 pt-4 pb-5">
          <h3 class="text-lg font-semibold leading-none tracking-tight">AMBEV - Criando um Ecossistema na Jornada de Descarbonização.</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            
          </div>
        </div>
      </footer>

  </div>
</div>
</div>
    <div
    data-ui--dialog-target="modal"
    data-ui--sheet-target="modal"
    data-action='click->analytics--analytics-popup-tracker#trackClose '
  data-state="closed"
  class="hidden fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
  style="pointer-events: auto"
  data-aria-hidden="true"
  aria-hidden="true"></div>

  <div
    role="dialog"
    data-state="closed"
    data-ui--dialog-target="dialog"
    class="hidden  fixed left-1/2 top-1/2 z-50 w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-7 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full sm:portrait:max-w-[667px] lg:max-w-3xl max-h-screen md:max-h-[90vh] overflow-auto !max-w-[500px]"
    tabindex="-1"
    style="pointer-events: auto">
    <div>
      <div id="login-form-popup" class="flex flex-col items-center justify-center gap-y-5 p-4">
  <div class="flex flex-col items-center justify-center gap-y-6 mb-2">
    <h1 class="text-2xl md:text-3xl font-bold uppercase text-center">Login</h1>
    <hr class="border-t-2 max-w-10 border-[#333] w-full">
    <div class="text-center  max-w-xl w-full">
      <p class=" text-content text-center">Faça login e desfrute do melhor do conteúdo exclusivo e GRATUITO!</p>
    </div>
  </div>
  <form id="login-form" class="flex flex-col gap-y-4 h-full justify-between w-full" data-controller="validate form-redirect" data-action="submit-&gt;validate#checkFormSubmission" action="/login?modal_login=true" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nFBEqcMM1VAQyHCzPK1EotwOTjyAbFtqcue8Wr90ynSiDNdxeL9F2U36LiGgPPKx2fJhYyQfcxEAgPCXYauWaA" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

</div>
      <button
        data-ui--dialog-target="closeButton"
        type="button"
        data-action="click->analytics--analytics-popup-tracker#trackClose"
        class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="h-4 w-4">
          <line
            x1="18"
            x2="6"
            y1="6"
            y2="18"></line>
          <line
            x1="6"
            x2="18"
            y1="6"
            y2="18"></line>
        </svg>
        <span class="sr-only">Close</span>
      </button>
  </div>
</div>

      <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="videos_st-marche-o-impacto-da-inteligencia-artificial-no-abastecimento-e-na-previsao-de-demanda" data-analytics--analytics-popup-tracker-popup-path-value="/posts/st-marche-o-impacto-da-inteligencia-artificial-no-abastecimento-e-na-previsao-de-demanda" data-analytics--analytics-popup-tracker-popup-title-value="ST MARCHE - O Impacto da Inteligência Artificial no Abastecimento e na Previsão de Demanda. - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
    <div class="h-64">
      <img class="object-contain w-full h-full bg-black" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQyLCJwdXIiOiJibG9iX2lkIn19--1f7c79939178fc5c0c16149f309e715830697e65/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/S20" loading="lazy" />
    </div>
  <div class="flex flex-col flex-1">
      <div class="flex flex-col space-y-1.5 px-6 pt-4 pb-5">
          <h3 class="text-lg font-semibold leading-none tracking-tight">ST MARCHE - O Impacto da Inteligência Artificial no Abastecimento e na Previsão de Demanda.</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            
          </div>
        </div>
      </footer>

  </div>
</div>
</div>
    <div
    data-ui--dialog-target="modal"
    data-ui--sheet-target="modal"
    data-action='click->analytics--analytics-popup-tracker#trackClose '
  data-state="closed"
  class="hidden fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
  style="pointer-events: auto"
  data-aria-hidden="true"
  aria-hidden="true"></div>

  <div
    role="dialog"
    data-state="closed"
    data-ui--dialog-target="dialog"
    class="hidden  fixed left-1/2 top-1/2 z-50 w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-7 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full sm:portrait:max-w-[667px] lg:max-w-3xl max-h-screen md:max-h-[90vh] overflow-auto !max-w-[500px]"
    tabindex="-1"
    style="pointer-events: auto">
    <div>
      <div id="login-form-popup" class="flex flex-col items-center justify-center gap-y-5 p-4">
  <div class="flex flex-col items-center justify-center gap-y-6 mb-2">
    <h1 class="text-2xl md:text-3xl font-bold uppercase text-center">Login</h1>
    <hr class="border-t-2 max-w-10 border-[#333] w-full">
    <div class="text-center  max-w-xl w-full">
      <p class=" text-content text-center">Faça login e desfrute do melhor do conteúdo exclusivo e GRATUITO!</p>
    </div>
  </div>
  <form id="login-form" class="flex flex-col gap-y-4 h-full justify-between w-full" data-controller="validate form-redirect" data-action="submit-&gt;validate#checkFormSubmission" action="/login?modal_login=true" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FxdrSUlQoqZ990TCnzgUDI1QBCdITy67amD2RvxahHwpS_iR8uMyLyDFGlADqaIfiKwreOw8BsAYB7qLIoXYYA" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

</div>
      <button
        data-ui--dialog-target="closeButton"
        type="button"
        data-action="click->analytics--analytics-popup-tracker#trackClose"
        class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="h-4 w-4">
          <line
            x1="18"
            x2="6"
            y1="6"
            y2="18"></line>
          <line
            x1="6"
            x2="18"
            y1="6"
            y2="18"></line>
        </svg>
        <span class="sr-only">Close</span>
      </button>
  </div>
</div>

      <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="videos_3es-eficiencia-excelencia-e-experiencia-laboratorios-clinicos-na-dasa" data-analytics--analytics-popup-tracker-popup-path-value="/posts/3es-eficiencia-excelencia-e-experiencia-laboratorios-clinicos-na-dasa" data-analytics--analytics-popup-tracker-popup-title-value="3ES: Eficiência, Excelência e Experiência - Laboratórios Clínicos na DASA. - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
    <div class="h-64">
      <img class="object-contain w-full h-full bg-black" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM1LCJwdXIiOiJibG9iX2lkIn19--8c8b6ba707c80cd26e205f4bce480f27df19c5b3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/S6" loading="lazy" />
    </div>
  <div class="flex flex-col flex-1">
      <div class="flex flex-col space-y-1.5 px-6 pt-4 pb-5">
          <h3 class="text-lg font-semibold leading-none tracking-tight">3ES: Eficiência, Excelência e Experiência - Laboratórios Clínicos na DASA.</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            
          </div>
        </div>
      </footer>

  </div>
</div>
</div>
    <div
    data-ui--dialog-target="modal"
    data-ui--sheet-target="modal"
    data-action='click->analytics--analytics-popup-tracker#trackClose '
  data-state="closed"
  class="hidden fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
  style="pointer-events: auto"
  data-aria-hidden="true"
  aria-hidden="true"></div>

  <div
    role="dialog"
    data-state="closed"
    data-ui--dialog-target="dialog"
    class="hidden  fixed left-1/2 top-1/2 z-50 w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-7 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full sm:portrait:max-w-[667px] lg:max-w-3xl max-h-screen md:max-h-[90vh] overflow-auto !max-w-[500px]"
    tabindex="-1"
    style="pointer-events: auto">
    <div>
      <div id="login-form-popup" class="flex flex-col items-center justify-center gap-y-5 p-4">
  <div class="flex flex-col items-center justify-center gap-y-6 mb-2">
    <h1 class="text-2xl md:text-3xl font-bold uppercase text-center">Login</h1>
    <hr class="border-t-2 max-w-10 border-[#333] w-full">
    <div class="text-center  max-w-xl w-full">
      <p class=" text-content text-center">Faça login e desfrute do melhor do conteúdo exclusivo e GRATUITO!</p>
    </div>
  </div>
  <form id="login-form" class="flex flex-col gap-y-4 h-full justify-between w-full" data-controller="validate form-redirect" data-action="submit-&gt;validate#checkFormSubmission" action="/login?modal_login=true" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RABXXqb8X2g2nnDO2MFA1EYlUGLpC6XGzkbykA_bGbp6XMSGHU_P4WusLlxEUPbHQ9l_PU14jb28Ib5d0QRFpg" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

</div>
      <button
        data-ui--dialog-target="closeButton"
        type="button"
        data-action="click->analytics--analytics-popup-tracker#trackClose"
        class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="h-4 w-4">
          <line
            x1="18"
            x2="6"
            y1="6"
            y2="18"></line>
          <line
            x1="6"
            x2="18"
            y1="6"
            y2="18"></line>
        </svg>
        <span class="sr-only">Close</span>
      </button>
  </div>
</div>

</template></turbo-stream>  <turbo-stream action="replace" target="load_more"><template>
    <turbo-frame loading="lazy" id="load_more" src="/videos/F%C3%B3rum%202023.turbo_stream?page=2"></turbo-frame>
</template></turbo-stream><turbo-stream action="update" target="current_page"><template>1</template></turbo-stream>