/* Componente: categorias (círculos) */
.cats{padding-block:32px 8px}
.cats__lista{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.cat{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;cursor:pointer;text-decoration:none;color:var(--azul-noite);font-family:var(--fonte-titulo);font-weight:800;font-size:15px;padding:4px}
.cat__img{width:118px;height:118px;max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:4px solid #fff;box-shadow:0 0 0 2px var(--linha),0 10px 22px -14px rgba(6,45,110,.5);transition:box-shadow .2s,transform .2s}
.cat__img img{width:100%;height:100%;object-fit:cover}
.cat:hover .cat__img{box-shadow:0 0 0 3px var(--azul),0 14px 26px -14px rgba(6,45,110,.6);transform:translateY(-3px)}
.cat--lista .cat__img{background:var(--vermelho);color:#fff}
.cat--lista:hover .cat__img{box-shadow:0 0 0 3px var(--vermelho),0 14px 26px -14px rgba(217,11,18,.6)}
@media (max-width:960px){.cats__lista{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;scroll-snap-type:x mandatory}.cat{flex:0 0 108px;scroll-snap-align:start}.cat__img{width:92px;height:92px}}