<turbo-stream action="append" target="posts"><template>
    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_nova-tabela-antt-aumenta-piso-minimo-para-granel-solido" data-analytics--analytics-popup-tracker-popup-path-value="/posts/nova-tabela-antt-aumenta-piso-minimo-para-granel-solido" data-analytics--analytics-popup-tracker-popup-title-value="teste Line Chart Race Exportações Brasileiras - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
            <div class="absolute w-full h-full z-50" data-action="click->ui--dialog#open"></div>
            <div class="z-0 min-h-[446px]">
              <div style="padding:100% 0 0 0;position:relative;"><iframe src=https://player.vimeo.com/video/1045344751?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&controls=0&autoplay=1&loop=1&muted=1 frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Line Chart Race Exportações Brasileiras"></iframe></div><script src=https://player.vimeo.com/api/player.js></script>
            </div>
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                teste Line Chart Race Exportações Brasileiras
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>&nbsp;A tabela do Piso Mínimo de Frete foi atualizada recentemente, e o frete rodoviário de granel sólido teve um aumento de 3,8% em relação à tabela vigente no final de 2025. Na simulação foi considerada uma operação com uma carreta de 9 eixos percorrendo uma distância de 1.500km, com o valor mínimo subindo para R$13,7 mil na tabela publicada em janeiro de 2026.<br>&nbsp;<br>&nbsp;A variação reflete o reajuste periódico da metodologia da ANTT, que tem como base os diversos ítens de custos que compõem o transporte rodoviário de carga. Embarcadores e transportadores precisam ficar atentos aos novos valores, para evitar a atuação por não atendimento do piso mínimo.<br>&nbsp;<br>&nbsp;O ILOS apoia as grandes empresas do Brasil a adequar as suas operações de transporte rodoviário de carga aos parâmetros do Piso Mínimo de Frete da ANTT. Veja como: <a href="https://ilos.com.br/ilos-auxilia-metalurgica-a-comparar-fretes-pagos-versus-fretes-minimos-da-antt/">https://ilos.com.br/ilos-auxilia-metalurgica-a-comparar-fretes-pagos-versus-fretes-minimos-da-antt/</a></div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Fevereiro, 2026
              </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://ilos.qa.agf12.com.br/posts/nova-tabela-antt-aumenta-piso-minimo-para-granel-solido" 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%2Filos.qa.agf12.com.br%2Fposts%2Fnova-tabela-antt-aumenta-piso-minimo-para-granel-solido" 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="1DxzHO68XA8fiOc1dorYfPjDzY3ozN4nz46zNvvkqQfg6voWwwaWy45BtwsmeUa87ayS9cjo1XbufPUSD1aagA" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_o-pib-do-brasil-cresceu-2-9-em-2023" data-analytics--analytics-popup-tracker-popup-path-value="/posts/o-pib-do-brasil-cresceu-2-9-em-2023" data-analytics--analytics-popup-tracker-popup-title-value="O Pib Do Brasil Cresceu 2,9% Em 2023	 - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
                <img class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIxMSwicHVyIjoiYmxvYl9pZCJ9fQ==--69f3e3eb076008b91939e40dd973ecfb5b96b14b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzYwMCw2MDAseyJjcm9wIjoiY2VudHJlIn1dfSwicHVyIjoidmFyaWF0aW9uIn19--d484032832713955f3530893608435a2c71abb34/page-000.jpg" loading="lazy" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                O Pib Do Brasil Cresceu 2,9% Em 2023	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>O PIB do Brasil em 2023 cresceu 2,9% em relação ao ano anterior, impulsionado principalmente pela safra histórica de soja e milho. Esse aumento significou também uma forte alta na demanda por transporte de carga no país, principalmente no modal rodoviário. A facilidade de adicionar caminhões nas estradas e a limitação de capacidade em modais alternativos e de custos mais baixos, como o ferroviário, transformam o rodoviário em um buffer de transporte no Brasil. Quando a economia aquece, o rodoviário sofre os maiores impactos. Por outro lado, o modal é o primeiro a sentir quando cai a produção nacional.</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Julho, 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://ilos.qa.agf12.com.br/posts/o-pib-do-brasil-cresceu-2-9-em-2023" 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%2Filos.qa.agf12.com.br%2Fposts%2Fo-pib-do-brasil-cresceu-2-9-em-2023" 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="JLmU96ElD4KfLD-cq5qAtgDNU5EkKOZfyZd6y4Sk9GQQbx39jJ_FRg7lb6L7aR52FaIM6QQM7Q7oZTzvcBbH4w" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_preco-do-m-de-condominios-logisticos" data-analytics--analytics-popup-tracker-popup-path-value="/posts/preco-do-m-de-condominios-logisticos" data-analytics--analytics-popup-tracker-popup-title-value="Pdf Novo   Preço Do M² De Condomínios 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
              <img loading="lazy" class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE0OSwicHVyIjoiYmxvYl9pZCJ9fQ==--10f4ac909f83cc8899d19b8e4b9136b82ba38b82/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls2MDAsNjAwLHsiY3JvcCI6ImNlbnRyZSJ9XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--bdbeec3ce47c2c024ad19b52e04825bdf8c41819/Qual%20a%20idade%20dos%20caminhoneiros%20brasileiros.jpeg" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                Pdf Novo   Preço Do M² De Condomínios Logísticos	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>O preço médio para armazenagem em condomínios logísticos no Brasil está em torno dós R$25 o metro quadrado. Esse valor é 8% maior do que o registrado nos últimos 12 meses. Regiões com grande procura de área, como São Paulo, acabam apresentando preços maiores, seguindo a lógica de mercado. Os gastos com a área locada são um dos componentes de custos da armazenagem, com impacto direto nos custos logísticos das empresas.</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Julho, 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://ilos.qa.agf12.com.br/posts/preco-do-m-de-condominios-logisticos" 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%2Filos.qa.agf12.com.br%2Fposts%2Fpreco-do-m-de-condominios-logisticos" 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="NfayC8xuYgKnCTsMh2bwCNZ6Kh8k6s5CrYqdxjWgafoBIDsB4dSoxjbAazLXlW7IwxV1ZwTOxROMeNviwRJafQ" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_representatividade-dos-itens-no-custo-padrao-de-transporte" data-analytics--analytics-popup-tracker-popup-path-value="/posts/representatividade-dos-itens-no-custo-padrao-de-transporte" data-analytics--analytics-popup-tracker-popup-title-value="Representatividade Dos Itens No Custo Padrão De Transporte	 - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
              <img loading="lazy" class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAwNywicHVyIjoiYmxvYl9pZCJ9fQ==--bf109d71f3ddbb0b0790afad837827a4996f9693/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls2MDAsNjAwLHsiY3JvcCI6ImNlbnRyZSJ9XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--bdbeec3ce47c2c024ad19b52e04825bdf8c41819/Logi%CC%81stica%20reversa%20do%20lixo%20eletro%CC%82nico%20por%20regia%CC%83o.jpeg" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                Representatividade Dos Itens No Custo Padrão De Transporte	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>O preço do combustível representa, em média, quase 50% dos custos do transporte rodoviário de carga para uma rota de 1.000km no Brasil. Nesse cálculo, além do preço do diesel S-10 está incluído também o Arla. A representatividade do preço do diesel nos custos de transportes é maior quanto mais longa for a rota. A elevada participação do transporte nos custos logísticos das empresas torna importante o acompanhamento regular nos valores de fretes pagos a terceiros. Estimativas do custo padrão de operação servem como um balizador de valores mínimos. Outra ferramenta interessante são os benchmarkings de frete, como o Painel de Fretes do ILOS, que dão visibilidade aos gestores sobre os preços de frete rodoviário que estão sendo pagos no Brasil.</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Junho, 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://ilos.qa.agf12.com.br/posts/representatividade-dos-itens-no-custo-padrao-de-transporte" 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%2Filos.qa.agf12.com.br%2Fposts%2Frepresentatividade-dos-itens-no-custo-padrao-de-transporte" 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="BTlEJQpZzjjs14dYKE_KOj8ElaO-qrOuV-LjY2rG3ycx780vJ-ME_H0e12Z4vFT6KmvK256OuP92EKVHnnTsoA" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_volume-de-carga-nas-ferrovias" data-analytics--analytics-popup-tracker-popup-path-value="/posts/volume-de-carga-nas-ferrovias" data-analytics--analytics-popup-tracker-popup-title-value="Volume De Carga Nas Ferrovias	 - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
              <img loading="lazy" class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAyMywicHVyIjoiYmxvYl9pZCJ9fQ==--3cad7dee25881a11dd877e08e5fede8303e80242/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls2MDAsNjAwLHsiY3JvcCI6ImNlbnRyZSJ9XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--bdbeec3ce47c2c024ad19b52e04825bdf8c41819/Destinos%20das%20exportac%CC%A7o%CC%83es%20de%20chocolate%20do%20Brasil%20em%202024.jpeg" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                Volume De Carga Nas Ferrovias	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>Em 2023, as ferrovias brasileiras movimentaram mais de 530 milhões de toneladas de carga, 6% a mais do que o transportado no ano anterior. Esse crescimento se deve principalmente ao aumento no volume de minério de ferro na ferrovia nesse período. O modal ferroviário é importante para a movimentação de grandes volumes de carga de baixo valor agregado por grandes distâncias. A necessidade de grandes investimentos e o tempo mais longo para construção tornam mais difícil e demorado o surgimento de novas ferrovias no Brasil.</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Junho, 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://ilos.qa.agf12.com.br/posts/volume-de-carga-nas-ferrovias" 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%2Filos.qa.agf12.com.br%2Fposts%2Fvolume-de-carga-nas-ferrovias" 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="rr2OB97m_Rex5USWYhffU1c6hpJOvHH7fnqRSJPegXCaawcN81w30yAsFKgy5EGTQlXZ6m6YeqpfiNdsZ2yy9w" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_preco-medio-de-revenda-do-oleo-diesel-s10-em-2023" data-analytics--analytics-popup-tracker-popup-path-value="/posts/preco-medio-de-revenda-do-oleo-diesel-s10-em-2023" data-analytics--analytics-popup-tracker-popup-title-value="Novo Ajuste Pdf   Preço Médio De Revenda Do óleo Diesel S10 Em 2023	 - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
                <img class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIxMywicHVyIjoiYmxvYl9pZCJ9fQ==--c6966c2d0bc65de4020b2fb0e8c492e75e7ab276/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzYwMCw2MDAseyJjcm9wIjoiY2VudHJlIn1dfSwicHVyIjoidmFyaWF0aW9uIn19--d484032832713955f3530893608435a2c71abb34/page-000.jpg" loading="lazy" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                Novo Ajuste Pdf   Preço Médio De Revenda Do óleo Diesel S10 Em 2023	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>O preço médio do diesel S-10 fechou dezembro de 2023 a R$6,02, queda de quase 7% em relação a janeiro do mesmo ano. Dependendo da extensão da rota, o preço do diesel pode chegar a representar mais de 40% do custo do frete rodoviário.</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Fevereiro, 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://ilos.qa.agf12.com.br/posts/preco-medio-de-revenda-do-oleo-diesel-s10-em-2023" 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%2Filos.qa.agf12.com.br%2Fposts%2Fpreco-medio-de-revenda-do-oleo-diesel-s10-em-2023" 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="oStdngXRz_3YUpI7z0iu-kFunWwPWtZrQQ991dYzfxWV_dSUKGsFOUmbwgWfuzA6VAHCFC9-3Tpg_TvxIoFMkg" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_queda-nas-vendas-de-caminhoes" data-analytics--analytics-popup-tracker-popup-path-value="/posts/queda-nas-vendas-de-caminhoes" data-analytics--analytics-popup-tracker-popup-title-value="Queda Nas Vendas De Caminhões	 - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
              <img loading="lazy" class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjU2LCJwdXIiOiJibG9iX2lkIn19--d1d21764292ac11f940f2f6c3b29454ac1e865f6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls2MDAsNjAwLHsiY3JvcCI6ImNlbnRyZSJ9XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--bdbeec3ce47c2c024ad19b52e04825bdf8c41819/Queda%20nas%20vendas%20de%20caminh%C3%B5es.jpg" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                Queda Nas Vendas De Caminhões	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>As vendas de caminhões novos no Brasil em 2023 caíram quase 15% em relação a 2022. Dentre os fatores para a redução estão a maior restrição a crédito no país e o aumento no preço dos caminhões, em decorrência das novas exigências para controle de emissões de poluentes. A redução nas vendas de caminhões é um ponto de atenção para possíveis problemas na oferta de frete rodoviário no Brasil. ANTT</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Janeiro, 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://ilos.qa.agf12.com.br/posts/queda-nas-vendas-de-caminhoes" 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%2Filos.qa.agf12.com.br%2Fposts%2Fqueda-nas-vendas-de-caminhoes" 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="ku4eUvrPRNphYGNVoFpfZQ3vQBpB9DRSvK3XQdEPq16mOJdY13WOHvCpM2vwqcGlGIAfYmHQPwOdX5FlJb2Y2Q" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_variacao-do-volume-transportado-na-cabotagem" data-analytics--analytics-popup-tracker-popup-path-value="/posts/variacao-do-volume-transportado-na-cabotagem" data-analytics--analytics-popup-tracker-popup-title-value="Variação Do Volume Transportado Na Cabotagem	 - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
              <img loading="lazy" class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjUyLCJwdXIiOiJibG9iX2lkIn19--7cc257a2a691e1063589004dd1f7f50d900dccb3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls2MDAsNjAwLHsiY3JvcCI6ImNlbnRyZSJ9XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--bdbeec3ce47c2c024ad19b52e04825bdf8c41819/Varia%C3%A7%C3%A3o%20do%20volume%20transportado%20na%20cabotagem.jpg" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                Variação Do Volume Transportado Na Cabotagem	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>Em 2023, a cabotagem como um todo cresceu 3,71% no Brasil em relação ao ano anterior. O transporte de contêiner no modal aumentou pouco mais de 2%, enquanto o de outras cargas, que inclui a transferência de petróleo das plataformas, subiu quase 4%. No caso da cabotagem de contêiner, o seu crescimento aconteceu apesar da seca histórica no rio Negro, que banha Manaus, e prejudicou uma das principais rotas do modal no país. Em 2023, a saída de contêineres de Manaus via cabotagem sofreu forte queda, de quase 10%, enquanto a chegada de contêineres na cidade ficou relativamente estável, com pequena queda de 0,6%.</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Outubro, 2024
              </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://ilos.qa.agf12.com.br/posts/variacao-do-volume-transportado-na-cabotagem" 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%2Filos.qa.agf12.com.br%2Fposts%2Fvariacao-do-volume-transportado-na-cabotagem" 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="qnbQsk_mOOsD3Q0TpdaQYclAXHyoda2eIS0zeKSk_u6eoFm4YlzyL5IUXS31JQ6h3C8DBIhRps8A33VcUBbNaQ" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_salario-gerente-de-logistica-em-sp" data-analytics--analytics-popup-tracker-popup-path-value="/posts/salario-gerente-de-logistica-em-sp" data-analytics--analytics-popup-tracker-popup-title-value="Salário Gerente De Logística Em Sp	 - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
              <img loading="lazy" class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjUxLCJwdXIiOiJibG9iX2lkIn19--ff0646799a7a3614387ce300176f0a8a61a93611/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls2MDAsNjAwLHsiY3JvcCI6ImNlbnRyZSJ9XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--bdbeec3ce47c2c024ad19b52e04825bdf8c41819/Sal%C3%A1rio%20Gerente%20de%20Log%C3%ADstica%20em%20SP.jpg" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                Salário Gerente De Logística Em Sp	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>Os salários para o cargo de gerente de logística estão variando entre R$10 mil e R$18 mil nas empresas sediadas no estado de São Paulo. Esses números não são resultados de um censo, mas dão uma dimensão dos possíveis ganhos de um profissional de logística em nível gerencial. Quem se atualiza, amplia conhecimentos ou se aprofunda em sua área de atuação tem mais chances de se destacar e conquistar melhores oportunidades.</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Outubro, 2024
              </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://ilos.qa.agf12.com.br/posts/salario-gerente-de-logistica-em-sp" 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%2Filos.qa.agf12.com.br%2Fposts%2Fsalario-gerente-de-logistica-em-sp" 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="5xZRIxrwQajotClWs9baXWd-CV196Y87Gfw832J_WpDTwNgpN0qLbHl9eWjjJUSdchFWJV3NhGo4Dnr7ls1pFw" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_o-brasil-esta-entre-os-10-maiores-emissores-per-capta-de-poluentes-no-transporte" data-analytics--analytics-popup-tracker-popup-path-value="/posts/o-brasil-esta-entre-os-10-maiores-emissores-per-capta-de-poluentes-no-transporte" data-analytics--analytics-popup-tracker-popup-title-value="O Brasil Está Entre Os 10 Maiores Emissores Per Capta De Poluentes No Transporte	 - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
              <img loading="lazy" class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ5LCJwdXIiOiJibG9iX2lkIn19--e9c721512beadc06a1033fcf9896dadbaca25113/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls2MDAsNjAwLHsiY3JvcCI6ImNlbnRyZSJ9XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--bdbeec3ce47c2c024ad19b52e04825bdf8c41819/Emissoes%20no%20transporte.png" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                O Brasil Está Entre Os 10 Maiores Emissores Per Capta De Poluentes No Transporte	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>O Brasil está entre os 10 maiores emissores per capta de poluentes no transporte. Os Estados Unidos ocupam a primeira posição entre os maiores poluidores, com mais de duas vezes a quantidade de emissões per capta que o segundo colocado, a Coreia do Sul.</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Outubro, 2024
              </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://ilos.qa.agf12.com.br/posts/o-brasil-esta-entre-os-10-maiores-emissores-per-capta-de-poluentes-no-transporte" 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%2Filos.qa.agf12.com.br%2Fposts%2Fo-brasil-esta-entre-os-10-maiores-emissores-per-capta-de-poluentes-no-transporte" 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="xvMzAd50z-26m9V7n7rTUzcD69i-eITQy41ahmnhvPPyJboL884FKStShUXPSU2TImy0oJ5cj4HqfxyinVOPdA" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_preco-medio-de-revenda-do-diesel-s-10-nos-ultimos-12-meses" data-analytics--analytics-popup-tracker-popup-path-value="/posts/preco-medio-de-revenda-do-diesel-s-10-nos-ultimos-12-meses" data-analytics--analytics-popup-tracker-popup-title-value="Preço Médio De Revenda Do Diesel S 10 Nos últimos 12 Meses	 - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
              <img loading="lazy" class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ4LCJwdXIiOiJibG9iX2lkIn19--dc145cfd6782cc9692db79b051aebb7278034e5f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls2MDAsNjAwLHsiY3JvcCI6ImNlbnRyZSJ9XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--bdbeec3ce47c2c024ad19b52e04825bdf8c41819/Pre%C3%A7o%20m%C3%A9dio%20de%20revenda%20do%20diesel%20s-10%20nos%20%C3%BAltimos%2012%20meses.jpg" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                Preço Médio De Revenda Do Diesel S 10 Nos últimos 12 Meses	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>O preço médio de revenda do diesel nos postos brasileiros se mantém estável um pouco abaixo dos R$6,0 o litro nesse primeiro trimestre de 2024. A expectativa é de que os preços do combustível variem pouco ao longo de 2024, afetando menos os custos do frete.</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Outubro, 2024
              </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://ilos.qa.agf12.com.br/posts/preco-medio-de-revenda-do-diesel-s-10-nos-ultimos-12-meses" 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%2Filos.qa.agf12.com.br%2Fposts%2Fpreco-medio-de-revenda-do-diesel-s-10-nos-ultimos-12-meses" 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="y61klSJ-2kDBC53caoNRBVtOaMg-Yq3jCbhXfmeUAEb_e-2fD8QQhFDCzeI6cM_FTiE3sB5GprIoShFakyYzwQ" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article>
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="fast_posts_consumo-de-diesel-no-brasil" data-analytics--analytics-popup-tracker-popup-path-value="/posts/consumo-de-diesel-no-brasil" data-analytics--analytics-popup-tracker-popup-title-value="Consumo De Diesel No Brasil	 - 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 cursor-pointer">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1 flex flex-col">
              <img loading="lazy" class="w-full h-[446px] object-cover object-top rounded-lg rounded-bl-none rounded-br-none overflow-hidden bg-gray-200" src="https://ilos.qa.agf12.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ3LCJwdXIiOiJibG9iX2lkIn19--182b9474e99464c4564a5699a9e4e021cf90103c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls2MDAsNjAwLHsiY3JvcCI6ImNlbnRyZSJ9XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--bdbeec3ce47c2c024ad19b52e04825bdf8c41819/Consumo%20de%20Diesel%20no%20Brasil.jpg" />
          <div class="flex flex-col flex-1">
            <div class="pt-4 px-6">
              <p class="font-bold text-[22px]">
                Consumo De Diesel No Brasil	
              </p>
            </div>
            <div class="py-4 px-6">
              <div class="line-clamp-3"><div>O consumo de diesel no Brasil cresceu quase 4% em 2023 em relação a 2022, chegando ao recorde histórico de 65,5 milhões de m3. O principal fator para esse aumento foi a supersafra de grãos em 2023, que movimentou mais de 320 milhões de toneladas no país. As vendas do diesel são um importante indicador em relação à demanda por transporte rodoviário no Brasil.</div></div>
            </div>
            <footer class="py-4 px-6 text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Outubro, 2024
              </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://ilos.qa.agf12.com.br/posts/consumo-de-diesel-no-brasil" 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%2Filos.qa.agf12.com.br%2Fposts%2Fconsumo-de-diesel-no-brasil" 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="kH5fytmyiw2CXdcMOPS0wUSSI7mrkKhzpViAyo7iXhSkqNbA9AhByROUhzJoByoBUf18wYu0oyKEqsbuelBtkw" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://ilos-cas.qa.agf12.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

</template></turbo-stream>  <turbo-stream action="replace" target="load_more"><template>
    <turbo-frame loading="lazy" id="load_more" src="/fast-posts.turbo_stream?page=2"></turbo-frame>
</template></turbo-stream><turbo-stream action="update" target="current_page"><template>1</template></turbo-stream>