#last-update-container {
  display: flex;
  flex-direction: column;
  background-color: #e6e6e6;
  gap: 1rem;
}

#last-update-header {
  padding: 4rem 2rem 3rem;
}

#last-update-title-container {
  padding-left: 3rem;
  max-width: 42rem;
}

#last-update-title {
  margin-bottom: 0.75rem;
}

.last-update-itens {
  display: flex;
  align-items: center;
  position: relative;
  background-color: #cccccc;
}

.arquivoContent:hover {
  background-color: white;
}

.arquivoContent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 1.5px;
  background: black;
  transition: width 0.4s ease;
}

.arquivoContent:hover::before {
  width: 100%;
}

/* largura da scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

/* fundo */
::-webkit-scrollbar-track {
  background: #cacaca;
  border-radius: 10px;
}

/* parte que desliza */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media (max-width: 1024px) {
  #last-update-header {
    padding: 2rem 1rem 2rem;
  }

  #last-update-title-container {
    padding-left: clamp(2rem, 12vw, 3rem);
  }

  #last-update-title {
    font-size: clamp(1.1rem, 6vw, 1.1rem);
  }

  #last-update-main-title {
    font-size: clamp(2.2rem, 12vw, 2.2rem);
  }

  #last-update-file-count {
    font-size: clamp(1.1rem, 6vw, 1.1rem);
  }

  #last-update-last-file-update {
    font-size: clamp(1.1rem, 6vw, 1.1rem);
  }

  #last-update-scroll {
    padding: 1rem;
  }
}

@media (max-width: 768px) {
  #last-update-header {
    padding: 2rem 0.5rem 2rem;
  }

  #last-update-title-container {
    padding-left: clamp(3.5rem, 6vw, 8rem);
  }

  #last-update-title {
    font-size: clamp(0.8rem, 3vw, 1.1rem);
  }

  #last-update-main-title {
    font-size: clamp(1.5rem, 6vw, 2.2rem);
  }

  #last-update-file-count {
    font-size: clamp(0.85rem, 3vw, 1.1rem);
  }

  #last-update-last-file-update {
    font-size: clamp(0.85rem, 3vw, 1.1rem);
  }

  #last-update-scroll {
    padding: 1rem;
  }
}

@media (max-width: 480px) {
  #last-update-header {
    padding: 2rem 1rem 2rem;
  }

  #last-update-title-container {
    padding-left: 2rem;
  }

  #last-update-title {
    font-size: 0.8rem;
  }

  #last-update-main-title {
    font-size: 1.5rem;
  }

  #last-update-file-count {
    font-size: 0.85rem;
  }

  #last-update-last-file-update {
    font-size: 0.85rem;
  }

  #last-update-scroll {
    padding: 1rem;
  }
}