<turbo-stream action="append" target="posts"><template>
    <article class="cursor-pointer"  data-controller='pdf-viewer' data-action="click->pdf-viewer#show"
  data-pdf-viewer-url-value="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc1MSwicHVyIjoiYmxvYl9pZCJ9fQ==--44de486f99cbe8f07fb1d9816fecb96b1d48b6a1/1.%20Itens%20de%20custos%20do%20transporte%20rodovia%CC%81rio_v4.pdf?disposition=inline"
  data-pdf-viewer-id-value="352"
  data-pdf-viewer-api-key-value="c9863ef0492243feb195cabcd028ee4c">
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="reports_itens-de-custos-do-transporte-rodoviario" data-analytics--analytics-popup-tracker-popup-path-value="/posts/itens-de-custos-do-transporte-rodoviario" data-analytics--analytics-popup-tracker-popup-title-value="Itens de custos do 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="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1">
            <img class="w-full min-h-[365px] object-cover rounded-lg rounded-bl-none rounded-br-none overflow-hidden" src="https://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA2NCwicHVyIjoiYmxvYl9pZCJ9fQ==--9b1faedbee515a064136093a2d4e1326f530a804/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls3MjAsNzIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1391a42dc26c44fc5d3eeed63e1fc83b69601d37/Capa%20-%20Itens%20de%20custo.jpg" loading="lazy" />
          <div class="px-6 py-4 flex flex-col gap-y-4 flex-1">
            <h2 class="text-[22px] font-bold cursor-pointer" data-action="click->ui--dialog#open">Itens de custos do transporte rodoviário</h2>
            <div class="line-clamp-3"><div>Nesse relatório são analisados os principais Itens de Custo do Transporte Rodoviário no Brasil.</div></div>
            <footer class="text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Setembro, 2025
              </div>
              <div>
                  <div class="self-end flex items-center justify-end flex-1">
    <div data-controller="ui--popover" data-ui--popover-close-others-value=&quot;true&quot;>
  <div class="popover-trigger h-full" data-state="closed" data-ui--popover-target="trigger" data-action="click->ui--popover#toggle">
    
        <div class="flex items-center text-primary gap-2 cursor-pointer self-end">
          <svg width="25" height="21" viewBox="0 0 25 21" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M15.4587 6.06063V0.727295L24.792 10.0606L15.4587 19.394V13.9273C8.79199 13.9273 4.12532 16.0606 0.791992 20.7273C2.12532 14.0606 6.12532 7.39396 15.4587 6.06063Z" fill="#F39200"/>
          </svg>

        </div>

  </div>
  <div class="popover-wrapper" data-ui--popover-target="wrapper" class="">
    <div
      date-side="bottom"
      data-controller="ui--transition"
      data-ui--popover-target="content"
      data-align="center"
      data-side=""
      data-state="closed"
      role="dialog"
      class="hidden z-50 rounded-md overflow-y-auto text-popover-foreground shadow-md outline-none bg-white border border-primary w-fit p-0 !rounded-[5px]"
      tabindex=" -1 ">
      
        <button class="flex py-2 items-center w-full text-[#49454F] gap-2 px-2.5 text-sm hover:bg-primary/50 focus:bg-primary/50 cursor-pointer" data-action="click->clipboard#copy" data-controller="clipboard" data-clipboard-show-tooltip-value="true" data-clipboard-copy-value="https://prime.ilos.com.br/posts/itens-de-custos-do-transporte-rodoviario" title="Copiar link do post">
          <svg width="10" height="12" class="min-w-4 h-4" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M3.52941 9.6C3.20588 9.6 2.92902 9.4826 2.69882 9.2478C2.46824 9.0126 2.35294 8.73 2.35294 8.4V1.2C2.35294 0.87 2.46824 0.5874 2.69882 0.3522C2.92902 0.1174 3.20588 0 3.52941 0H8.82353C9.14706 0 9.42412 0.1174 9.65471 0.3522C9.8849 0.5874 10 0.87 10 1.2V8.4C10 8.73 9.8849 9.0126 9.65471 9.2478C9.42412 9.4826 9.14706 9.6 8.82353 9.6H3.52941ZM1.17647 12C0.852941 12 0.575882 11.8826 0.345294 11.6478C0.115098 11.4126 0 11.13 0 10.8V3C0 2.83 0.0564706 2.6874 0.169412 2.5722C0.281961 2.4574 0.421569 2.4 0.588235 2.4C0.754902 2.4 0.894706 2.4574 1.00765 2.5722C1.1202 2.6874 1.17647 2.83 1.17647 3V10.8H7.05882C7.22549 10.8 7.36529 10.8576 7.47824 10.9728C7.59078 11.0876 7.64706 11.23 7.64706 11.4C7.64706 11.57 7.59078 11.7124 7.47824 11.8272C7.36529 11.9424 7.22549 12 7.05882 12H1.17647Z" fill="currentColor"/>
          </svg>
          <span>Copiar link</span>
        </button>
        <button data-action="click->share#share" data-controller="share" data-share-share-url-value="Confira%20este%20post%20do%20ILOS%3A%20https%3A%2F%2Fprime.ilos.com.br%2Fposts%2Fitens-de-custos-do-transporte-rodoviario" title="Compartilhar post" class="flex py-2 w-full items-center text-[#49454F] gap-2 px-2.5 text-sm hover:bg-primary/50 focus:bg-primary/50 cursor-pointer">
          <svg width="12" height="13" class="min-w-4 h-4" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M10.1957 1.79195C9.0742 0.634263 7.58082 0 5.99149 0C2.71686 0 0.04798 2.74026 0.04798 6.10247C0.04798 7.18011 0.323864 8.22695 0.839648 9.15063L0 12.3158L3.14868 11.466C4.01832 11.9525 4.99591 12.2111 5.99149 12.2111C9.26612 12.2111 11.935 9.47084 11.935 6.10863C11.935 4.47679 11.3173 2.94347 10.1957 1.79195ZM5.99149 11.1766C5.10386 11.1766 4.23423 10.9303 3.47255 10.4684L3.29262 10.3576L1.4214 10.8625L1.9192 8.99053L1.79925 8.79963C1.30745 7.99295 1.04356 7.05695 1.04356 6.10247C1.04356 3.30679 3.26263 1.02837 5.98549 1.02837C7.30494 1.02837 8.54642 1.55795 9.47603 2.51858C10.4116 3.47921 10.9214 4.75389 10.9214 6.10863C10.9334 8.90432 8.71435 11.1766 5.99149 11.1766ZM8.70235 7.38332C8.55242 7.30942 7.82072 6.93995 7.68878 6.88453C7.55084 6.83526 7.45488 6.81063 7.35292 6.95842C7.25096 7.11237 6.96908 7.45721 6.88512 7.55574C6.80115 7.66042 6.71119 7.67274 6.56125 7.59268C6.41131 7.51879 5.93152 7.35253 5.36775 6.83526C4.92394 6.42884 4.63006 5.93005 4.5401 5.77611C4.45613 5.62216 4.5281 5.54211 4.60607 5.46205C4.67204 5.39432 4.75601 5.28347 4.82798 5.19726C4.89995 5.11105 4.92993 5.04332 4.97792 4.94479C5.0259 4.84011 5.0019 4.75389 4.96592 4.68C4.92993 4.60611 4.63006 3.85484 4.51011 3.54695C4.39016 3.25137 4.26421 3.28832 4.17425 3.28216C4.08429 3.28216 3.98833 3.28216 3.88637 3.28216C3.78441 3.28216 3.62848 3.31911 3.49054 3.47305C3.35859 3.627 2.97475 3.99647 2.97475 4.74774C2.97475 5.499 3.50853 6.22563 3.5805 6.32416C3.65247 6.42884 4.63006 7.96832 6.11744 8.62721C6.47129 8.78732 6.74717 8.87968 6.96308 8.94742C7.31694 9.06442 7.6408 9.04595 7.89869 9.009C8.18657 8.96589 8.78032 8.63953 8.90027 8.28237C9.02622 7.92521 9.02622 7.62347 8.98424 7.55574C8.94226 7.488 8.85229 7.45721 8.70235 7.38332Z" fill="currentColor"/>
          </svg>
          <span>Enviar via Whatsapp</span>
        </button>

    </div>
  </div>
</div>
  </div>

              </div>
            </footer>
          </div>
        </div>

  </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="KrnshdJTdidryAVEfj0lJi6c2RcEwEwF1mcOFaJYahS56IY2w5CbMhjN3yJVJaEvis1PKeYgU9xcjloqoWi5rw" 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>
</article>

    <article class="cursor-pointer"  data-controller='pdf-viewer' data-action="click->pdf-viewer#show"
  data-pdf-viewer-url-value="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc1MCwicHVyIjoiYmxvYl9pZCJ9fQ==--f132c7d23e8a3c5735832bc957f414a07373c36c/2.%20Oferta%20de%20transporte%20rodovia%CC%81rio_v4.pdf?disposition=inline"
  data-pdf-viewer-id-value="353"
  data-pdf-viewer-api-key-value="c9863ef0492243feb195cabcd028ee4c">
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="reports_oferta-de-transporte-rodoviario" data-analytics--analytics-popup-tracker-popup-path-value="/posts/oferta-de-transporte-rodoviario" data-analytics--analytics-popup-tracker-popup-title-value="Oferta de 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="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1">
            <img class="w-full min-h-[365px] object-cover rounded-lg rounded-bl-none rounded-br-none overflow-hidden" src="https://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA2NywicHVyIjoiYmxvYl9pZCJ9fQ==--901b067be378d2d6b465244b05c2108da3090f63/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls3MjAsNzIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1391a42dc26c44fc5d3eeed63e1fc83b69601d37/Capa%20-%20Oferta%20de%20Transportes.jpg" loading="lazy" />
          <div class="px-6 py-4 flex flex-col gap-y-4 flex-1">
            <h2 class="text-[22px] font-bold cursor-pointer" data-action="click->ui--dialog#open">Oferta de transporte rodoviário</h2>
            <div class="line-clamp-3"><div>Este relatório traça um cenário da Oferta de transportes no Brasil.</div></div>
            <footer class="text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Setembro, 2025
              </div>
              <div>
                  <div class="self-end flex items-center justify-end flex-1">
    <div data-controller="ui--popover" data-ui--popover-close-others-value=&quot;true&quot;>
  <div class="popover-trigger h-full" data-state="closed" data-ui--popover-target="trigger" data-action="click->ui--popover#toggle">
    
        <div class="flex items-center text-primary gap-2 cursor-pointer self-end">
          <svg width="25" height="21" viewBox="0 0 25 21" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M15.4587 6.06063V0.727295L24.792 10.0606L15.4587 19.394V13.9273C8.79199 13.9273 4.12532 16.0606 0.791992 20.7273C2.12532 14.0606 6.12532 7.39396 15.4587 6.06063Z" fill="#F39200"/>
          </svg>

        </div>

  </div>
  <div class="popover-wrapper" data-ui--popover-target="wrapper" class="">
    <div
      date-side="bottom"
      data-controller="ui--transition"
      data-ui--popover-target="content"
      data-align="center"
      data-side=""
      data-state="closed"
      role="dialog"
      class="hidden z-50 rounded-md overflow-y-auto text-popover-foreground shadow-md outline-none bg-white border border-primary w-fit p-0 !rounded-[5px]"
      tabindex=" -1 ">
      
        <button class="flex py-2 items-center w-full text-[#49454F] gap-2 px-2.5 text-sm hover:bg-primary/50 focus:bg-primary/50 cursor-pointer" data-action="click->clipboard#copy" data-controller="clipboard" data-clipboard-show-tooltip-value="true" data-clipboard-copy-value="https://prime.ilos.com.br/posts/oferta-de-transporte-rodoviario" title="Copiar link do post">
          <svg width="10" height="12" class="min-w-4 h-4" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M3.52941 9.6C3.20588 9.6 2.92902 9.4826 2.69882 9.2478C2.46824 9.0126 2.35294 8.73 2.35294 8.4V1.2C2.35294 0.87 2.46824 0.5874 2.69882 0.3522C2.92902 0.1174 3.20588 0 3.52941 0H8.82353C9.14706 0 9.42412 0.1174 9.65471 0.3522C9.8849 0.5874 10 0.87 10 1.2V8.4C10 8.73 9.8849 9.0126 9.65471 9.2478C9.42412 9.4826 9.14706 9.6 8.82353 9.6H3.52941ZM1.17647 12C0.852941 12 0.575882 11.8826 0.345294 11.6478C0.115098 11.4126 0 11.13 0 10.8V3C0 2.83 0.0564706 2.6874 0.169412 2.5722C0.281961 2.4574 0.421569 2.4 0.588235 2.4C0.754902 2.4 0.894706 2.4574 1.00765 2.5722C1.1202 2.6874 1.17647 2.83 1.17647 3V10.8H7.05882C7.22549 10.8 7.36529 10.8576 7.47824 10.9728C7.59078 11.0876 7.64706 11.23 7.64706 11.4C7.64706 11.57 7.59078 11.7124 7.47824 11.8272C7.36529 11.9424 7.22549 12 7.05882 12H1.17647Z" fill="currentColor"/>
          </svg>
          <span>Copiar link</span>
        </button>
        <button data-action="click->share#share" data-controller="share" data-share-share-url-value="Confira%20este%20post%20do%20ILOS%3A%20https%3A%2F%2Fprime.ilos.com.br%2Fposts%2Foferta-de-transporte-rodoviario" title="Compartilhar post" class="flex py-2 w-full items-center text-[#49454F] gap-2 px-2.5 text-sm hover:bg-primary/50 focus:bg-primary/50 cursor-pointer">
          <svg width="12" height="13" class="min-w-4 h-4" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M10.1957 1.79195C9.0742 0.634263 7.58082 0 5.99149 0C2.71686 0 0.04798 2.74026 0.04798 6.10247C0.04798 7.18011 0.323864 8.22695 0.839648 9.15063L0 12.3158L3.14868 11.466C4.01832 11.9525 4.99591 12.2111 5.99149 12.2111C9.26612 12.2111 11.935 9.47084 11.935 6.10863C11.935 4.47679 11.3173 2.94347 10.1957 1.79195ZM5.99149 11.1766C5.10386 11.1766 4.23423 10.9303 3.47255 10.4684L3.29262 10.3576L1.4214 10.8625L1.9192 8.99053L1.79925 8.79963C1.30745 7.99295 1.04356 7.05695 1.04356 6.10247C1.04356 3.30679 3.26263 1.02837 5.98549 1.02837C7.30494 1.02837 8.54642 1.55795 9.47603 2.51858C10.4116 3.47921 10.9214 4.75389 10.9214 6.10863C10.9334 8.90432 8.71435 11.1766 5.99149 11.1766ZM8.70235 7.38332C8.55242 7.30942 7.82072 6.93995 7.68878 6.88453C7.55084 6.83526 7.45488 6.81063 7.35292 6.95842C7.25096 7.11237 6.96908 7.45721 6.88512 7.55574C6.80115 7.66042 6.71119 7.67274 6.56125 7.59268C6.41131 7.51879 5.93152 7.35253 5.36775 6.83526C4.92394 6.42884 4.63006 5.93005 4.5401 5.77611C4.45613 5.62216 4.5281 5.54211 4.60607 5.46205C4.67204 5.39432 4.75601 5.28347 4.82798 5.19726C4.89995 5.11105 4.92993 5.04332 4.97792 4.94479C5.0259 4.84011 5.0019 4.75389 4.96592 4.68C4.92993 4.60611 4.63006 3.85484 4.51011 3.54695C4.39016 3.25137 4.26421 3.28832 4.17425 3.28216C4.08429 3.28216 3.98833 3.28216 3.88637 3.28216C3.78441 3.28216 3.62848 3.31911 3.49054 3.47305C3.35859 3.627 2.97475 3.99647 2.97475 4.74774C2.97475 5.499 3.50853 6.22563 3.5805 6.32416C3.65247 6.42884 4.63006 7.96832 6.11744 8.62721C6.47129 8.78732 6.74717 8.87968 6.96308 8.94742C7.31694 9.06442 7.6408 9.04595 7.89869 9.009C8.18657 8.96589 8.78032 8.63953 8.90027 8.28237C9.02622 7.92521 9.02622 7.62347 8.98424 7.55574C8.94226 7.488 8.85229 7.45721 8.70235 7.38332Z" fill="currentColor"/>
          </svg>
          <span>Enviar via Whatsapp</span>
        </button>

    </div>
  </div>
</div>
  </div>

              </div>
            </footer>
          </div>
        </div>

  </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="SAGptJEUsic5P17IUpnnQD0Es0c8t1rmqwP08ttdyITbUMMHgNdfMko6hK55gWNJmVUled5XRT8h6qDN2G0bPw" 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>
</article>

    <article class="cursor-pointer"  data-controller='pdf-viewer' data-action="click->pdf-viewer#show"
  data-pdf-viewer-url-value="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc0OSwicHVyIjoiYmxvYl9pZCJ9fQ==--ee40946352343775e3fdc7f2997e5cdc23af2fe7/3.%20Demanda%20por%20transporte%20rodovia%CC%81rio_v4.pdf?disposition=inline"
  data-pdf-viewer-id-value="354"
  data-pdf-viewer-api-key-value="c9863ef0492243feb195cabcd028ee4c">
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="reports_demanda-por-transporte-rodoviario" data-analytics--analytics-popup-tracker-popup-path-value="/posts/demanda-por-transporte-rodoviario" data-analytics--analytics-popup-tracker-popup-title-value="Demanda por 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="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1">
            <img class="w-full min-h-[365px] object-cover rounded-lg rounded-bl-none rounded-br-none overflow-hidden" src="https://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA3MCwicHVyIjoiYmxvYl9pZCJ9fQ==--afc290bdb03a371be7ccade2f1abaa1674a6fdd9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls3MjAsNzIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1391a42dc26c44fc5d3eeed63e1fc83b69601d37/Capa_Demanda%20por%20transporte.jpg" loading="lazy" />
          <div class="px-6 py-4 flex flex-col gap-y-4 flex-1">
            <h2 class="text-[22px] font-bold cursor-pointer" data-action="click->ui--dialog#open">Demanda por transporte rodoviário</h2>
            <div class="line-clamp-3"><div>Nesse relatório são analisados indicadores que afetam a Demanda pelo modal rodoviário.&nbsp;</div></div>
            <footer class="text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Setembro, 2025
              </div>
              <div>
                  <div class="self-end flex items-center justify-end flex-1">
    <div data-controller="ui--popover" data-ui--popover-close-others-value=&quot;true&quot;>
  <div class="popover-trigger h-full" data-state="closed" data-ui--popover-target="trigger" data-action="click->ui--popover#toggle">
    
        <div class="flex items-center text-primary gap-2 cursor-pointer self-end">
          <svg width="25" height="21" viewBox="0 0 25 21" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M15.4587 6.06063V0.727295L24.792 10.0606L15.4587 19.394V13.9273C8.79199 13.9273 4.12532 16.0606 0.791992 20.7273C2.12532 14.0606 6.12532 7.39396 15.4587 6.06063Z" fill="#F39200"/>
          </svg>

        </div>

  </div>
  <div class="popover-wrapper" data-ui--popover-target="wrapper" class="">
    <div
      date-side="bottom"
      data-controller="ui--transition"
      data-ui--popover-target="content"
      data-align="center"
      data-side=""
      data-state="closed"
      role="dialog"
      class="hidden z-50 rounded-md overflow-y-auto text-popover-foreground shadow-md outline-none bg-white border border-primary w-fit p-0 !rounded-[5px]"
      tabindex=" -1 ">
      
        <button class="flex py-2 items-center w-full text-[#49454F] gap-2 px-2.5 text-sm hover:bg-primary/50 focus:bg-primary/50 cursor-pointer" data-action="click->clipboard#copy" data-controller="clipboard" data-clipboard-show-tooltip-value="true" data-clipboard-copy-value="https://prime.ilos.com.br/posts/demanda-por-transporte-rodoviario" title="Copiar link do post">
          <svg width="10" height="12" class="min-w-4 h-4" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M3.52941 9.6C3.20588 9.6 2.92902 9.4826 2.69882 9.2478C2.46824 9.0126 2.35294 8.73 2.35294 8.4V1.2C2.35294 0.87 2.46824 0.5874 2.69882 0.3522C2.92902 0.1174 3.20588 0 3.52941 0H8.82353C9.14706 0 9.42412 0.1174 9.65471 0.3522C9.8849 0.5874 10 0.87 10 1.2V8.4C10 8.73 9.8849 9.0126 9.65471 9.2478C9.42412 9.4826 9.14706 9.6 8.82353 9.6H3.52941ZM1.17647 12C0.852941 12 0.575882 11.8826 0.345294 11.6478C0.115098 11.4126 0 11.13 0 10.8V3C0 2.83 0.0564706 2.6874 0.169412 2.5722C0.281961 2.4574 0.421569 2.4 0.588235 2.4C0.754902 2.4 0.894706 2.4574 1.00765 2.5722C1.1202 2.6874 1.17647 2.83 1.17647 3V10.8H7.05882C7.22549 10.8 7.36529 10.8576 7.47824 10.9728C7.59078 11.0876 7.64706 11.23 7.64706 11.4C7.64706 11.57 7.59078 11.7124 7.47824 11.8272C7.36529 11.9424 7.22549 12 7.05882 12H1.17647Z" fill="currentColor"/>
          </svg>
          <span>Copiar link</span>
        </button>
        <button data-action="click->share#share" data-controller="share" data-share-share-url-value="Confira%20este%20post%20do%20ILOS%3A%20https%3A%2F%2Fprime.ilos.com.br%2Fposts%2Fdemanda-por-transporte-rodoviario" title="Compartilhar post" class="flex py-2 w-full items-center text-[#49454F] gap-2 px-2.5 text-sm hover:bg-primary/50 focus:bg-primary/50 cursor-pointer">
          <svg width="12" height="13" class="min-w-4 h-4" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M10.1957 1.79195C9.0742 0.634263 7.58082 0 5.99149 0C2.71686 0 0.04798 2.74026 0.04798 6.10247C0.04798 7.18011 0.323864 8.22695 0.839648 9.15063L0 12.3158L3.14868 11.466C4.01832 11.9525 4.99591 12.2111 5.99149 12.2111C9.26612 12.2111 11.935 9.47084 11.935 6.10863C11.935 4.47679 11.3173 2.94347 10.1957 1.79195ZM5.99149 11.1766C5.10386 11.1766 4.23423 10.9303 3.47255 10.4684L3.29262 10.3576L1.4214 10.8625L1.9192 8.99053L1.79925 8.79963C1.30745 7.99295 1.04356 7.05695 1.04356 6.10247C1.04356 3.30679 3.26263 1.02837 5.98549 1.02837C7.30494 1.02837 8.54642 1.55795 9.47603 2.51858C10.4116 3.47921 10.9214 4.75389 10.9214 6.10863C10.9334 8.90432 8.71435 11.1766 5.99149 11.1766ZM8.70235 7.38332C8.55242 7.30942 7.82072 6.93995 7.68878 6.88453C7.55084 6.83526 7.45488 6.81063 7.35292 6.95842C7.25096 7.11237 6.96908 7.45721 6.88512 7.55574C6.80115 7.66042 6.71119 7.67274 6.56125 7.59268C6.41131 7.51879 5.93152 7.35253 5.36775 6.83526C4.92394 6.42884 4.63006 5.93005 4.5401 5.77611C4.45613 5.62216 4.5281 5.54211 4.60607 5.46205C4.67204 5.39432 4.75601 5.28347 4.82798 5.19726C4.89995 5.11105 4.92993 5.04332 4.97792 4.94479C5.0259 4.84011 5.0019 4.75389 4.96592 4.68C4.92993 4.60611 4.63006 3.85484 4.51011 3.54695C4.39016 3.25137 4.26421 3.28832 4.17425 3.28216C4.08429 3.28216 3.98833 3.28216 3.88637 3.28216C3.78441 3.28216 3.62848 3.31911 3.49054 3.47305C3.35859 3.627 2.97475 3.99647 2.97475 4.74774C2.97475 5.499 3.50853 6.22563 3.5805 6.32416C3.65247 6.42884 4.63006 7.96832 6.11744 8.62721C6.47129 8.78732 6.74717 8.87968 6.96308 8.94742C7.31694 9.06442 7.6408 9.04595 7.89869 9.009C8.18657 8.96589 8.78032 8.63953 8.90027 8.28237C9.02622 7.92521 9.02622 7.62347 8.98424 7.55574C8.94226 7.488 8.85229 7.45721 8.70235 7.38332Z" fill="currentColor"/>
          </svg>
          <span>Enviar via Whatsapp</span>
        </button>

    </div>
  </div>
</div>
  </div>

              </div>
            </footer>
          </div>
        </div>

  </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="KKzYcflmHdmC_12zc43YS9jYFlT7pa9uWLmKtyXrudG7_bLC6KXwzPH6h9VYlVxCfImAahlFsLfSUN6IJttqag" 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>
</article>

</template></turbo-stream><turbo-stream action="update" target="current_page"><template>1</template></turbo-stream>