.categorias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:1920px;margin:0 auto;font-family:'Montserrat',sans-serif}
.categoria{position:relative;display:block;aspect-ratio:640/395;overflow:hidden;cursor:pointer;container-type:inline-size;text-decoration:none;color:#fff}
.categoria:hover{color:#fff}
.categoria__fundo{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover;transform:scale(1);filter:brightness(1);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s cubic-bezier(.2,.7,.2,1);will-change:transform,filter}

/* Medidas proporcionais à arte original de 640px */
.categoria__texto{position:absolute;left:7.5cqw;right:7.5cqw;bottom:7.5cqw;display:flex;flex-direction:column;gap:1.4cqw;pointer-events:none;text-shadow:0 3px 3px rgba(77,64,47,.1)}
.categoria__eyebrow{font-weight:700;font-size:min(24px,3.75cqw);line-height:1.2;text-transform:uppercase}
.categoria__titulo{display:flex;align-items:center;gap:3.2cqw;font-weight:400;font-size:min(30px,4.6875cqw);line-height:1.2}
.categoria__seta{flex:none;width:.5em;height:.75em;filter:drop-shadow(0 3px 3px rgba(77,64,47,.1));transition:transform .6s cubic-bezier(.2,.7,.2,1)}

.categoria:hover .categoria__fundo,
.categoria:focus-visible .categoria__fundo,
.categoria.is-ativo .categoria__fundo{transform:scale(1.1);filter:brightness(1.08)}
.categoria:hover .categoria__seta,
.categoria:focus-visible .categoria__seta,
.categoria.is-ativo .categoria__seta{transform:translateX(.5em)}

@media (max-width:900px){
  .categorias{grid-template-columns:1fr}
}