/*
  Tiendas y espacios · colección editorial 2026-08-09
  Sistema: marfil + tinta, retícula 4/3/2, imagen 3:4 dominante,
  título sans de una línea visual y movimiento limitado a revelar/ampliar.
*/
body[data-sector="tiendas"]{--store-gap:clamp(10px,1.35vw,20px);background:var(--paper)}

.tg-intro{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  padding:calc(var(--header) + clamp(22px,2.4vw,34px)) var(--gutter) clamp(22px,2.2vw,30px);
  border-bottom:1px solid var(--line);
  background:var(--paper);
}
.tg-intro__main{min-width:0}
.tg-intro__kicker{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tg-intro__kicker::before{width:22px;height:1px;background:var(--accent);content:""}
.tg-intro h1{max-width:880px;margin:0;font-family:"PG Serif",serif;font-size:clamp(36px,3.7vw,54px);font-weight:400;line-height:.92;letter-spacing:-.045em;text-wrap:balance}
.tg-intro__lead{max-width:58ch;margin:14px 0 0;color:var(--muted);font-size:clamp(13px,1.05vw,16px);line-height:1.5;text-wrap:pretty}
.tg-intro__aside{display:flex;align-items:center;justify-content:flex-end}
.tg-intro__cta{display:inline-flex;min-height:44px;align-items:center;gap:10px;padding:0;border-bottom:1px solid var(--ink);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:gap .35s var(--ease),color .3s}
.tg-intro__cta span{color:var(--accent);font-size:14px}
.tg-intro__cta:hover,.tg-intro__cta:focus-visible{gap:16px;color:var(--accent)}

.tg-projects{padding:clamp(24px,2.7vw,38px) var(--gutter) clamp(72px,7.2vw,108px);background:var(--paper)}
.tg-projects__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:10px}
.tg-projects__bar h2{margin:0;font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.tg-projects__bar p{margin:0;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.tg-key{position:sticky;z-index:9;top:var(--header);display:flex;align-items:center;justify-content:center;gap:clamp(28px,5.6vw,78px);margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter);overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);scrollbar-width:none;backdrop-filter:blur(14px)}
.tg-key::-webkit-scrollbar{display:none}
.tg-key button{position:relative;min-height:52px;display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .3s}
.tg-key button::after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--ink);content:"";transform:scaleX(0);transform-origin:right;transition:transform .38s var(--ease)}
.tg-key button:hover,.tg-key button[aria-pressed="true"]{color:var(--ink)}
.tg-key button:focus-visible{outline:1px solid var(--ink);outline-offset:-8px}
.tg-key button[aria-pressed="true"]::after{transform:scaleX(1);transform-origin:left}
.tg-key b{position:relative;top:-.35em;color:#8a877f;font-size:6px;font-weight:700;letter-spacing:.04em}

.tg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(30px,3.3vw,46px) var(--store-gap);align-items:start;padding-top:clamp(18px,2vw,28px)}
.tg-card{min-width:0;opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .7s var(--ease)}
.tg-card{grid-column:span 3}
.tg-card:first-child{grid-column:span 6}
.tg-card.is-ready{opacity:1;transform:none}
.tg-card[hidden]{display:none}
.tg-card__open{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:zoom-in}
.tg-card__media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:var(--asset-ratio,3/4);max-height:680px;overflow:hidden;border:0;border-radius:2px;background:#e3e0d9;transition:background .35s ease}
.tg-card__media img{position:relative;width:100%;height:100%;object-fit:contain;transition:transform .7s var(--ease),filter .45s ease}
.tg-card[data-store-group="tiendas-maquetas"] .tg-card__media img{object-fit:cover}
.tg-card__open:hover .tg-card__media,.tg-card__open:focus-visible .tg-card__media{background:#ddd9d0}
.tg-card__open:hover img,.tg-card__open:focus-visible img{transform:scale(1.012);filter:saturate(1.025) contrast(1.015)}
.tg-card__open:focus-visible{outline:1px solid var(--ink);outline-offset:5px}
.tg-card__caption{display:grid;gap:6px;padding:10px 0 0}
.tg-card__meta{color:var(--muted);font-size:8px;font-weight:760;line-height:1.2;letter-spacing:.11em;text-transform:uppercase}
.tg-card h3{display:-webkit-box;min-height:2.35em;margin:0;overflow:hidden;color:var(--ink);font-family:"PG Sans",sans-serif;font-size:clamp(12px,1.02vw,15px);font-weight:600;line-height:1.18;letter-spacing:-.015em;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sg-lightbox__credit{width:max-content;max-width:100%;color:var(--accent);font-size:9px;font-weight:750;line-height:1.3;letter-spacing:.1em;text-decoration:underline;text-underline-offset:4px;text-transform:uppercase}

body[data-sector="tiendas"] .sg-next[data-next-section]{min-height:700px;padding-top:72px}
body[data-sector="tiendas"] .sg-next[data-next-section] .sg-next__top{margin-bottom:48px}

@media (max-width:1050px){
  .tg-card{grid-column:span 4}
  .tg-card:first-child{grid-column:span 8}
}
@media (max-width:700px){
  body[data-sector="tiendas"]{--store-gap:0}
  .tg-intro{grid-template-columns:1fr;align-items:start;gap:18px;padding:calc(var(--header) + 28px) 18px 26px}
  .tg-intro__kicker{margin-bottom:12px;font-size:9px}
  .tg-intro h1{max-width:9ch;font-size:clamp(43px,12vw,56px);line-height:.9}
  .tg-intro__lead{max-width:33ch;margin-top:16px;color:#5e5c57;font-size:15px;line-height:1.48}
  .tg-intro__aside{justify-content:flex-start}
  .tg-intro__cta{min-height:46px;font-size:10px}
  .tg-projects{padding:22px 18px 76px}
  .tg-projects__bar{padding-bottom:14px}
  .tg-projects__bar h2,.tg-projects__bar p{font-size:9px}
  .tg-key{top:var(--header);justify-content:flex-start;gap:8px;margin:0 -18px;padding:10px 18px;scroll-padding-inline:18px;scroll-snap-type:x proximity}
  .tg-key button{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#ebe8e1;font-size:10px;letter-spacing:.06em;scroll-snap-align:start}
  .tg-key button::after{display:none}
  .tg-key button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--paper)}
  .tg-key button[aria-pressed="true"] b{color:var(--accent)}
  .tg-key b{font-size:7px}
  .tg-grid{grid-template-columns:1fr;gap:34px;padding-top:20px}
  .tg-card,.tg-card:first-child{grid-column:1/-1}
  .tg-card__media{max-height:none;border-radius:12px;background:#dedbd4}
  .tg-card__caption{gap:7px;padding-top:11px}
  .tg-card__meta{font-size:9px}
  .tg-card h3{min-height:0;font-size:19px;line-height:1.13}
  body[data-sector="tiendas"] .sg-lightbox__layout{grid-template-rows:minmax(240px,44svh) minmax(0,1fr)}
  body[data-sector="tiendas"] .sg-lightbox__aside{min-height:0}
  .sg-lightbox__credit{font-size:10px;line-height:1.35}
}
@media (max-width:340px){
  .tg-grid{gap:30px}
  .tg-card h3{min-height:0;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .tg-card,.tg-card.is-ready{opacity:1;transform:none}
  .tg-card__media img{transform:none!important}
}