#recambios .category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#recambios .category{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid #d7e2e2;border-radius:8px;background:#fff;color:#151919;transition:none}
#recambios .category:hover{border-color:#39aeb7;background:#fff}
#recambios .category:focus-visible{outline:3px solid #007b84;outline-offset:4px}
#recambios .category-image{display:block;flex:0 0 auto;width:100%;aspect-ratio:3/2;background-image:url('/assets/categories-parts-grid.webp');background-size:200% 200%;background-repeat:no-repeat;background-color:#eef5f5;border-bottom:1px solid #dce7e7}
#recambios .category-image-lighting{background-position:left top}
#recambios .category-image-brakes{background-position:right top}
#recambios .category-image-engine{background-position:left bottom}
#recambios .category-image-body{background-position:right bottom}
#recambios .category-content{display:flex;flex-direction:column;flex:1;min-width:0;padding:20px}
#recambios .category h3{min-height:0;font:600 21px/1.25 var(--heading);letter-spacing:-.2px;margin:0 0 8px;overflow-wrap:anywhere}
#recambios .category p{min-height:0;font:400 11px/1.8 var(--body);color:#596f72;margin:0 0 21px}
#recambios .category-link{display:flex;align-items:center;gap:8px;min-height:28px;margin-top:auto;color:#007b84;font:600 11px/1.6 var(--body)}
#recambios .category-link .icon{width:16px;height:16px;flex:0 0 auto}
@media(max-width:1100px){#recambios .category-grid{gap:16px}#recambios .category-content{padding:18px}#recambios .category h3{font-size:20px}}
@media(max-width:860px){#recambios .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#recambios .category-content{padding:20px}#recambios .category h3{font-size:22px}#recambios .category p{font-size:12px}}
@media(max-width:650px){#recambios .category-grid{gap:16px}#recambios .category-content{padding:17px 14px 15px}#recambios .category h3{font-size:19px;line-height:1.25;margin-bottom:8px}#recambios .category p{font-size:10px;line-height:1.8;margin-bottom:16px}#recambios .category-link{font-size:10px;gap:6px}#recambios .category-link .icon{width:15px;height:15px}}
@media(max-width:380px){#recambios .category-content{padding-inline:12px}#recambios .category h3{font-size:18px}}