[data-block="categorias"] {
  overflow-x: clip;
  padding-block: var(--section-padding-y) var(--space-9);
}
[data-block="categorias"] .categorias__cabecalho {
  text-align: center;
  margin-bottom: var(--space-8);
}
[data-block="categorias"] .categorias__titulo {
  color: var(--color-text-dark);
  max-width: 14em;
  margin-inline: auto;
  text-wrap: balance;
}
[data-block="categorias"] .categorias__grade {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-3);
  padding-inline: var(--space-3);
}
[data-block="categorias"] .categorias__link {
  display: block;
  color: var(--color-text-dark);
  text-decoration: none;
}
[data-block="categorias"] .categorias__moldura {
  overflow: hidden;
  background: var(--color-muted);
}
[data-block="categorias"] .categorias__foto {
  display: block;
  transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
}
[data-block="categorias"] .categorias__nome {
  display: block;
  margin-top: var(--space-4);
  padding-inline: var(--space-2);
}
[data-block="categorias"] .categorias__nome::after {
  content: "→";
  display: inline-block;
  margin-left: 0.35em;
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  [data-block="categorias"] .categorias__link:hover .categorias__foto {
    transform: scale(1.04);
  }
  [data-block="categorias"] .categorias__link:hover .categorias__nome::after {
    transform: translateX(6px);
  }
}
@supports (animation-timeline: view()) {
  [data-block="categorias"] .categorias__item {
    animation: categorias-surgir linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 70%;
  }
  [data-block="categorias"] .categorias__item:nth-child(2) { animation-range: entry 8% entry 78%; }
  [data-block="categorias"] .categorias__item:nth-child(3) { animation-range: entry 16% entry 86%; }
  [data-block="categorias"] .categorias__item:nth-child(4) { animation-range: entry 24% entry 94%; }
}
@keyframes categorias-surgir {
  from { opacity: 0; transform: translateY(80px); }
  to { opacity: 1; transform: none; }
}
@media (max-width: 1023px) {
  [data-block="categorias"] .categorias__grade {
    grid-template-columns: repeat(2, 1fr);
    row-gap: var(--space-6);
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-block="categorias"] .categorias__item {
    animation: none;
  }
  [data-block="categorias"] .categorias__foto {
    transition: none;
  }
}
[data-block="categorias"] .categorias__grade {
  max-width: 1600px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  [data-block="categorias"] {
    padding-bottom: var(--space-5);
  }
}