/* Galería pública de tiendas (/tiendas.html). Usa las variables y el encabezado/pie de landing.css. */
.showcase-page{padding:56px 0 72px}
.showcase-page__head{max-width:680px}
.showcase-page__head h1{margin-top:14px;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.04em;color:var(--ink)}
.showcase-page__head p{margin-top:12px;color:var(--muted);font-size:clamp(16px,1.3vw,18px);line-height:1.5}

.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:36px 28px;margin-top:44px}
.showcase-status{grid-column:1/-1;padding:40px 0;color:var(--muted);font-size:16px}

.showcase-item{display:grid;gap:14px;align-content:start;color:inherit;text-decoration:none}
.showcase-item__media{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,var(--soft),color-mix(in srgb,var(--accent) 22%,var(--soft)))}
.showcase-item__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.showcase-item__initials{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent-text);font-size:44px;font-weight:600;letter-spacing:-.04em}
.showcase-item__kind{color:var(--accent-text);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.showcase-item h2{margin-top:4px;font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--ink)}
.showcase-item p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:15px;line-height:1.5}
.showcase-item__link{display:inline-flex;align-items:center;gap:6px;margin-top:2px;color:var(--accent-text);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.showcase-item:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:12px}
@media (hover:hover) and (pointer:fine){
  .showcase-item__media img{transition:scale .5s ease}
  .showcase-item:hover .showcase-item__media img{scale:1.04}
}
@media (prefers-reduced-motion:reduce){
  .showcase-item__media img{transition:none}
  .showcase-item:hover .showcase-item__media img{scale:none}
}

.showcase-cta{background:#3a1fa0;color:#fff}
.showcase-cta__inner{width:min(1560px,calc(100% - var(--page-gutter) - var(--page-gutter)));margin-inline:auto;padding:40px 0;display:flex;align-items:center;justify-content:space-between;gap:32px}
.showcase-cta h2{font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.12;letter-spacing:-.035em}
.showcase-cta p{margin-top:8px;font-size:16px;opacity:.88}
.showcase-cta .btn-final{flex:none;border-radius:8px}
.showcase-footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
  .showcase-page{padding:40px 0 56px}
  .showcase-grid{margin-top:32px;gap:32px 20px}
  .showcase-cta__inner{flex-direction:column;align-items:flex-start;padding:36px 0}
  .showcase-cta .btn-final{width:100%}
}