.fichas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.ficha{border:1.5px solid var(--fg);padding:18px;display:flex;flex-direction:column;gap:8px;background:#fff;color:inherit;text-decoration:none;animation:entra .35s ease both;transition:transform .15s ease,box-shadow .15s ease}.ficha:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--acc)}.ficha:active{transform:translate(0);box-shadow:0 0 0 var(--acc)}@keyframes entra{0%{opacity:0;transform:translateY(8px)}}.ficha-cab{display:flex;gap:12px;align-items:center}.logo{width:48px;height:48px;flex:none;object-fit:cover;color:var(--acc);border:1.5px solid var(--fg);display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:1.4rem;background:repeating-linear-gradient(-45deg,var(--acc-suave) 0 6px,#fff 6px 12px)}img.logo{background:#fff}.ficha h3{margin:0;font-size:1.02rem;line-height:1.3;font-weight:650}.proveedor{color:var(--dim);font-size:.8rem}.estrellas{color:var(--mostaza);font-size:.9rem;letter-spacing:1px}.estrellas small{color:var(--dim);letter-spacing:0;margin-left:4px}.desc{color:#3c3c3c;font-size:.9rem;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pie{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;border-top:1px dashed var(--borde)}.precio{font-weight:700;font-size:.92rem;white-space:nowrap}.pie .categoria{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categoria{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);border:1.5px solid #C9C9C4;padding:2px 7px}.panel{border:0;padding:0;background:var(--bg);color:inherit;max-width:none;max-height:none}.panel[open]{display:flex;flex-direction:column}.panel::backdrop{background:#1c1a1773}@media(max-width:899px){.panel[open]{width:100vw;height:100dvh;margin:0;animation:panel-sube .25s ease}}@media(min-width:900px){.panel[open]{position:fixed;inset:0 0 0 auto;margin:0;width:min(46vw,620px);height:100vh;z-index:20;border-left:2px solid var(--fg);animation:panel-lado .25s ease}body{transition:padding-right .25s ease}body.panel-abierto{padding-right:min(46vw,620px)}}@keyframes panel-sube{0%{transform:translateY(24px);opacity:0}}@keyframes panel-lado{0%{transform:translate(40px);opacity:0}}.panel-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 20px;border-bottom:1.5px solid var(--fg);background:#fff;position:relative}.panel-titulo{color:inherit;text-decoration:none;font-family:var(--serif);font-weight:600;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cerrar{width:38px;height:38px;flex:none;border:1.5px solid var(--fg);background:#fff;cursor:pointer;font-size:1rem;color:var(--fg);transition:background .15s}.cerrar:hover{background:var(--fg);color:var(--bg)}.panel-cuerpo{flex:1;overflow-y:auto;padding:28px 20px 40px}.detalle{display:flex;flex-direction:column;gap:16px;max-width:560px;margin:0 auto}.detalle-cab{display:flex;gap:16px;align-items:center}.detalle-cab h2{margin:0;font-size:1.6rem}.logo-grande{width:76px;height:76px;font-size:2.2rem;box-shadow:4px 4px 0 var(--acc)}.detalle h4{margin:8px 0 0;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}.detalle-desc{margin:0;color:#3c3c3c}.detalle>.btn{align-self:flex-start;padding:10px 20px}.detalle>.btn:disabled{background:#c9c9c4;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--fg)}.etiquetas{display:flex;flex-wrap:wrap;gap:6px}.etiqueta{font-size:.78rem;padding:3px 9px;border:1px solid var(--borde);background:#fff;color:#3c3c3c}.etiqueta.fuerte{border-color:var(--acc);background:var(--acc);color:#fff;font-weight:600}.lead{display:grid;gap:10px;margin-top:8px;padding:20px;border:1.5px solid var(--fg);background:#fff;box-shadow:5px 5px 0 var(--fg)}.lead h4{margin:0;color:var(--fg)}.lead .ayuda{margin:0;color:var(--dim);font-size:.9rem}.lead select{border:1.5px solid var(--fg);padding:10px 14px;background:#fff;outline:none}.lead select:focus{box-shadow:3px 3px 0 var(--acc)}.lead .btn{justify-self:start;padding:10px 20px}.lead .btn:disabled{opacity:.6;cursor:default}.lead .estado{margin:0;color:#b3261e;font-size:.9rem}.lead .ok{margin:0;color:var(--acc);font-weight:600}.chip{border:1.5px solid var(--fg);background:#fff;padding:6px 14px;cursor:pointer;font-size:.88rem;font-weight:500;color:var(--fg);transition:transform .12s ease,box-shadow .12s ease,background .12s}.chip:hover{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--fg)}.chip.activa{background:var(--acc);border-color:var(--fg);color:#fff}@media(prefers-reduced-motion:reduce){.ficha,.chip{transition:none}.ficha:hover,.chip:hover{transform:none}}