.category-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:35px 3px 20px;scrollbar-width:none}.category-track::-webkit-scrollbar{display:none}.category-tile{flex:0 0 calc((100% - 90px)/6);min-width:155px;height:145px;position:relative;background:var(--tile-color);border-radius:28px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:#fff;padding:0 10px 20px;transition:transform .25s,box-shadow .25s}.category-label{font-weight:800;font-size:18px;text-align:center}.category-art{position:absolute;top:-48px;width:135px;height:135px;display:block;transition:transform .25s}.category-sprite{position:absolute;inset:0;background-image:url('category-icons.png');background-size:300% 300%;background-position:var(--sprite-x) var(--sprite-y)}.category-art img{width:100%;height:100%;object-fit:contain}.category-art:has(img:not([hidden])) .category-sprite{display:none}.category-controls{display:flex;justify-content:center;gap:14px;margin-top:12px}.category-controls button{width:46px;height:46px;border:2px solid #333;border-radius:50%;background:transparent;font-size:32px;cursor:pointer}.category-controls button:disabled{opacity:.35;cursor:default}@media(hover:hover) and (pointer:fine){body[data-hover-motion="true"] .category-tile:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0002}body[data-hover-motion="true"] .category-tile:hover .category-art{transform:rotate(-5deg) scale(1.06)}}@media(max-width:800px){.category-tile{flex-basis:165px}.category-label{font-size:17px}}@media(prefers-reduced-motion:reduce){.category-track{scroll-behavior:auto}.category-tile,.category-art{transition:none!important;transform:none!important}}
#categorias .wrap{max-width:1260px;padding-left:20px;padding-right:20px}#categorias .eyebrow{color:#ff3039;font-size:20px;letter-spacing:4px}#categorias h2{font-family:Nunito,system-ui,sans-serif;font-size:48px;font-weight:850;letter-spacing:0;text-transform:none}.category-track{gap:16px;padding-top:30px}.category-tile{flex:0 0 190px;min-width:190px;height:200px;background:transparent;border-radius:30px;padding-bottom:24px;isolation:isolate}.category-art{top:0;width:190px;height:200px;z-index:-1}.category-sprite{background-size:1367px 575px;background-image:url('categories-reference-1.png');background-position:-106px -212px}.category-tile:nth-child(2) .category-sprite{background-position:-310px -212px}.category-tile:nth-child(3) .category-sprite{background-position:-516px -212px}.category-tile:nth-child(4) .category-sprite{background-position:-721px -212px}.category-tile:nth-child(5) .category-sprite{background-position:-927px -212px}.category-tile:nth-child(6) .category-sprite{background-position:-1132px -212px}.category-tile:nth-child(n+7) .category-sprite{background-image:url('categories-reference-2.png');background-size:1374px 402px;background-position:-724px -186px}.category-tile:nth-child(8) .category-sprite{background-position:-929px -186px}.category-tile:nth-child(9) .category-sprite{background-position:-1135px -186px}.category-label{position:absolute;bottom:0;left:0;right:0;background:var(--tile-color);border-radius:0 0 30px 30px;height:55px;display:flex;align-items:flex-start;padding-top:5px;justify-content:center;font-family:Nunito,system-ui,sans-serif;font-size:20px;font-weight:900}.category-tile:has(img:not([hidden])){background:linear-gradient(transparent 60px,var(--tile-color) 60px)}.category-art img{height:150px;width:150px;display:block;margin:auto;object-fit:contain}.category-tile:nth-child(1){--tile-color:#eba950!important}.category-tile:nth-child(2){--tile-color:#ff8b18!important}.category-tile:nth-child(3){--tile-color:#a641cf!important}.category-tile:nth-child(4){--tile-color:#40be8a!important}.category-tile:nth-child(5){--tile-color:#3ab0df!important}.category-tile:nth-child(6){--tile-color:#e955a2!important}.category-controls{margin-top:10px}@media(max-width:800px){#categorias h2{font-size:34px}.category-tile{flex-basis:190px}}
.category-tile:nth-child(1){--tile-color:#eaa651!important}.category-tile:nth-child(2){--tile-color:#fb8d1a!important}.category-tile:nth-child(3){--tile-color:#a847d5!important}.category-tile:nth-child(4){--tile-color:#47c48e!important}.category-tile:nth-child(5){--tile-color:#42b2ea!important}.category-tile:nth-child(6){--tile-color:#ef5ea4!important}.category-tile:nth-child(7){--tile-color:#427dea!important}.category-tile:nth-child(8){--tile-color:#d13434!important}.category-tile:nth-child(9){--tile-color:#f88221!important}