@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700&display=swap";
:root{--verde:#14392a;--verde-medio:#2d6a30;--verde-claro:#c0dd97;--ambar:#e8902e;--papel:#f4f1ea;--papel-osc:#e9e4d8;--tinta:#1c1a17;--gris:#6b6458;--linea:#d8d2c4;--blanco:#fffefb}*{box-sizing:border-box;margin:0;padding:0}.vh{background:var(--papel);color:var(--tinta);min-height:100vh;font-family:Archivo,system-ui,sans-serif}.vh-cont{max-width:1200px;margin:0 auto;padding:1.6rem 1.5rem 2rem}.vh-cabecera{flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}.vh-cabecera h1{font-family:Archivo Black,sans-serif;font-size:1.5rem}.vh-total{color:var(--gris);font-size:.95rem}.vh-filtros{background:var(--verde-medio);padding:1.8rem 2rem}.bf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.bf-grupo{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.bf-buscar{background:var(--papel);border:2px solid var(--tinta);border-radius:2px;order:-1;align-items:center;width:100%;margin-bottom:.4rem;padding:0 .7rem;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.bf-buscar:focus-within{border-color:var(--ambar);box-shadow:0 0 0 3px #e8902e4d}.bf-buscar-lupa{color:var(--gris);flex-shrink:0}.bf-buscar-input{color:var(--tinta);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.7rem .6rem;font-family:inherit;font-size:.98rem}.bf-buscar-input::placeholder{color:var(--gris);font-style:italic}.bf-buscar-limpiar{color:var(--gris);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.3rem .5rem;font-size:1.3rem;line-height:1;transition:color .12s,background .12s}.bf-buscar-limpiar:hover{color:var(--ambar);background:var(--papel-osc)}.bf-sel{border:2px solid var(--tinta);background:var(--papel);color:var(--tinta);cursor:pointer;border-radius:2px;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.95rem}.bf-sel:focus{border-color:var(--ambar);box-shadow:0 0 0 3px #e8902e4d}.bf-sel:disabled{opacity:.5;cursor:not-allowed}.bf-anio{cursor:text;width:92px}.bf-orden{font-weight:700}.bf-limpiar{color:var(--papel);border:2px solid var(--verde-claro);cursor:pointer;background:0 0;border-radius:2px;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;font-weight:700}.bf-limpiar:hover{color:var(--ambar);border-color:var(--ambar)}.vh-rejilla{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.1rem;display:grid}.tv{background:var(--blanco);border:2px solid var(--linea);color:inherit;border-radius:3px;flex-direction:column;text-decoration:none;transition:border-color .12s,transform .12s;display:flex;overflow:hidden}.tv:hover{border-color:var(--verde-medio);transform:translateY(-3px)}.tv-foto{aspect-ratio:4/3;background:var(--papel-osc);position:relative;overflow:hidden}.tv-foto img{object-fit:cover;width:100%;height:100%;display:block}.tv-sinfoto{opacity:.6;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tv-piezas{background:var(--verde);color:var(--papel);border-radius:2px;padding:.22rem .55rem;font-size:.74rem;font-weight:700;position:absolute;bottom:.5rem;right:.5rem}.tv-cuerpo{padding:.85rem 1rem 1rem}.tv-id,.tv-anio{color:var(--gris);margin-bottom:.15rem;font-size:.78rem}.tv-titulo{color:var(--tinta);margin:.25rem 0;font-size:1rem;font-weight:700;line-height:1.25}.tv-combustible{color:var(--verde-medio);font-size:.82rem;font-weight:600}.vh-vacio{text-align:center;color:var(--gris);padding:3rem 1rem}.vh-vacio a{color:var(--verde-medio);font-weight:700}.vh-paginacion{justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.vh-pag{color:var(--verde-medio);border:2px solid var(--linea);border-radius:3px;padding:.5rem 1rem;font-size:.95rem;font-weight:700;text-decoration:none}.vh-pag:hover{border-color:var(--verde-medio);color:var(--ambar)}.vh-pag-info{color:var(--gris);font-size:.92rem}.vh-footer{background:var(--verde);color:var(--verde-claro);text-align:center;padding:1.5rem;font-size:.85rem}@media (max-width:760px){.vh-filtros{padding:1.4rem 1rem}.bf{flex-direction:column;align-items:stretch}.bf-grupo{justify-content:space-between}.bf-orden{width:100%}.vh-rejilla{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}}