<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_lojas-renner-supply-chain-para-um-ecossistema-de-moda" data-analytics--analytics-popup-tracker-popup-path-value="/posts/lojas-renner-supply-chain-para-um-ecossistema-de-moda" data-analytics--analytics-popup-tracker-popup-title-value="LOJAS RENNER - Supply Chain para um Ecossistema de Moda - 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/eyJfcmFpbHMiOnsiZGF0YSI6OTYsInB1ciI6ImJsb2JfaWQifX0=--cc4d314783bb68a9c8fedc278a47caf9d7546b88/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/06-10_Pedro_Renner" 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">LOJAS RENNER - Supply Chain para um Ecossistema de Moda</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="nMaSkUSrfU83KcPEUT27rgZrqBRAnvq5qsnEqBq8rNjYKvt3-JSrp4cT6vVTS8otNZWSWVf0o-qgzAePhNRkNQ" 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_gpa-a-nova-jornada-do-consumidor-moderno" data-analytics--analytics-popup-tracker-popup-path-value="/posts/gpa-a-nova-jornada-do-consumidor-moderno" data-analytics--analytics-popup-tracker-popup-title-value="GPA - A Nova Jornada do Consumidor Moderno - 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/eyJfcmFpbHMiOnsiZGF0YSI6OTcsInB1ciI6ImJsb2JfaWQifX0=--a136fc36dc35a7639d002eb4d3f8ff7d1a72999c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/05-10_Marcelo_GPA" 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">GPA - A Nova Jornada do Consumidor Moderno</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="xWOTH8Ir8bQAsslffaUwAwgOlfNA89rdhN0YinnfTy6Bj_r5fhQnXLCI4G5_00GAO_CvvleZg46O2Nut57eHww" 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_bat-uello-acelerando-transformacao-digital-no-last-mile" data-analytics--analytics-popup-tracker-popup-path-value="/posts/bat-uello-acelerando-transformacao-digital-no-last-mile" data-analytics--analytics-popup-tracker-popup-title-value="BAT &amp; UELLO - Acelerando Transformação Digital no Last Mile - 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/eyJfcmFpbHMiOnsiZGF0YSI6OTgsInB1ciI6ImJsb2JfaWQifX0=--2454f3d2ff5ad46c4e5ec3677c111606cc56e48d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/06-10_BAT_Uello" 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">BAT &amp; UELLO - Acelerando Transformação Digital no Last Mile</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="UABeWjlhm_fkFDfhvFhoNzhjoBeAiKI1Sh7-4IOAq4wU7De8hV5NH1QuHtC-Lhm0C52aWpfi-2ZAGz3HHehjYQ" 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_unilever-logistica-sustentabilidade-caminho-para-o-futuro" data-analytics--analytics-popup-tracker-popup-path-value="/posts/unilever-logistica-sustentabilidade-caminho-para-o-futuro" data-analytics--analytics-popup-tracker-popup-title-value="UNILEVER - Logística &amp; Sustentabilidade: Caminho para o Futuro - 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/eyJfcmFpbHMiOnsiZGF0YSI6OTksInB1ciI6ImJsb2JfaWQifX0=--dc22ae3523869fd3003f021cd2f312fd8e8d21d4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/05-10_Unilever" 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">UNILEVER - Logística &amp; Sustentabilidade: Caminho para o Futuro</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="k6PvJzhSNhyPsWzptOOzkbqBpRaYuKFS-zcrs2D82eHXT4bBhG3g9D-LRdi2lcISiX-fW4_S-AHxMuiU_pQRDA" 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_klabin-iniciativas-de-seguranca-no-transporte-rodoviario" data-analytics--analytics-popup-tracker-popup-path-value="/posts/klabin-iniciativas-de-seguranca-no-transporte-rodoviario" data-analytics--analytics-popup-tracker-popup-title-value="KLABIN - Iniciativas de Segurança no Transporte Rodoviário - 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/eyJfcmFpbHMiOnsiZGF0YSI6MTAwLCJwdXIiOiJibG9iX2lkIn19--77a12940b89d6fa032f656f4765b3e87466d56db/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/04-10_Gustavo_Klabin" 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">KLABIN - Iniciativas de Segurança no Transporte Rodoviário</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="SV1pZnijmAk_FuwB9tujTW60FHasjHggwbh1nGUs3LENsQCAxJxO4Y8sxTD0rdLOXUouO7vmIXPLvba7-0QUXA" 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-last-mile-direct-to-consumer" data-analytics--analytics-popup-tracker-popup-path-value="/posts/ambev-last-mile-direct-to-consumer" data-analytics--analytics-popup-tracker-popup-title-value="AMBEV - Last Mile Direct to Consumer - 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/eyJfcmFpbHMiOnsiZGF0YSI6MTAxLCJwdXIiOiJibG9iX2lkIn19--85580a06fa89ac312979b26222e10041a80c54b8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/05-10_Rafael_Ambev" 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 - Last Mile Direct to Consumer</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="zUZcAcDEYE7m6r52B8xvl9QPiIBl6cyjVexApdx_rtCJqjXnfPu2plbQl0cFuh4U5_GyzXKDlfBf6YOCQhdmPQ" 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_pierre-fabre-lideranca-em-operacoes-na-industria-4-0" data-analytics--analytics-popup-tracker-popup-path-value="/posts/pierre-fabre-lideranca-em-operacoes-na-industria-4-0" data-analytics--analytics-popup-tracker-popup-title-value="PIERRE FABRE - Liderança em Operações na Indústria 4.0 - 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/eyJfcmFpbHMiOnsiZGF0YSI6MTAyLCJwdXIiOiJibG9iX2lkIn19--d3296baabccd69eb6c2508a827e53a711f6a969e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/06-10_Denner_Pierre%20Fabre" 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">PIERRE FABRE - Liderança em Operações na Indústria 4.0</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="o8sZ4mmf6MQncftKqYjOmrHGL5zIie5CGt8L7-bp2WDnJ3AE1aA-LJdL0nur_r8ZgjgV0d_jtxEQ2sjIeIERjQ" 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_coca-cola-transformacao-digital-em-vendas-execucao" data-analytics--analytics-popup-tracker-popup-path-value="/posts/coca-cola-transformacao-digital-em-vendas-execucao" data-analytics--analytics-popup-tracker-popup-title-value="COCA-COLA - Transformação Digital em Vendas &amp; Execuçã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/eyJfcmFpbHMiOnsiZGF0YSI6OTUsInB1ciI6ImJsb2JfaWQifX0=--4f2afa7aa9f7d476ad6bed9172a1db0eedacf199/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--82e4bdd37c861b4d4242c4ca0b5c785f671d72b1/06-10_Paulo_Coca-Cola" 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">COCA-COLA - Transformação Digital em Vendas &amp; Execuçã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="4Z52SP-5p8ihEKQ4EPXwlFGyzYuO-Un-yKk6dtgrTH-lch-uQ4ZxIBEqjQkSg4EXYkz3xpmTEK3CrPlRRkOEkg" 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%202021.turbo_stream?page=2"></turbo-frame>
</template></turbo-stream><turbo-stream action="update" target="current_page"><template>1</template></turbo-stream>