<turbo-stream action="append" target="posts"><template>
    <article class="cursor-pointer"  data-controller='pdf-viewer' data-action="click->pdf-viewer#show"
  data-pdf-viewer-url-value="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMCwicHVyIjoiYmxvYl9pZCJ9fQ==--22bd7167081b173943a9e65afda028bbfaad6317/06.%20Relac%CC%A7a%CC%83o%20OL_v1.pdf?disposition=inline"
  data-pdf-viewer-id-value="558"
  data-pdf-viewer-api-key-value="c9863ef0492243feb195cabcd028ee4c">
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="reports_acoes-de-descarbonizacao-entre-embarcadores-operadores-logisticos" data-analytics--analytics-popup-tracker-popup-path-value="/posts/acoes-de-descarbonizacao-entre-embarcadores-operadores-logisticos" data-analytics--analytics-popup-tracker-popup-title-value="Ações de Descarbonização entre Embarcadores &amp; Operadores Logísticos - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1">
            <img class="w-full min-h-[365px] object-cover rounded-lg rounded-bl-none rounded-br-none overflow-hidden" src="https://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk5MiwicHVyIjoiYmxvYl9pZCJ9fQ==--dd4fa602a368de27c0c3eb68645078c1b2791bce/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls3MjAsNzIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1391a42dc26c44fc5d3eeed63e1fc83b69601d37/06.%20Relac%CC%A7a%CC%83o%20OL_v1.png" loading="lazy" />
          <div class="px-6 py-4 flex flex-col gap-y-4 flex-1">
            <h2 class="text-[22px] font-bold cursor-pointer" data-action="click->ui--dialog#open">Ações de Descarbonização entre Embarcadores &amp; Operadores Logísticos</h2>
            <div class="line-clamp-3"><div>&nbsp;No Brasil, a terceirização das atividades logísticas é uma realidade amplamente consolidada, especialmente nas operações de transporte, atividade que mais gera gases de efeito estufa.<br><br>&nbsp;Entre as empresas embarcadoras analisadas na pesquisa realizada pelo ILOS, 88% das operações de transporte são terceirizadas, o que evidencia a forte dependência do mercado em relação a transportadores e operadores logísticos (OLs). Já na armazenagem, o nível de terceirização é de 37%.<br><br>&nbsp;Nesse contexto, descarbonizar a logística é uma ação necessariamente conjunta entre embarcadores e prestadores de serviços logísticos, dado que grande parte da operação – e, consequentemente, das emissões – está sob responsabilidade desses terceiros.<br><br>&nbsp;No caso do transporte, a colaboração para descarbonização é ainda mais crítica, pois as emissões associadas a essa etapa, quando terceirizadas, são classificadas como Escopo 3, ou seja, indiretas, e muitas vezes fora da prioridade dos embarcadores.&nbsp;</div></div>
            <footer class="text-sm text-zinc-500 mt-auto flex items-center justify-between">
              <div>
                Dezembro, 2025
              </div>
              <div>
                  <div class="self-end flex items-center justify-end flex-1">
    <div data-controller="ui--popover" data-ui--popover-close-others-value=&quot;true&quot;>
  <div class="popover-trigger h-full" data-state="closed" data-ui--popover-target="trigger" data-action="click->ui--popover#toggle">
    
        <div class="flex items-center text-primary gap-2 cursor-pointer self-end">
          <svg width="25" height="21" viewBox="0 0 25 21" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M15.4587 6.06063V0.727295L24.792 10.0606L15.4587 19.394V13.9273C8.79199 13.9273 4.12532 16.0606 0.791992 20.7273C2.12532 14.0606 6.12532 7.39396 15.4587 6.06063Z" fill="#F39200"/>
          </svg>

        </div>

  </div>
  <div class="popover-wrapper" data-ui--popover-target="wrapper" class="">
    <div
      date-side="bottom"
      data-controller="ui--transition"
      data-ui--popover-target="content"
      data-align="center"
      data-side=""
      data-state="closed"
      role="dialog"
      class="hidden z-50 rounded-md overflow-y-auto text-popover-foreground shadow-md outline-none bg-white border border-primary w-fit p-0 !rounded-[5px]"
      tabindex=" -1 ">
      
        <button class="flex py-2 items-center w-full text-[#49454F] gap-2 px-2.5 text-sm hover:bg-primary/50 focus:bg-primary/50 cursor-pointer" data-action="click->clipboard#copy" data-controller="clipboard" data-clipboard-show-tooltip-value="true" data-clipboard-copy-value="https://prime.ilos.com.br/posts/acoes-de-descarbonizacao-entre-embarcadores-operadores-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%2Fprime.ilos.com.br%2Fposts%2Facoes-de-descarbonizacao-entre-embarcadores-operadores-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="9mQQz8hWNdX-PO9d_kXwKTycFxagYqRpzUJZDjeSUgW9z1DVsn0-1gXdCsUvxGAoBzMfg5WU0dZtxl_mSp0UhA" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://cas.ilos.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article class="cursor-pointer"  data-controller='pdf-viewer' data-action="click->pdf-viewer#show"
  data-pdf-viewer-url-value="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjAwNCwicHVyIjoiYmxvYl9pZCJ9fQ==--f34fe3c3551ada2a3c4a97de1a23de8e8c5656b7/01.%20Descarbonizac%CC%A7a%CC%83o_Grau%20de%20Desenvolvimento%20das%20Empresas_v2.pdf?disposition=inline"
  data-pdf-viewer-id-value="440"
  data-pdf-viewer-api-key-value="c9863ef0492243feb195cabcd028ee4c">
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="reports_grau-de-desenvolvimento-das-empresas-em-descarbonizacao-logistica" data-analytics--analytics-popup-tracker-popup-path-value="/posts/grau-de-desenvolvimento-das-empresas-em-descarbonizacao-logistica" data-analytics--analytics-popup-tracker-popup-title-value="Grau de Desenvolvimento das Empresas em Descarbonização Logística - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1">
            <img class="w-full min-h-[365px] object-cover rounded-lg rounded-bl-none rounded-br-none overflow-hidden" src="https://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ2NiwicHVyIjoiYmxvYl9pZCJ9fQ==--5abf70eaf227e2007fca6b8f8bd997739e4ec929/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls3MjAsNzIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1391a42dc26c44fc5d3eeed63e1fc83b69601d37/01.%20Descarbonizac%CC%A7a%CC%83o_thumb.jpg" loading="lazy" />
          <div class="px-6 py-4 flex flex-col gap-y-4 flex-1">
            <h2 class="text-[22px] font-bold cursor-pointer" data-action="click->ui--dialog#open">Grau de Desenvolvimento das Empresas em Descarbonização Logística</h2>
            <div class="line-clamp-3"><div>Estancar a emissão de carbono é essencial para evitar níveis catastróficos de aquecimento global. Este relatório discorrerá sobre as ações específicas na área de Logística, extremamente necessárias para a descarbonização do planeta. O foco do estudo são as ações empresariais conduzidas pelas grandes embarcadoras de carga atuantes no Brasil.</div></div>
            <footer class="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://prime.ilos.com.br/posts/grau-de-desenvolvimento-das-empresas-em-descarbonizacao-logistica" title="Copiar link do post">
          <svg width="10" height="12" class="min-w-4 h-4" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M3.52941 9.6C3.20588 9.6 2.92902 9.4826 2.69882 9.2478C2.46824 9.0126 2.35294 8.73 2.35294 8.4V1.2C2.35294 0.87 2.46824 0.5874 2.69882 0.3522C2.92902 0.1174 3.20588 0 3.52941 0H8.82353C9.14706 0 9.42412 0.1174 9.65471 0.3522C9.8849 0.5874 10 0.87 10 1.2V8.4C10 8.73 9.8849 9.0126 9.65471 9.2478C9.42412 9.4826 9.14706 9.6 8.82353 9.6H3.52941ZM1.17647 12C0.852941 12 0.575882 11.8826 0.345294 11.6478C0.115098 11.4126 0 11.13 0 10.8V3C0 2.83 0.0564706 2.6874 0.169412 2.5722C0.281961 2.4574 0.421569 2.4 0.588235 2.4C0.754902 2.4 0.894706 2.4574 1.00765 2.5722C1.1202 2.6874 1.17647 2.83 1.17647 3V10.8H7.05882C7.22549 10.8 7.36529 10.8576 7.47824 10.9728C7.59078 11.0876 7.64706 11.23 7.64706 11.4C7.64706 11.57 7.59078 11.7124 7.47824 11.8272C7.36529 11.9424 7.22549 12 7.05882 12H1.17647Z" fill="currentColor"/>
          </svg>
          <span>Copiar link</span>
        </button>
        <button data-action="click->share#share" data-controller="share" data-share-share-url-value="Confira%20este%20post%20do%20ILOS%3A%20https%3A%2F%2Fprime.ilos.com.br%2Fposts%2Fgrau-de-desenvolvimento-das-empresas-em-descarbonizacao-logistica" 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="GtPrkOxKwPp_m7eBpsniWXDZim9vd_RQQjiw5WvKLmZReKuKlmHL-YR6Uhl3SHJYS3aC-lqBge_ivLYNFsVo5w" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://cas.ilos.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article class="cursor-pointer"  data-controller='pdf-viewer' data-action="click->pdf-viewer#show"
  data-pdf-viewer-url-value="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMywicHVyIjoiYmxvYl9pZCJ9fQ==--dbf72237a476663c8be593a87903d29422fa83d1/02.%20Jornada%20Descarbonizac%CC%A7a%CC%83o__v3.pdf?disposition=inline"
  data-pdf-viewer-id-value="441"
  data-pdf-viewer-api-key-value="c9863ef0492243feb195cabcd028ee4c">
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="reports_jornada-de-descarbonizacao-nas-empresas" data-analytics--analytics-popup-tracker-popup-path-value="/posts/jornada-de-descarbonizacao-nas-empresas" data-analytics--analytics-popup-tracker-popup-title-value="Jornada de Descarbonização nas Empresas - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1">
            <img class="w-full min-h-[365px] object-cover rounded-lg rounded-bl-none rounded-br-none overflow-hidden" src="https://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ2OSwicHVyIjoiYmxvYl9pZCJ9fQ==--e9c4d947b01a2568493bd0219c920c0d14a91ec8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls3MjAsNzIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1391a42dc26c44fc5d3eeed63e1fc83b69601d37/02.%20Jornada_thumb.jpg" loading="lazy" />
          <div class="px-6 py-4 flex flex-col gap-y-4 flex-1">
            <h2 class="text-[22px] font-bold cursor-pointer" data-action="click->ui--dialog#open">Jornada de Descarbonização nas Empresas</h2>
            <div class="line-clamp-3"><div>A descarbonização é um caminho essencial para empresas que buscam reduzir seu impacto ambiental e se alinhar a compromissos climáticos globais. Este relatório discorrerá sobre como se estruturar e quão avançadas as empresas estão na realização desta jornada, trazendo foco específico para as atividades de Logística e Supply Chain.</div></div>
            <footer class="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://prime.ilos.com.br/posts/jornada-de-descarbonizacao-nas-empresas" title="Copiar link do post">
          <svg width="10" height="12" class="min-w-4 h-4" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M3.52941 9.6C3.20588 9.6 2.92902 9.4826 2.69882 9.2478C2.46824 9.0126 2.35294 8.73 2.35294 8.4V1.2C2.35294 0.87 2.46824 0.5874 2.69882 0.3522C2.92902 0.1174 3.20588 0 3.52941 0H8.82353C9.14706 0 9.42412 0.1174 9.65471 0.3522C9.8849 0.5874 10 0.87 10 1.2V8.4C10 8.73 9.8849 9.0126 9.65471 9.2478C9.42412 9.4826 9.14706 9.6 8.82353 9.6H3.52941ZM1.17647 12C0.852941 12 0.575882 11.8826 0.345294 11.6478C0.115098 11.4126 0 11.13 0 10.8V3C0 2.83 0.0564706 2.6874 0.169412 2.5722C0.281961 2.4574 0.421569 2.4 0.588235 2.4C0.754902 2.4 0.894706 2.4574 1.00765 2.5722C1.1202 2.6874 1.17647 2.83 1.17647 3V10.8H7.05882C7.22549 10.8 7.36529 10.8576 7.47824 10.9728C7.59078 11.0876 7.64706 11.23 7.64706 11.4C7.64706 11.57 7.59078 11.7124 7.47824 11.8272C7.36529 11.9424 7.22549 12 7.05882 12H1.17647Z" fill="currentColor"/>
          </svg>
          <span>Copiar link</span>
        </button>
        <button data-action="click->share#share" data-controller="share" data-share-share-url-value="Confira%20este%20post%20do%20ILOS%3A%20https%3A%2F%2Fprime.ilos.com.br%2Fposts%2Fjornada-de-descarbonizacao-nas-empresas" 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="pNBAd8Fiig0WWsAvC0NA5XHZsxJGuoXK6pQ6I5gClmnvewBtu0mBDu27JbfawtDkSna7h3NM8HVKEDzL5Q3Q6A" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://cas.ilos.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article class="cursor-pointer"  data-controller='pdf-viewer' data-action="click->pdf-viewer#show"
  data-pdf-viewer-url-value="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk5OSwicHVyIjoiYmxvYl9pZCJ9fQ==--f27a358d0ef02317b29fc3053259621cc8494840/03.Ac%CC%A7o%CC%83es%20Transportes_v1.pdf?disposition=inline"
  data-pdf-viewer-id-value="442"
  data-pdf-viewer-api-key-value="c9863ef0492243feb195cabcd028ee4c">
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="reports_acoes-de-descarbonizacao-em-transportes" data-analytics--analytics-popup-tracker-popup-path-value="/posts/acoes-de-descarbonizacao-em-transportes" data-analytics--analytics-popup-tracker-popup-title-value="Ações de Descarbonização em Transportes - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1">
            <img class="w-full min-h-[365px] object-cover rounded-lg rounded-bl-none rounded-br-none overflow-hidden" src="https://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ3MiwicHVyIjoiYmxvYl9pZCJ9fQ==--0d60b9bb3194660a39dc1a3d472bb8d44677b7f7/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls3MjAsNzIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1391a42dc26c44fc5d3eeed63e1fc83b69601d37/03.%20Transportes_thumb.png" loading="lazy" />
          <div class="px-6 py-4 flex flex-col gap-y-4 flex-1">
            <h2 class="text-[22px] font-bold cursor-pointer" data-action="click->ui--dialog#open">Ações de Descarbonização em Transportes</h2>
            <div class="line-clamp-3"><div>Esse relatório vai discorrer sobre as estratégias que as grandes empresas embarcadoras (indústrias e varejos) adotam para melhorar a eficiência nas operações de transporte e atuar na descarbonização da logística. A melhoria da produtividade, além de reduzir custos, também reduz emissões de gases nocivos ao planeta, fazendo com que esse tema ganhe ainda mais relevância.&nbsp;</div></div>
            <footer class="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://prime.ilos.com.br/posts/acoes-de-descarbonizacao-em-transportes" title="Copiar link do post">
          <svg width="10" height="12" class="min-w-4 h-4" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M3.52941 9.6C3.20588 9.6 2.92902 9.4826 2.69882 9.2478C2.46824 9.0126 2.35294 8.73 2.35294 8.4V1.2C2.35294 0.87 2.46824 0.5874 2.69882 0.3522C2.92902 0.1174 3.20588 0 3.52941 0H8.82353C9.14706 0 9.42412 0.1174 9.65471 0.3522C9.8849 0.5874 10 0.87 10 1.2V8.4C10 8.73 9.8849 9.0126 9.65471 9.2478C9.42412 9.4826 9.14706 9.6 8.82353 9.6H3.52941ZM1.17647 12C0.852941 12 0.575882 11.8826 0.345294 11.6478C0.115098 11.4126 0 11.13 0 10.8V3C0 2.83 0.0564706 2.6874 0.169412 2.5722C0.281961 2.4574 0.421569 2.4 0.588235 2.4C0.754902 2.4 0.894706 2.4574 1.00765 2.5722C1.1202 2.6874 1.17647 2.83 1.17647 3V10.8H7.05882C7.22549 10.8 7.36529 10.8576 7.47824 10.9728C7.59078 11.0876 7.64706 11.23 7.64706 11.4C7.64706 11.57 7.59078 11.7124 7.47824 11.8272C7.36529 11.9424 7.22549 12 7.05882 12H1.17647Z" fill="currentColor"/>
          </svg>
          <span>Copiar link</span>
        </button>
        <button data-action="click->share#share" data-controller="share" data-share-share-url-value="Confira%20este%20post%20do%20ILOS%3A%20https%3A%2F%2Fprime.ilos.com.br%2Fposts%2Facoes-de-descarbonizacao-em-transportes" 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="iYVxWSN1qZ_yNsAakv7PQJuK5R1DTAS_2tLnUI4uhH3CLjFDWV6inAnXJYJDf19BoCXtiHa6cQB6VuG48yHC_A" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://cas.ilos.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article class="cursor-pointer"  data-controller='pdf-viewer' data-action="click->pdf-viewer#show"
  data-pdf-viewer-url-value="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMiwicHVyIjoiYmxvYl9pZCJ9fQ==--4b6c93079263bbf0ca228768587c9a31953cef1d/04.Ac%CC%A7o%CC%83es%20Armazenagem_v1.pdf?disposition=inline"
  data-pdf-viewer-id-value="446"
  data-pdf-viewer-api-key-value="c9863ef0492243feb195cabcd028ee4c">
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="reports_acoes-de-descarbonizacao-em-armazenagem" data-analytics--analytics-popup-tracker-popup-path-value="/posts/acoes-de-descarbonizacao-em-armazenagem" data-analytics--analytics-popup-tracker-popup-title-value="Ações de Descarbonização em Armazenagem - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1">
            <img class="w-full min-h-[365px] object-cover rounded-lg rounded-bl-none rounded-br-none overflow-hidden" src="https://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTUwNiwicHVyIjoiYmxvYl9pZCJ9fQ==--1e3a590848d3ef2d4f18bff4b4246c439534a8ba/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls3MjAsNzIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1391a42dc26c44fc5d3eeed63e1fc83b69601d37/04.%20Armazenagem%20-%20thumb.png" loading="lazy" />
          <div class="px-6 py-4 flex flex-col gap-y-4 flex-1">
            <h2 class="text-[22px] font-bold cursor-pointer" data-action="click->ui--dialog#open">Ações de Descarbonização em Armazenagem</h2>
            <div class="line-clamp-3"><div>&nbsp;Para que se possa alcançar o objetivo de descarbonização da logística são necessárias ações que reduzam as emissões na atividade de armazenamento. Esse relatório vai apresentar a pesquisa realizada pelo ILOS com grandes empresas embarcadoras (indústrias e varejos), indicando que várias delas já adotam práticas que minimizam impactos ambientais da armazenagem.&nbsp;</div></div>
            <footer class="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://prime.ilos.com.br/posts/acoes-de-descarbonizacao-em-armazenagem" title="Copiar link do post">
          <svg width="10" height="12" class="min-w-4 h-4" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M3.52941 9.6C3.20588 9.6 2.92902 9.4826 2.69882 9.2478C2.46824 9.0126 2.35294 8.73 2.35294 8.4V1.2C2.35294 0.87 2.46824 0.5874 2.69882 0.3522C2.92902 0.1174 3.20588 0 3.52941 0H8.82353C9.14706 0 9.42412 0.1174 9.65471 0.3522C9.8849 0.5874 10 0.87 10 1.2V8.4C10 8.73 9.8849 9.0126 9.65471 9.2478C9.42412 9.4826 9.14706 9.6 8.82353 9.6H3.52941ZM1.17647 12C0.852941 12 0.575882 11.8826 0.345294 11.6478C0.115098 11.4126 0 11.13 0 10.8V3C0 2.83 0.0564706 2.6874 0.169412 2.5722C0.281961 2.4574 0.421569 2.4 0.588235 2.4C0.754902 2.4 0.894706 2.4574 1.00765 2.5722C1.1202 2.6874 1.17647 2.83 1.17647 3V10.8H7.05882C7.22549 10.8 7.36529 10.8576 7.47824 10.9728C7.59078 11.0876 7.64706 11.23 7.64706 11.4C7.64706 11.57 7.59078 11.7124 7.47824 11.8272C7.36529 11.9424 7.22549 12 7.05882 12H1.17647Z" fill="currentColor"/>
          </svg>
          <span>Copiar link</span>
        </button>
        <button data-action="click->share#share" data-controller="share" data-share-share-url-value="Confira%20este%20post%20do%20ILOS%3A%20https%3A%2F%2Fprime.ilos.com.br%2Fposts%2Facoes-de-descarbonizacao-em-armazenagem" 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="Wkz6HfMxic-hwwXp3xUG6oasc-wsoe3jc6vpCyjhY68R57oHiRqCzFoi4HEOlJbrvQN7eRlXmFzTL-_jVe4lLg" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://cas.ilos.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

    <article class="cursor-pointer"  data-controller='pdf-viewer' data-action="click->pdf-viewer#show"
  data-pdf-viewer-url-value="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMSwicHVyIjoiYmxvYl9pZCJ9fQ==--554a098e90baf3a1ff8c62f850a070487edd7d8a/05.%20Ac%CC%A7o%CC%83es%20Redes_v1.pdf?disposition=inline"
  data-pdf-viewer-id-value="481"
  data-pdf-viewer-api-key-value="c9863ef0492243feb195cabcd028ee4c">
  <div data-controller="ui--dialog analytics--analytics-popup-tracker" class="h-full" data-disabled="false" data-analytics--analytics-popup-tracker-popup-id-value="reports_acoes-de-descarbonizacao-na-malha-logistica" data-analytics--analytics-popup-tracker-popup-path-value="/posts/acoes-de-descarbonizacao-na-malha-logistica" data-analytics--analytics-popup-tracker-popup-title-value="Ações de Descarbonização na Malha Logística - ILOS Prime">
  <div data-action="click->analytics--analytics-popup-tracker#trackOpen click-&gt;ui--dialog#open" class="h-full">
      <div class="rounded-lg border bg-card h-full flex flex-col text-card-foreground border-gray-200 w-full overflow-hidden relative ">
  <div class="flex flex-col flex-1">
      
        <div data-action="click->ui--dialog#open" class="flex-1">
            <img class="w-full min-h-[365px] object-cover rounded-lg rounded-bl-none rounded-br-none overflow-hidden" src="https://prime.ilos.com.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTY4NCwicHVyIjoiYmxvYl9pZCJ9fQ==--83ee3487189a0ca57e82b2d872a86d24e96308c0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls3MjAsNzIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1391a42dc26c44fc5d3eeed63e1fc83b69601d37/05.%20Ac%CC%A7o%CC%83es%20Redes_v1.png" loading="lazy" />
          <div class="px-6 py-4 flex flex-col gap-y-4 flex-1">
            <h2 class="text-[22px] font-bold cursor-pointer" data-action="click->ui--dialog#open">Ações de Descarbonização na Malha Logística</h2>
            <div class="line-clamp-3"><div>&nbsp;De acordo com o estudo do ILOS, a otimização da malha logística é uma prática adotada em larga escala por 38% das grandes empresas do país e, em pequena escala, por 25% delas.<br>&nbsp;<br>Essa revisão de malha, em geral, ocorre com a empresa aumentando ou diminuindo a quantidade de centros de distribuição, alterando suas localizações e/ou fluxos de transporte.<br><br>&nbsp;A otimização logística pode ser benéfica tanto para redução de custo, quanto para a redução de emissões.</div></div>
            <footer class="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://prime.ilos.com.br/posts/acoes-de-descarbonizacao-na-malha-logistica" title="Copiar link do post">
          <svg width="10" height="12" class="min-w-4 h-4" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M3.52941 9.6C3.20588 9.6 2.92902 9.4826 2.69882 9.2478C2.46824 9.0126 2.35294 8.73 2.35294 8.4V1.2C2.35294 0.87 2.46824 0.5874 2.69882 0.3522C2.92902 0.1174 3.20588 0 3.52941 0H8.82353C9.14706 0 9.42412 0.1174 9.65471 0.3522C9.8849 0.5874 10 0.87 10 1.2V8.4C10 8.73 9.8849 9.0126 9.65471 9.2478C9.42412 9.4826 9.14706 9.6 8.82353 9.6H3.52941ZM1.17647 12C0.852941 12 0.575882 11.8826 0.345294 11.6478C0.115098 11.4126 0 11.13 0 10.8V3C0 2.83 0.0564706 2.6874 0.169412 2.5722C0.281961 2.4574 0.421569 2.4 0.588235 2.4C0.754902 2.4 0.894706 2.4574 1.00765 2.5722C1.1202 2.6874 1.17647 2.83 1.17647 3V10.8H7.05882C7.22549 10.8 7.36529 10.8576 7.47824 10.9728C7.59078 11.0876 7.64706 11.23 7.64706 11.4C7.64706 11.57 7.59078 11.7124 7.47824 11.8272C7.36529 11.9424 7.22549 12 7.05882 12H1.17647Z" fill="currentColor"/>
          </svg>
          <span>Copiar link</span>
        </button>
        <button data-action="click->share#share" data-controller="share" data-share-share-url-value="Confira%20este%20post%20do%20ILOS%3A%20https%3A%2F%2Fprime.ilos.com.br%2Fposts%2Facoes-de-descarbonizacao-na-malha-logistica" 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="dmHUiPkvv5qjt54LgougFpDp5odxo2LsGUVcfmWjD2s9ypSSgwS0mVhWe5NTCjAXq0buEkRVF1O5wVqWGKxJ6g" autocomplete="off" />
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="username" placeholder="Endereço de e-mail" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-validate-target="email" data-action="keyup-&gt;validate#validateEmail" type="email" value="" name="user[email]" id="user_email" />
        </div>
        <span data-validate-target="emailFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex flex-col gap-y-3">
        <div class="flex items-center bg-white rounded focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 border  focus-within:border-muted border-[#EEEEEE] ">
          <input autocomplete="password" placeholder="Senha" class="border-0 rounded-[0] focus-visible:!ring-0 focus-visible:!ring-transparent focus-visible:!ring-offset-0 focus-visible:!border-[0px] flex-1" required="required" data-action="keyup-&gt;validate#validatePassword" data-validate-target="password" type="password" name="user[password]" id="user_password" />
          <button type="button" data-action="click->validate#revealPassword" data-type="password" data-validate-target="revealPasswordButton" class="cursor-pointer"><svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg></button>
        </div>
        <span data-validate-target="passwordFeedback" class="text-xs text-destructive"></span>
      </div>
      <div class="flex items-center justify-between gap-x-2">
          <div class="field flex items-center gap-x-1 *:mb-0">
            <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
            <label class="text-sm" for="user_remember_me">Lembrar-me</label>
          </div>
          <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary" target="_blank" href="https://cas.ilos.com.br/password_resets/new?service=2">
    Perdeu sua senha?
</a>
      </div>
      <div class="actions">
        <!--prettier-ignore-->
  <button class="inline-flex items-center justify-center rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 w-full font-bold btn_submit ignore_validate">
    LOGIN
</button>
      </div>
    </div>
</form>  <!--prettier-ignore-->
  <a class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 md:py-4 py-2 hover:bg-accent hover:text-accent-foreground text-primary mx-auto flex-col" target="_top" href="/users/sign_up">
    
    <span class="block">Ainda não tem cadastro? Faça aqui</span>
    <span class="block">É rápido e gratuito!</span>

</a></div>

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

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