.tab{background-color:#d9d9d9;color:var(--blue1)}.list-category{padding-left:0;margin:0;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;justify-content:flex-start;position:relative}.list-category a{color:var(--blue1);text-decoration:none;white-space:nowrap}.list-category a .active{background-color:var(--blue1);color:#fff}.list-category a li{padding:.9rem;font-size:.6rem}.list-category a li:not(.active):hover{background-color:var(--blue1);color:#fff;transition:all .4s ease-in-out;cursor:pointer}.card-equipment{width:48%}.card-equipment .image{width:100%;height:50%;border-bottom:10px solid var(--abu)}.card-equipment .image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.card-equipment:hover{cursor:pointer}.card-equipment:hover>.image{border-bottom:10px solid var(--blue1);transition:all .4s linear}.card-equipment:hover>.info{color:var(--blue1);transition:all .4s ease-in-out}.card-equipment:hover>a .wrapper-icon{background-color:var(--blue1);transition:all .4s ease-in-out}.card-equipment .info{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 0;color:var(--abu)}.card-equipment .info p{margin:0}.card-equipment .info .name{width:70%;font-size:.85rem;text-align:center}.card-equipment .info .price{margin-top:.4rem;font-weight:700;font-size:.85rem}.card-equipment .wrapper-icon{background-color:var(--abu);width:-moz-fit-content;width:fit-content;border-radius:100%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;justify-self:center}.card-equipment .wrapper-icon .icon{color:#fff;font-weight:700;font-size:20px}.frame{width:100%;height:76.5px}@media screen and (min-device-width: 401px){.list-category a li{padding:.95rem;font-size:.7rem}.frame{height:87px}}@media screen and (min-device-width: 540px){.frame{height:115px}}@media screen and (min-device-width: 760px){.list-category a li{padding:1.25rem;font-size:.9rem}.card-equipment{width:32%}.card-equipment .info .name{width:60%;font-size:1.1rem}.card-equipment .info .price{margin-top:.65rem;font-size:1.2rem}.card-equipment .wrapper-icon{width:30px;height:30px}.card-equipment .wrapper-icon .icon{font-size:24px}.frame{height:155px}}@media screen and (min-device-width: 960px){.list-category a li{padding:1.25rem 2rem;font-size:1rem}.card-equipment{width:23%}.frame{height:228px}}@media screen and (min-device-width: 1350px){.frame{height:288px}}