/* Bloco: Historia Logos */
.historia-logos { padding: 60px 0 80px; background: #fff; position: relative; }
.hl-titulo { margin: 0 0 28px; text-align: center; font-family: 'Poppins', Arial, sans-serif; font-weight: 800; line-height: 1.1; }
.hl-titulo .hl-l1 { display: block; color: #1a3953; font-size: 34px; }
.hl-titulo .hl-l2 { display: block; color: #4a90e2; font-size: 34px; }

.hl-grid { max-width: 980px; margin: 0 auto; display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: 28px; grid-column-gap: 28px; }
.hl-item { width: 100%; aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #0a0b0c; overflow: hidden; }
.hl-item img { width: 70%; height: 70%; object-fit: contain; filter: grayscale(100%); opacity: .9; transition: opacity .2s ease, filter .2s ease; }
.hl-item:hover img { filter: grayscale(0%); opacity: 1; }
.hl-placeholder { background: #0a0b0c; }

@media (max-width: 992px) {
  .hl-titulo .hl-l1, .hl-titulo .hl-l2 { font-size: 30px; }
  .hl-grid { grid-template-columns: repeat(4, 1fr); grid-gap: 22px; }
}
@media (max-width: 768px) {
  .hl-titulo .hl-l1, .hl-titulo .hl-l2 { font-size: 26px; }
  .hl-grid { grid-template-columns: repeat(3, 1fr); grid-gap: 18px; }
}
@media (max-width: 520px) {
  .hl-grid { grid-template-columns: repeat(2, 1fr); grid-gap: 16px; }
}