// cafe-svgs.jsx — ilustraciones únicas por café, estilo "lámina técnica" como Métodos.
// viewBox 300x300, líneas finas en var(--gz-paper), café en var(--gz-coffee), acentos en var(--gz-gold).
function CafeIlustracion({ id, running }) {
const cls = `gz-cil ${running ? "is-running" : ""}`;
// ─── 01 ESPRESSO ───────────────────────────────────────────────────────────
if (id === "espresso") {
return (
);
}
// ─── 02 RISTRETTO ──────────────────────────────────────────────────────────
if (id === "ristretto") {
return (
);
}
// ─── 03 AMERICANO ──────────────────────────────────────────────────────────
if (id === "americano") {
return (
);
}
// ─── 04 CORTADO ────────────────────────────────────────────────────────────
if (id === "cortado") {
return (
);
}
// ─── 05 CAPPUCCINO ─────────────────────────────────────────────────────────
if (id === "cappuccino") {
return (
);
}
// ─── 06 FLAT WHITE ─────────────────────────────────────────────────────────
if (id === "flat-white") {
return (
);
}
// ─── 07 LATTE ──────────────────────────────────────────────────────────────
if (id === "latte") {
return (
);
}
// ─── 08 MOCHA ──────────────────────────────────────────────────────────────
if (id === "mocha") {
return (
);
}
return null;
}
window.CafeIlustracion = CafeIlustracion;