/* Logística e armazenagem (gerador/paginas/logistica.py). Só esta página carrega este arquivo.
   A tabela "O que mudou" usa o desenho da gz-agenda do Início (globalize-paginas.css), com três colunas de texto:
   aqui a última coluna quebra linha e as larguras ficam fixas. */

body.gz-pg-logistica-e-armazenagem .e-con.gzs-mudancas { margin-top: clamp(28px, 3vw, 40px); }
body.gz-pg-logistica-e-armazenagem .gz-agenda.gz-agenda--mudancas { border-color: transparent; }
body.gz-pg-logistica-e-armazenagem .gz-agenda.gz-agenda--mudancas table { table-layout: fixed; }
body.gz-pg-logistica-e-armazenagem .gz-agenda.gz-agenda--mudancas thead th:nth-child(1) { width: 17%; }
body.gz-pg-logistica-e-armazenagem .gz-agenda.gz-agenda--mudancas thead th:nth-child(2) { width: 44%; }
body.gz-pg-logistica-e-armazenagem .gz-agenda.gz-agenda--mudancas tbody td:last-child { white-space: normal; color: var(--gz-texto); }

@media (max-width: 600px) {
  body.gz-pg-logistica-e-armazenagem .gz-agenda.gz-agenda--mudancas table { table-layout: auto; }
  body.gz-pg-logistica-e-armazenagem .gz-agenda.gz-agenda--mudancas tbody td:last-child { font-size: 14px; }
  /* sem o cabeçalho (escondido no celular), cada célula mostra o nome da coluna, como na tabela da página de vendas */
  body.gz-pg-logistica-e-armazenagem .gz-agenda.gz-agenda--mudancas td[data-r]::before {
    content: attr(data-r); display: block; margin-bottom: 2px; font: 600 12px/1.3 var(--gz-fonte); color: #5B6270; }
}