/* 365Graficas — estilos de la página: tienda.html */
.pf-head{padding-block:clamp(48px,7vw,88px) clamp(28px,4vw,40px)}
.pf-head h1{margin-top:16px;font-size:clamp(2.2rem,5.6vw,4.4rem)}
.pf-head .lead{margin-top:20px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.filters button{font:600 .86rem/1 "Montserrat",system-ui,sans-serif;padding:10px 16px;border-radius:999px;border:1.5px solid var(--line2);background:transparent;color:var(--ink2);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.filters button span{opacity:.6;margin-left:4px;font-weight:500}
.shop{padding-top:clamp(16px,2vw,28px)}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media (max-width:1100px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.shop-grid{grid-template-columns:1fr}}
.shop-help{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;margin-top:clamp(40px,6vw,64px);padding:clamp(24px,4vw,40px);border-radius:20px;background:var(--band);color:var(--band-ink)}
.shop-help h2{font-size:clamp(1.5rem,3vw,2.1rem)}
.shop-help p{color:var(--band-ink2);margin-top:8px}
.shop-help .acts{display:flex;flex-wrap:wrap;gap:10px}
.shop-help .btn.solid{background:var(--verde);border-color:var(--verde);color:#fff}
.shop-help .btn.ghost{border-color:var(--band-ink);color:var(--band-ink)}
.shop-help .btn.ghost:hover{background:var(--band-ink);color:var(--band)}