<turbo-stream action="append" target="posts"><template>
      <div
  data-controller="ui--dialog analytics--analytics-popup-tracker"
  class="h-full"
  data-disabled="false"
  data-ui--dialog-open-on-scroll-value="false"
  data-ui--dialog-scroll-threshold-value="300"
  data-ui--dialog-scroll-threshold-unit-value="px"
  data-analytics--analytics-popup-tracker-popup-id-value="videos_fiscalizacao-dos-pisos-minimos-de-frete-rodoviario" data-analytics--analytics-popup-tracker-popup-path-value="/posts/fiscalizacao-dos-pisos-minimos-de-frete-rodoviario" data-analytics--analytics-popup-tracker-popup-title-value="Fiscalização dos Pisos Mínimos de Frete 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://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg3MiwicHVyIjoiYmxvYl9pZCJ9fQ==--48aa05d25938d45331e2494f083bc39277e1930b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--43bcb8f419d3ae348f015067293a19d82e3c395c/Capa%20OnDemand_S53_Laranja.png" 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">Fiscalização dos Pisos Mínimos de Frete Rodoviário</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            <div>&nbsp;Em 2025 a ANTT intensificou fortemente a fiscalização do cumprimento dos pisos mínimos de frete rodoviário, penalizando inúmeras empresas que registraram pagamentos abaixo do valor...</div>
          </div>
        </div>
      </footer>

      <footer class="text-sm px-6 text-zinc-500 pb-6 mt-auto">
        Outubro, 2025
      </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="kBMYcl1_U_C1Tp1tmGLJRR8V5tu8s2fJtFM3CEb-sFrEOCzymKpAMYD0gmekeHTgUpnfzU6AqqqknFMTYBExyw" 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://cas.ilos.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-ui--dialog-open-on-scroll-value="false"
  data-ui--dialog-scroll-threshold-value="300"
  data-ui--dialog-scroll-threshold-unit-value="px"
  data-analytics--analytics-popup-tracker-popup-id-value="videos_do-projeto-a-performance-a-logistica-como-pilar-estrategico-na-industria" data-analytics--analytics-popup-tracker-popup-path-value="/posts/do-projeto-a-performance-a-logistica-como-pilar-estrategico-na-industria" data-analytics--analytics-popup-tracker-popup-title-value="Do projeto à performance: a logística como pilar estratégico na indústria - 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://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTgyOSwicHVyIjoiYmxvYl9pZCJ9fQ==--83e997d0e5365da5f7a17e3bbc89ac64fcfee78a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--43bcb8f419d3ae348f015067293a19d82e3c395c/Do%20projeto%20%C3%A0%20performance%20a%20log%C3%ADstica%20como%20pilar%20estrat%C3%A9gico%20na%20ind%C3%BAstria.jpg" 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">Do projeto à performance: a logística como pilar estratégico na indústria</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            <div>&nbsp; O que acontece quando um operador logístico deixa de ser apenas um prestador de serviço e passa a ser um agente de transformação industrial?&nbsp;<br><br>&nbsp; Neste case exclusivo,...</div>
          </div>
        </div>
      </footer>

      <footer class="text-sm px-6 text-zinc-500 pb-6 mt-auto">
        Outubro, 2025
      </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="48Qjl_1uB-86Lu4stNaQjv1OMdq8tyd0Wpb49W0okbG37xcXOLsULg-U8SaIzC0rsMIIzE6E6hdKWZzuS8cQIA" 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://cas.ilos.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-ui--dialog-open-on-scroll-value="false"
  data-ui--dialog-scroll-threshold-value="300"
  data-ui--dialog-scroll-threshold-unit-value="px"
  data-analytics--analytics-popup-tracker-popup-id-value="videos_conectando-dados-acelerando-resultados-a-transformacao-digital-da-logistica-na-votorantim-cimentos" data-analytics--analytics-popup-tracker-popup-path-value="/posts/conectando-dados-acelerando-resultados-a-transformacao-digital-da-logistica-na-votorantim-cimentos" data-analytics--analytics-popup-tracker-popup-title-value="Conectando dados, acelerando resultados: a transformação digital da logística na Votorantim Cimentos - 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://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTgyNywicHVyIjoiYmxvYl9pZCJ9fQ==--aff4870a52d324ed27fb3d7cdc303c341ac0a22b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--43bcb8f419d3ae348f015067293a19d82e3c395c/Conectando%20dados,%20acelerando%20resultados%20A%20transforma%C3%A7%C3%A3o%20digital%20da%20log%C3%ADstica%20na%20Votorantim%20Cimentos.jpg" 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">Conectando dados, acelerando resultados: a transformação digital da logística na Votorantim Cimentos</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            <div>&nbsp; O projeto “Conectando dados, acelerando resultados” promove a transformação digital da logística na Votorantim Cimentos por meio da integração de plataformas, automação de processos e...</div>
          </div>
        </div>
      </footer>

      <footer class="text-sm px-6 text-zinc-500 pb-6 mt-auto">
        Outubro, 2025
      </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="PNmnGrQc3UWmmwQ8EUk8G__3ixOqpfBF4MVGKgRCay9o8pOaccnOhJMhGzYtU4G-snuyBViWPSbwCiIxIq3qvg" 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://cas.ilos.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-ui--dialog-open-on-scroll-value="false"
  data-ui--dialog-scroll-threshold-value="300"
  data-ui--dialog-scroll-threshold-unit-value="px"
  data-analytics--analytics-popup-tracker-popup-id-value="videos_transformando-dados-e-ferramentas-em-acao-ai-e-automacao-a-servico-da-performance" data-analytics--analytics-popup-tracker-popup-path-value="/posts/transformando-dados-e-ferramentas-em-acao-ai-e-automacao-a-servico-da-performance" data-analytics--analytics-popup-tracker-popup-title-value="Transformando dados e ferramentas em ação: AI e automação a serviço da performance - 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://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg4NSwicHVyIjoiYmxvYl9pZCJ9fQ==--143bc6ae4757e71f08ffead8aa47926c912a71d9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--43bcb8f419d3ae348f015067293a19d82e3c395c/Transformando%20dados%20e%20ferramentas%20em%20a%C3%A7%C3%A3o%20AI%20e%20automa%C3%A7%C3%A3o%20a%20servi%C3%A7o%20da%20performance..jpg" 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">Transformando dados e ferramentas em ação: AI e automação a serviço da performance</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            <div>&nbsp; Em um ambiente marcado pelo excesso de dados e ferramentas, profissionais muitas vezes enfrentam desafios para priorizar ações estratégicas.&nbsp;<br><br>&nbsp; Na Philips, são...</div>
          </div>
        </div>
      </footer>

      <footer class="text-sm px-6 text-zinc-500 pb-6 mt-auto">
        Outubro, 2025
      </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="y2yT_p4AHVhOR357PlRwYpg_N1kAuGUCKxoRufXN0pKfR6d-W9UOmXv9YXECTs3H1bMOT_KLqGE71XWi0yJTAw" 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://cas.ilos.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-ui--dialog-open-on-scroll-value="false"
  data-ui--dialog-scroll-threshold-value="300"
  data-ui--dialog-scroll-threshold-unit-value="px"
  data-analytics--analytics-popup-tracker-popup-id-value="videos_brasil-x-peru-transporte-rodoviario-internacional-como-diferencial-competitivo-na-pam-saint-gobain" data-analytics--analytics-popup-tracker-popup-path-value="/posts/brasil-x-peru-transporte-rodoviario-internacional-como-diferencial-competitivo-na-pam-saint-gobain" data-analytics--analytics-popup-tracker-popup-title-value="Brasil x Peru - Transporte Rodoviário Internacional como diferencial competitivo na PAM SAINT GOBAIN - 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://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg4MywicHVyIjoiYmxvYl9pZCJ9fQ==--6917360cd1d0a48d7dba59e460e1870437da09cf/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--43bcb8f419d3ae348f015067293a19d82e3c395c/Brasil%20x%20Peru%20-%20Transporte%20Rodovi%C3%A1rio%20Internacional%20como%20diferencial%20competitivo%20na%20PAM%20SAINT%20GOBAIN.jpg" 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">Brasil x Peru - Transporte Rodoviário Internacional como diferencial competitivo na PAM SAINT GOBAIN</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            <div>&nbsp; O objetivo da palestra é mostrar como o transporte rodoviário viabilizou negócios para a Pam Saint Gobain no Peru, concorrendo com o produto Chinês.<br><br>&nbsp; Apresentar o...</div>
          </div>
        </div>
      </footer>

      <footer class="text-sm px-6 text-zinc-500 pb-6 mt-auto">
        Outubro, 2025
      </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="ihGCPA1kfoEiFh3lc_jxd98bsmcR9cNA1hkPdYiNps7eOra8yLFtQBesAu9P4kzSkpeLcePGDiPG1mturmInXw" 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://cas.ilos.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-ui--dialog-open-on-scroll-value="false"
  data-ui--dialog-scroll-threshold-value="300"
  data-ui--dialog-scroll-threshold-unit-value="px"
  data-analytics--analytics-popup-tracker-popup-id-value="videos_inventario-de-emissoes-da-abol-e-a-jornada-de-descarbonizacao-dos-operadores-logisticos" data-analytics--analytics-popup-tracker-popup-path-value="/posts/inventario-de-emissoes-da-abol-e-a-jornada-de-descarbonizacao-dos-operadores-logisticos" data-analytics--analytics-popup-tracker-popup-title-value="Inventário de emissões da ABOL e a jornada de descarbonização dos operadores logísticos - 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://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg4MSwicHVyIjoiYmxvYl9pZCJ9fQ==--04c01c1f6573b8af74009e9321fa94f54b34f62e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--43bcb8f419d3ae348f015067293a19d82e3c395c/Invent%C3%A1rio%20de%20emiss%C3%B5es%20da%20ABOL%20e%20a%20jornada%20de%20descarboniza%C3%A7%C3%A3o%20dos%20operadores%20log%C3%ADsticos.jpg" 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">Inventário de emissões da ABOL e a jornada de descarbonização dos operadores logísticos</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            <div>&nbsp; A palestra traz um panorama sobre os desafios e oportunidades da transição para uma logística de baixo carbono.<br><br>&nbsp; O debate apresenta os primeiros resultados do 2o Inventário...</div>
          </div>
        </div>
      </footer>

      <footer class="text-sm px-6 text-zinc-500 pb-6 mt-auto">
        Outubro, 2025
      </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="0veXLQRM8UWGnTgE2az1d1SSXvKy-FUzwSv5Sqa2BsmG3KOtwZnihLMnJw7ltkjSGR5n5EDLmFDR5J1RgFmHWA" 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://cas.ilos.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-ui--dialog-open-on-scroll-value="false"
  data-ui--dialog-scroll-threshold-value="300"
  data-ui--dialog-scroll-threshold-unit-value="px"
  data-analytics--analytics-popup-tracker-popup-id-value="videos_pitches-moki-fleetpay-inpo" data-analytics--analytics-popup-tracker-popup-path-value="/posts/pitches-moki-fleetpay-inpo" data-analytics--analytics-popup-tracker-popup-title-value="Pitches: Moki / Fleetpay / INPO - 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://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg3OSwicHVyIjoiYmxvYl9pZCJ9fQ==--e794386f7ae2ed400d84b7c5ae35eec3ce1e8f2c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--43bcb8f419d3ae348f015067293a19d82e3c395c/Pitch%20Moki%20Fleetpay%20INPO.jpg" 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">Pitches: Moki / Fleetpay / INPO</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            <div>
<strong>&nbsp; Sua empresa quer IA? Comece pelos dados.<br></strong><br>A maioria das empresas investe em algoritmos sofisticados, mas esquece que 80% do trabalho está na captura e...</div>
          </div>
        </div>
      </footer>

      <footer class="text-sm px-6 text-zinc-500 pb-6 mt-auto">
        Outubro, 2025
      </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="2-HHs9vSE73kKengqwinGYK2gBVySMhSmN2xM7Zv75CPyvMzHgcAfNGT9uqXEhq8zzq5A4B7BTGIEtUokIBuAQ" 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://cas.ilos.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-ui--dialog-open-on-scroll-value="false"
  data-ui--dialog-scroll-threshold-value="300"
  data-ui--dialog-scroll-threshold-unit-value="px"
  data-analytics--analytics-popup-tracker-popup-id-value="videos_uma-nova-abordagem-para-o-supply-chain-de-alimentos" data-analytics--analytics-popup-tracker-popup-path-value="/posts/uma-nova-abordagem-para-o-supply-chain-de-alimentos" data-analytics--analytics-popup-tracker-popup-title-value="Uma nova abordagem para o supply chain de alimentos - 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://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTgyNSwicHVyIjoiYmxvYl9pZCJ9fQ==--6d25cdec17e80531a3b55beb01ea0181e93c6fbb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOlszNjUsMjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--43bcb8f419d3ae348f015067293a19d82e3c395c/Uma%20nova%20abordagem%20para%20o%20supply%20chain%20de%20alimentos.jpg" 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">Uma nova abordagem para o supply chain de alimentos</h3>
               </div>
      
        <div class="py-4 px-6">
          <div class="line-clamp-3">
            <div>&nbsp; Comparadas às cadeias de suprimento regulares, as cadeias de suprimento alimentar são muito mais desafiadoras de gerenciar devido à sua singularidade inerente.<br><br>&nbsp; Em uma...</div>
          </div>
        </div>
      </footer>

      <footer class="text-sm px-6 text-zinc-500 pb-6 mt-auto">
        Outubro, 2025
      </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="6WljeKKuF1exzIOfgZjKmpSy698fkpEERKlv0_GqHHK9Qlf4Z3sEloR2nJW9gnc_2T7Sye2hXGdUZgvI10Wd4w" 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://cas.ilos.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/forum-ilos-2025.turbo_stream?page=2"></turbo-frame>
</template></turbo-stream><turbo-stream action="update" target="current_page"><template>1</template></turbo-stream>