/* pagina: shop (extraido del mockup 03-tienda) */
.shop-hero{background:var(--brand-yellow-soft);border-radius:var(--radius-lg);padding:28px 22px;position:relative;overflow:hidden;margin-top:8px}
  .shop-hero .blob{width:200px;height:200px;background:var(--brand-yellow);opacity:.35;top:-60px;right:-30px}
  .filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:24px 0 22px}
  .filters .fchip{padding:10px 18px;border-radius:var(--radius-pill);font-weight:800;font-size:14px;border:1.5px solid var(--line-strong);color:var(--ink-soft);background:var(--bg-elev);cursor:pointer;min-height:42px}
  .filters .fchip.active{background:var(--brand-teal);color:var(--on-accent);border-color:transparent}
  .filters .fchip.soon{opacity:.6;cursor:not-allowed}
  .shopgrid{display:grid;grid-template-columns:1fr;gap:18px}
  .soon-card{border:2px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-sunk);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;min-height:200px;color:var(--ink-faint)}
  .soon-card .ic{width:52px;height:52px;border-radius:16px;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .soon-card .ic svg{width:26px;height:26px;color:var(--ink-faint)}
  .soon-card h3{color:var(--ink-soft);font-size:18px}
  .valuestrip{display:grid;grid-template-columns:1fr;gap:20px;margin-top:36px}
  .vitem{display:flex;gap:14px;align-items:flex-start}
  .vitem .ic{width:44px;height:44px;border-radius:14px;background:var(--brand-green-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .vitem .ic svg{width:22px;height:22px;color:var(--brand-green-deep)}
  .vitem h4{font-size:16px;margin-bottom:3px}
  .vitem p{font-size:14px}
  @media(min-width:560px){ .shopgrid{grid-template-columns:1fr 1fr} }
  @media(min-width:720px){ .valuestrip{grid-template-columns:repeat(3,1fr)} }
  @media(min-width:960px){ .shopgrid{grid-template-columns:repeat(4,1fr);gap:22px} .soon-card{min-height:340px} .shop-hero{padding:40px} }