/* Belma · figura «Cómo preparar un buen mate» (estilos del kit isométrico + materiales) */

.iso{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;
}
.iso[data-theme="light"]{
  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;
  --anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;
  --anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;
  --anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;
}
.iso-svg{display:block;width:100%;height:auto;overflow:visible}
.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}
.iso-fill{fill:var(--anatomy-paper);stroke:none}
.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}
.iso-shade,.iso-top{stroke:none}
.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}
.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}
.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}
.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}
.iso-top{fill:var(--anatomy-top)}
.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}
.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}
.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}
.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}
.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}
.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}
.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}
.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}
.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}
.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}
.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}
.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}
.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}
.iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}
.iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}
.iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}
.iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}
.iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}
.iso-line[data-tone="red"]{stroke:var(--anatomy-red)}
.iso-line[data-tone="green"]{stroke:var(--anatomy-green)}
.iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}
.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}
.iso-line[data-dashed]{stroke-dasharray:3 3}
.iso-line[data-flow]{stroke-dasharray:2 6}
.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
.iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}
.iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
.iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}
.iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}
.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}
.iso-dots[data-tone="hi"] circle{opacity:.85}
.iso-dots[data-tone="mid"] circle{opacity:.45}
.iso-dots[data-tone="lo"] circle{opacity:.22}
.iso-dots[data-tone="faint"] circle{opacity:.12}
.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}
.iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
.iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
.iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}
.tb-body{fill:var(--anatomy-shade-2);stroke:none}
.tb-shine{fill:var(--anatomy-top);stroke:none}
.tb-shade{fill:var(--anatomy-shade-0);stroke:none}
.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}
.tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}
.tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}
.tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}
@keyframes iso-flow{to{stroke-dashoffset:-32}}
@keyframes iso-pulse{0%,100%{opacity:.18}12%{opacity:1}40%{opacity:.18}}
.iso-line[data-flow]{animation:iso-flow 1600ms linear infinite}
.iso-dots circle[data-pulse]{animation:iso-pulse 1600ms steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}
.iso-figure{margin:32px 0 36px}
.iso-plate{position:relative;padding:52px 24px;border-radius:0;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card)}
.iso-plate-corners{position:absolute;inset:18px 20px;pointer-events:none}
.iso-plate-corner{position:absolute;color:var(--anatomy-muted);font-family:var(--anatomy-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap}
.iso-plate-corner[data-corner="fig"]{top:0;left:0;color:var(--anatomy-text)}
.iso-plate-corner[data-corner="title"]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="hint"]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="readout"]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}
.iso-plate .iso-svg{margin:0 auto}
.iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}
.iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}
.iso-key{display:inline-flex;align-items:center;gap:7px}
.iso-swatch{width:16px;height:10px;flex:none;overflow:visible}
.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.iso-swatch[data-mark="raised"] path,.iso-swatch[data-mark="flat"] path{stroke:var(--anatomy-mid)}
.iso-swatch[data-mark="lit"] path{stroke:var(--anatomy-lit)}
.iso-swatch[data-mark="dim"] path{stroke:var(--anatomy-lo)}
.iso-swatch[data-mark="dotted"] path{stroke-dasharray:.01 3;stroke-width:1.4}
.iso-swatch[data-mark="dashed"] path{stroke-dasharray:3 2.5}
.iso-swatch[data-mark="red"] path{stroke:var(--anatomy-red)}
.iso-swatch[data-mark="green"] path{stroke:var(--anatomy-green)}
.iso-swatch[data-mark="blue"] path{stroke:var(--anatomy-blue)}
.iso-swatch-crease{stroke:var(--anatomy-lo)!important}
@media (max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner="hint"]{bottom:18px}}
@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}

/* ---- Ficha de papel con la figura ---- */
.mate-fig.iso[data-theme="light"] {
  --anatomy-paper: #f6eedf; --anatomy-card: #f6eedf; --anatomy-face: #fffaf0; --anatomy-top: #fbf4e6;
  --anatomy-shade-0: #d9c9ac; --anatomy-shade-1: #e2d4b9; --anatomy-shade-2: #ebdfc8; --anatomy-shade-3: #f2e8d5;
  --anatomy-hi: #2b1a10; --anatomy-mid: #7a5a3c; --anatomy-lo: #a3825f; --anatomy-faint: #c9b18d; --anatomy-lit: #a3341f;
  --anatomy-halo: #3a2418; --anatomy-halo-opacity: .28; --anatomy-dot: #2b1a10; --anatomy-weight: .7px;
  margin: 0; position: relative;
}
.mate-fig .mf-ficha {
  position: relative; color: #3a2418; padding: 14px 14px 12px;
  background: var(--grano, none) 0 0/256px, #f4ecdd;
  box-shadow: 0 1px 0 rgba(0,0,0,.08), 0 10px 24px -12px rgba(0,0,0,.55);
  transform: rotate(-.35deg);
  clip-path: var(--borde-2, none);
}
.mate-fig::before { /* cinta adhesiva */
  content: ""; position: absolute; z-index: 2; top: -9px; left: 50%; width: 92px; height: 22px; margin-left: -46px; transform: rotate(-2.5deg);
  background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0) 30%, rgba(255,255,255,.12)), rgba(214,190,134,.78);
  box-shadow: 0 1px 2px rgba(0,0,0,.18);
  -webkit-mask: linear-gradient(90deg, transparent 0 2px, #000 2px calc(100% - 2px), transparent 0) ;
}
.mf-cab { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 2px 4px 0; border-bottom: 1px solid rgba(122,90,60,.35); padding-bottom: 6px; }
.mf-num { font-family: Fraunces, Georgia, serif; font-style: italic; font-size: .95rem; color: #7a3b22; }
.mf-tit { font-family: Fraunces, Georgia, serif; font-weight: 600; font-size: 1.02rem; letter-spacing: .01em; color: #2b1a10; }
.mate-fig .mf-svg { width: 100%; height: auto; margin: 2px 0 0; touch-action: pan-y; }
.mf-pie { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; border-top: 1px dashed rgba(122,90,60,.45); padding: 8px 4px 0; }
.mf-auto { display: inline-flex; align-items: center; gap: 6px; font: 600 .78rem/1 "Work Sans", system-ui, sans-serif; color: #f4ecdd; background: #7a3b22; border: 0; padding: 7px 10px 7px 8px; cursor: pointer; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.mf-auto svg { width: 11px; height: 11px; fill: currentColor; }
.mf-auto[aria-pressed="true"] .ic-play, .mf-auto[aria-pressed="false"] .ic-pausa { display: none; }
.mf-auto:focus-visible { outline: 2px solid #b07f2e; outline-offset: 2px; }
.mf-hint { font: .74rem/1.25 "Work Sans", system-ui, sans-serif; color: #7a5a3c; }
.mf-lectura { font-family: Caveat, "Segoe Print", cursive; font-size: 1.22rem; line-height: 1; color: #7a3b22; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mate-fig:not(.vivo) .mf-auto, .mate-fig:not(.vivo) .mf-hint { visibility: hidden; }
[data-capa="vivo"].fundido { animation: mf-fundido .2s ease-out; }
@keyframes mf-fundido { from { opacity: .45; } to { opacity: 1; } }
@media (max-width: 520px) {
  .mate-fig .mf-ficha { padding: 10px 8px 10px; }
  .mf-pie { grid-template-columns: auto 1fr; }
  .mf-hint { display: none; }
  .mf-lectura { font-size: 1.12rem; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { [data-capa="vivo"].fundido { animation: none; } }

/* ---- Materiales (tonos por cara del kit, recoloreados) ---- */
.mate-fig .m-tabla { --anatomy-paper: #c08c59; --anatomy-top: #cf9d68; --anatomy-shade-0: #75452a; --anatomy-shade-1: #865033; --anatomy-shade-2: #985d3b; --anatomy-shade-3: #a96a43; --anatomy-faint: #ad7a4b; --anatomy-lo: #7a4a2b; --anatomy-mid: #6b3d22; --anatomy-dot: #c79a3e; }
.mate-fig .m-fieltro { --anatomy-paper: #3b2a22; --anatomy-top: #4a362b; --anatomy-shade-0: #241912; --anatomy-shade-1: #2b1f17; --anatomy-shade-2: #33251c; --anatomy-shade-3: #3b2a21; }
.mate-fig .m-cuero { --anatomy-paper: #7a4027; --anatomy-top: #85482c; --anatomy-shade-0: #42200f; --anatomy-shade-1: #4f2714; --anatomy-shade-2: #5c2f19; --anatomy-shade-3: #6a371f; --anatomy-dot: #e7cf9f; }
.mate-fig .m-algarrobo { --anatomy-paper: #8a4a2a; --anatomy-top: #a15c36; --anatomy-shade-0: #5e2e19; --anatomy-shade-1: #69341c; --anatomy-shade-2: #753b20; --anatomy-shade-3: #824426; --anatomy-faint: #57301c; --anatomy-lo: #3e1e10; }
.mate-fig .m-alpaca { --anatomy-paper: #d8d3c8; --anatomy-top: #f3efe6; --anatomy-shade-0: #8b867c; --anatomy-shade-1: #a29d93; --anatomy-shade-2: #b9b4aa; --anatomy-shade-3: #cfcabf; --anatomy-lo: #6d685f; --anatomy-dot: #3b372f; }
.mate-fig .m-bronce { --anatomy-paper: #c69a45; --anatomy-top: #e2bd6b; --anatomy-shade-0: #7d5a1c; --anatomy-shade-1: #8f6a26; --anatomy-shade-2: #a37a30; --anatomy-shade-3: #b78a3a; }
.mate-fig .m-termo { --anatomy-paper: #4d6b4b; --anatomy-top: #6b8a66; --anatomy-shade-0: #263a29; --anatomy-shade-1: #2f4632; --anatomy-shade-2: #39533b; --anatomy-shade-3: #446045; --anatomy-lo: #1d2d1f; }
.mate-fig .m-acero { --anatomy-paper: #bdb8ae; --anatomy-top: #e4e0d6; --anatomy-shade-0: #6f6b63; --anatomy-shade-1: #827e75; --anatomy-shade-2: #969188; --anatomy-shade-3: #aaa59b; --anatomy-faint: #8e8a81; --anatomy-lo: #6a665e; --anatomy-mid: #4d4a44; }
.mate-fig .m-tapa { --anatomy-paper: #3e2c22; --anatomy-top: #57402f; --anatomy-shade-0: #1e1510; --anatomy-shade-1: #261b14; --anatomy-shade-2: #2f2219; --anatomy-shade-3: #39291e; --anatomy-lo: #7b6450; }
.mate-fig .m-kraft { --anatomy-paper: #c9a26b; --anatomy-top: #dcb987; --anatomy-shade-0: #8e6b3e; --anatomy-shade-1: #9e7948; --anatomy-shade-2: #b08852; --anatomy-shade-3: #c0965c; --anatomy-lo: #6e5130; }
.mate-fig .m-piel { --anatomy-paper: #e2b48f; --anatomy-top: #efc6a4; --anatomy-shade-0: #a8714d; --anatomy-shade-1: #b8805b; --anatomy-shade-2: #c99068; --anatomy-shade-3: #d7a079; --anatomy-hi: #5b321d; }
.mate-fig .m-vidrio { --anatomy-paper: rgba(240,246,242,.16); --anatomy-top: rgba(255,255,255,.22); --anatomy-shade-0: rgba(120,140,135,.16); --anatomy-shade-1: rgba(150,170,165,.12); --anatomy-shade-2: rgba(200,215,210,.10); --anatomy-shade-3: rgba(255,255,255,.18); --anatomy-mid: #6f7f7a; }
.mate-fig .m-arena { --anatomy-paper: #d9b26a; --anatomy-top: #ead08f; --anatomy-shade-0: #a07a35; --anatomy-shade-1: #b0893f; --anatomy-shade-2: #c09849; --anatomy-shade-3: #cfa75a; --anatomy-hi: #8c6a2c; }

.mate-fig .boca-pared { fill: #43200f; }
.mate-fig .yerba { fill: #7f8b3a; }
.mate-fig .yerba-usada { fill: #66603a; }
.mate-fig .mota-clara { stroke: #b9c16e; stroke-width: 1.5; stroke-linecap: round; fill: none; }
.mate-fig .mota-oscura { stroke: #4b5420; stroke-width: 1.4; stroke-linecap: round; fill: none; }
.mate-fig .polvo { fill: #cbcf91; }
.mate-fig .mojado { fill: #4c5820; }
.mate-fig .agua { fill: #9dbbbe; }
.mate-fig .brillo { fill: #f6fbf8; }
.mate-fig .chorro { fill: none; stroke: #8db1b8; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.mate-fig .chorro-luz { fill: none; stroke: #eef6f4; stroke-width: .8; stroke-linecap: round; opacity: .9; }
.mate-fig .onda { fill: none; stroke: #eef6f4; stroke-width: .7; opacity: .8; }
.mate-fig .cae { fill: none; stroke: #6c792d; stroke-width: 1.7; stroke-linecap: round; }
.mate-fig .esfera { fill: #f6efe0; }
.mate-fig .banda-ok { fill: none; stroke: #5b6a2e; stroke-width: 1.8; stroke-linecap: butt; }
.mate-fig .hierve { fill: none; stroke: #a3341f; stroke-width: 1.2; }
.mate-fig .aguja { stroke-width: 1.1; }
.mate-fig .hilo-arena { fill: none; stroke: #c99f4f; stroke-width: .8; }
.mate-fig .flecha { fill: #6b3d22; opacity: .75; }
.mate-fig .asa { fill: #7b4a2b; stroke: #5e341d; stroke-width: .6; }
.mate-fig .etiqueta { fill: #f4ecdd; stroke: #7a5a35; stroke-width: .5; }
.mate-fig .rotulo { font-family: Fraunces, Georgia, serif; font-weight: 700; fill: #3a2418; letter-spacing: .06em; }
.mate-fig .rotulo2 { font-family: "Work Sans", system-ui, sans-serif; font-weight: 600; fill: #5b6a2e; letter-spacing: .12em; }
.mate-fig .una { fill: #f3d6bd; stroke: #a8714d; stroke-width: .4; }

/* ---- Sección «Cómo preparar»: figura + pasos ---- */
#preparar .prep-grid { display: grid; gap: 22px; margin-top: 18px; }
#preparar .prep-grid .pasos { margin-top: 0; }
#preparar .prep-pasos .pasos li { cursor: pointer; position: relative; transition: transform .25s ease, filter .25s ease; }
#preparar .prep-pasos .pasos li.activo::after { background: linear-gradient(transparent 0 7px, rgba(176,127,46,.6) 7px 8.5px, transparent 8.5px), var(--grano, none) 0 0/256px, #fffaf0; }
#preparar .prep-pasos .pasos li.activo { transform: translateY(-2px) rotate(var(--rot, 0deg)); filter: drop-shadow(0 6px 8px rgba(0,0,0,.35)); }
#preparar .prep-pasos .pasos li > span { padding-bottom: 5px; background: linear-gradient(rgba(122,59,34,.7), rgba(122,59,34,.7)) no-repeat 0 100% / 0 2px; }
#preparar .prep-pasos .pasos li.activo > span { background-size: calc(var(--prog, 0) * 100%) 2px; } /* avance del paso, trazo a lápiz */
#preparar .prep-pasos .pasos li:focus-visible, #preparar .curar:focus-visible { outline: 2px dashed #e2bd78; outline-offset: 4px; }
#preparar .curar { cursor: pointer; }
#preparar .curar.activo { filter: drop-shadow(0 6px 8px rgba(0,0,0,.35)); }
@media (max-width: 959px) {
  #preparar .mate-fig { position: sticky; top: 72px; z-index: 5; }
  #preparar .mate-fig::after { content: ""; position: absolute; z-index: -1; left: -16px; right: -16px; top: -10px; height: 18px; background: #3a2418; }
  #preparar .mate-fig .mf-cab { display: none; }
}
@media (min-width: 720px) and (max-width: 959px) {
  #preparar .prep-pasos .pasos { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 960px) {
  #preparar .prep-grid { grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr); align-items: start; gap: 34px; }
  #preparar .mate-fig { position: sticky; top: 84px; }
  #preparar .prep-pasos .pasos { grid-template-columns: 1fr; gap: 10px; }
  #preparar .prep-pasos .pasos li { padding-top: 11px; padding-bottom: 11px; }
}
.mate-fig #belma-logo path { vector-effect: none; }
.mate-fig .mano-borde { fill: none; stroke: #5b321d; stroke-width: 1.5px; stroke-linejoin: round; }
.mate-fig .m-piel { --anatomy-paper: #e2b48f; --anatomy-top: #e9bd97; --anatomy-shade-0: #c18a64; --anatomy-shade-1: #cd976f; --anatomy-shade-2: #d8a47c; --anatomy-shade-3: #e2b189; }

/* ---- Botón «Animar» en cada tarjeta (sello de tinta pequeño) ---- */
#preparar .paso-animar { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font: 600 .72rem/1 "Work Sans", system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase;
  color: #7a3b22; background: transparent; border: 1.5px solid #7a3b22; padding: 6px 10px 6px 8px; border-radius: 2px; cursor: pointer; position: relative; z-index: 2; transition: background-color .15s, color .15s; }
#preparar .paso-animar svg { width: 9px; height: 9px; fill: currentColor; }
#preparar .paso-animar:hover, #preparar .activo .paso-animar { background: #7a3b22; color: #f4ecdd; }
#preparar .paso-animar:focus-visible { outline: 2px dashed #b07f2e; outline-offset: 3px; }
#preparar .pasos li > span .paso-animar { display: flex; width: max-content; }
#preparar .curar .paso-animar { margin-top: 10px; }
.mate-fig .m-asa { --anatomy-paper: #2c2622; --anatomy-top: #4d433b; --anatomy-shade-0: #141110; --anatomy-shade-1: #1c1815; --anatomy-shade-2: #26201c; --anatomy-shade-3: #322a25; --anatomy-lo: #5a4e44; --anatomy-hi: #0f0c0a; }