.heroimg{border-radius:18px;overflow:hidden;margin:0 0 26px;background:#EFE6D6}
.heroimg img{width:100%;aspect-ratio:3/2;object-fit:cover}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;font-size:.82rem}
.meta span{border:1px solid var(--linea);border-radius:999px;padding:5px 13px;color:var(--tinta-60)}
.meta span b{color:var(--tinta);font-weight:600}
ol.pasos{counter-reset:p;list-style:none;margin:0 0 14px;padding:0}
ol.pasos li{counter-increment:p;position:relative;padding-left:42px;margin-bottom:15px;color:var(--tinta-60)}
ol.pasos li::before{content:counter(p);position:absolute;left:0;top:-1px;width:28px;height:28px;
  border-radius:50%;background:var(--miel);color:#1A1208;font-weight:700;font-size:.85rem;
  display:grid;place-items:center;font-family:'Instrument Sans',sans-serif}
.rinde{font-size:.88rem;color:var(--tinta-40);margin:-6px 0 24px}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px;margin:8px 0 20px}
.tarjeta{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:9px}
.tarjeta .foto{border-radius:14px;overflow:hidden;background:#EFE6D6}
.tarjeta img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .4s ease}
.tarjeta:hover img{transform:scale(1.04)}
.tarjeta .cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--miel-luz);font-weight:600}
.tarjeta h3{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:1.12rem;margin:0;line-height:1.25;letter-spacing:-.01em}
.tarjeta p{font-size:.88rem;margin:0;color:var(--tinta-40);line-height:1.5}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.filtros button{font:inherit;font-size:.88rem;cursor:pointer;background:none;padding:6px 14px;
  border:1px solid var(--linea);border-radius:999px;color:var(--tinta-60)}
.filtros button:hover{border-color:var(--miel);color:var(--tinta)}
.filtros button[aria-pressed=true]{background:var(--miel);border-color:var(--miel);color:#1A1208;font-weight:600}
.sig{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0}
.sig a{font-size:.86rem;text-decoration:none;border:1px solid var(--linea);border-radius:999px;padding:6px 14px;color:var(--tinta-60)}
.sig a:hover{border-color:var(--miel);color:var(--tinta)}
@media (prefers-reduced-motion:reduce){.tarjeta img{transition:none}}