/* Vitrines compartilhadas: o mesmo mini-site aparece no Designer e em /modelos. */
.alki-site-vitrine {
  --vitrine-bg: #eef0f3;
  --vitrine-surface: #ffffff;
  --vitrine-ink: #17191e;
  --vitrine-muted: #656a72;
  --vitrine-accent: #6457d8;
  --vitrine-accent-ink: #ffffff;
  container-type: inline-size;
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  isolation: isolate;
  color: var(--vitrine-ink);
  background: var(--vitrine-bg);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--vitrine-ink) 11%, transparent);
}

.alki-site-vitrine[data-vitrine-composition="panorama"] { --vitrine-bg: #0d1118; --vitrine-surface: #171c25; --vitrine-ink: #f8f4ef; --vitrine-muted: #b6b0aa; --vitrine-accent: #ff6b42; --vitrine-accent-ink: #150d08; }
.alki-site-vitrine[data-vitrine-composition="editorial"] { --vitrine-bg: #eee8dd; --vitrine-surface: #f8f4ec; --vitrine-ink: #1d1915; --vitrine-muted: #766d63; --vitrine-accent: #a34431; --vitrine-accent-ink: #fff9f2; }
.alki-site-vitrine[data-vitrine-composition="mosaic"] { --vitrine-bg: #e8eee9; --vitrine-surface: #f7faf7; --vitrine-ink: #10231d; --vitrine-muted: #576c65; --vitrine-accent: #4168e8; --vitrine-accent-ink: #ffffff; }
.alki-site-vitrine[data-vitrine-composition="signal"] { --vitrine-bg: #ece94c; --vitrine-surface: #f8f65f; --vitrine-ink: #10110d; --vitrine-muted: #55562f; --vitrine-accent: #10110d; --vitrine-accent-ink: #f8f65f; }
.alki-site-vitrine[data-vitrine-composition="atelier"] { --vitrine-bg: #eadfd3; --vitrine-surface: #f7f0e8; --vitrine-ink: #2b201a; --vitrine-muted: #79685f; --vitrine-accent: #a7533c; --vitrine-accent-ink: #fff8f1; }
.alki-site-vitrine[data-vitrine-composition="lucid"] { --vitrine-bg: #08121d; --vitrine-surface: #111f2e; --vitrine-ink: #f0f8ff; --vitrine-muted: #9db2c5; --vitrine-accent: #64ddff; --vitrine-accent-ink: #061018; }

.alki-vitrine-browser {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: .28rem;
  height: 7.5%;
  min-height: 14px;
  padding: 0 2.1%;
  color: color-mix(in srgb, var(--vitrine-ink) 45%, transparent);
  background: color-mix(in srgb, var(--vitrine-surface) 88%, var(--vitrine-bg));
  box-shadow: inset 0 -1px color-mix(in srgb, var(--vitrine-ink) 10%, transparent);
}
.alki-vitrine-browser > i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.alki-vitrine-browser > small { margin-left: auto; font: 650 clamp(5px, 1.5cqi, 8px)/1 system-ui, sans-serif; letter-spacing: .03em; }

.alki-vitrine-page { display: grid; grid-template-rows: 12% 57% 23% 8%; height: 92.5%; overflow: hidden; background: var(--vitrine-bg); }
.alki-vitrine-nav { z-index: 3; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 3%; padding: 0 4.2%; background: color-mix(in srgb, var(--vitrine-surface) 93%, transparent); box-shadow: inset 0 -1px color-mix(in srgb, var(--vitrine-ink) 9%, transparent); }
.alki-vitrine-nav > b { overflow: hidden; font: 850 clamp(7px, 2.35cqi, 13px)/1 system-ui, sans-serif; letter-spacing: -.04em; text-overflow: ellipsis; white-space: nowrap; }
.alki-vitrine-nav > span { display: flex; gap: 1.35cqi; }
.alki-vitrine-nav i { color: var(--vitrine-muted); font: 650 clamp(5px, 1.35cqi, 8px)/1 system-ui, sans-serif; font-style: normal; }
.alki-vitrine-nav > em,
.alki-vitrine-copy > em { border-radius: min(var(--vitrine-radius), 999px); color: var(--vitrine-accent-ink); background: var(--vitrine-accent); font-style: normal; font-weight: 800; }
.alki-vitrine-nav > em { padding: .55cqi 1.25cqi; font-size: clamp(5px, 1.35cqi, 8px); }

.alki-vitrine-hero { position: relative; display: grid; grid-template-columns: 1.03fr .97fr; min-width: 0; overflow: hidden; }
.alki-vitrine-copy { z-index: 2; display: grid; align-content: center; justify-items: start; gap: 3.5%; min-width: 0; padding: 7% 7.5% 7% 8.5%; }
.alki-vitrine-copy > small { color: var(--vitrine-accent); font: 850 clamp(5px, 1.25cqi, 8px)/1.1 system-ui, sans-serif; letter-spacing: .14em; }
.alki-vitrine-copy > strong { max-width: 13ch; font: 840 clamp(12px, 4.35cqi, 28px)/.93 system-ui, sans-serif; letter-spacing: -.065em; }
.alki-vitrine-copy > i { max-width: 30ch; color: var(--vitrine-muted); font: 540 clamp(5px, 1.45cqi, 9px)/1.32 system-ui, sans-serif; font-style: normal; }
.alki-vitrine-copy > em { margin-top: 1%; padding: 1.55cqi 2.15cqi; font-size: clamp(5px, 1.38cqi, 9px); }
.alki-vitrine-media { position: relative; min-width: 0; margin: 5.5% 6% 5.5% 0; overflow: hidden; border-radius: min(var(--vitrine-radius), 22px); background: color-mix(in srgb, var(--vitrine-accent) 18%, var(--vitrine-surface)); }
.alki-vitrine-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 56%, rgba(4, 7, 12, .5)); pointer-events: none; }
.alki-vitrine-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.alki-vitrine-media > small { position: absolute; z-index: 2; right: 7%; bottom: 7%; left: 7%; overflow: hidden; color: #fff; font: 760 clamp(5px, 1.35cqi, 8px)/1 system-ui, sans-serif; text-overflow: ellipsis; white-space: nowrap; }

.alki-site-vitrine[data-vitrine-hero="split-image-left"] .alki-vitrine-copy { grid-column: 2; }
.alki-site-vitrine[data-vitrine-hero="split-image-left"] .alki-vitrine-media { grid-row: 1; grid-column: 1; margin: 5.5% 0 5.5% 6%; }
.alki-site-vitrine[data-vitrine-hero="centered-editorial"] .alki-vitrine-hero { grid-template-columns: 1fr; text-align: center; }
.alki-site-vitrine[data-vitrine-hero="centered-editorial"] .alki-vitrine-copy { width: 76%; margin: 0 auto; padding: 5%; justify-items: center; }
.alki-site-vitrine[data-vitrine-hero="centered-editorial"] .alki-vitrine-copy > strong { max-width: 15ch; font-family: Georgia, 'Times New Roman', serif; font-weight: 600; letter-spacing: -.055em; }
.alki-site-vitrine[data-vitrine-hero="centered-editorial"] .alki-vitrine-media { display: none; }
.alki-site-vitrine[data-vitrine-hero="full-bleed-photo"] .alki-vitrine-media { position: absolute; inset: 0; margin: 0; border-radius: 0; }
.alki-site-vitrine[data-vitrine-hero="full-bleed-photo"] .alki-vitrine-media::after { background: linear-gradient(90deg, rgba(4, 7, 12, .77), rgba(4, 7, 12, .12)), linear-gradient(0deg, rgba(4, 7, 12, .46), transparent 48%); }
.alki-site-vitrine[data-vitrine-hero="full-bleed-photo"] .alki-vitrine-copy { color: #fff; }
.alki-site-vitrine[data-vitrine-hero="full-bleed-photo"] .alki-vitrine-copy > i { color: rgba(255,255,255,.78); }
.alki-site-vitrine[data-vitrine-hero="featured-product"] .alki-vitrine-hero { grid-template-columns: .85fr 1.15fr; }
.alki-site-vitrine[data-vitrine-hero="featured-product"] .alki-vitrine-media { border-radius: 48% 7% 7% 48%; }

.alki-site-vitrine[data-vitrine-header="minimal"] .alki-vitrine-nav > span { display: none; }
.alki-site-vitrine[data-vitrine-header="centered-logo"] .alki-vitrine-nav { grid-template-columns: 1fr auto 1fr; }
.alki-site-vitrine[data-vitrine-header="centered-logo"] .alki-vitrine-nav > b { grid-column: 2; }
.alki-site-vitrine[data-vitrine-header="centered-logo"] .alki-vitrine-nav > span { grid-row: 1; grid-column: 1; }
.alki-site-vitrine[data-vitrine-header="centered-logo"] .alki-vitrine-nav > em { justify-self: end; }
.alki-site-vitrine[data-vitrine-header="search-first"] .alki-vitrine-nav > span { min-width: 12cqi; min-height: 2.2cqi; border-radius: 999px; background: color-mix(in srgb, var(--vitrine-ink) 8%, transparent); }
.alki-site-vitrine[data-vitrine-header="search-first"] .alki-vitrine-nav i { display: none; }
.alki-site-vitrine[data-vitrine-header="compact-floating"] .alki-vitrine-nav { margin: 1.25% 2.2%; border-radius: min(var(--vitrine-radius), 999px); box-shadow: 0 6px 16px color-mix(in srgb, var(--vitrine-ink) 14%, transparent); }

.alki-vitrine-modules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.2%; padding: 2.2% 4.2%; background: var(--vitrine-surface); }
.alki-vitrine-module { display: grid; align-content: center; min-width: 0; padding: 5% 7%; overflow: hidden; border-radius: min(calc(var(--vitrine-radius) * .55), 12px); background: color-mix(in srgb, var(--vitrine-bg) 74%, var(--vitrine-surface)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--vitrine-ink) 9%, transparent); }
.alki-vitrine-module b { overflow: hidden; font: 820 clamp(6px, 1.85cqi, 11px)/1.1 system-ui, sans-serif; letter-spacing: -.03em; text-overflow: ellipsis; white-space: nowrap; }
.alki-vitrine-module small { margin-top: 3%; overflow: hidden; color: var(--vitrine-muted); font: 550 clamp(5px, 1.25cqi, 7px)/1.1 system-ui, sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.alki-site-vitrine[data-vitrine-style="catalog"] .alki-vitrine-module,
.alki-site-vitrine[data-vitrine-style="ecommerce"] .alki-vitrine-module { grid-template-columns: 32% 1fr; column-gap: 8%; }
.alki-site-vitrine[data-vitrine-style="catalog"] .alki-vitrine-module::before,
.alki-site-vitrine[data-vitrine-style="ecommerce"] .alki-vitrine-module::before { content: ''; grid-row: span 2; border-radius: min(calc(var(--vitrine-radius) * .35), 8px); background: linear-gradient(145deg, color-mix(in srgb, var(--vitrine-accent) 38%, var(--vitrine-surface)), var(--vitrine-bg)); }
.alki-site-vitrine[data-vitrine-style="portal"] .alki-vitrine-module b { color: var(--vitrine-accent); }
.alki-site-vitrine[data-vitrine-composition="editorial"] .alki-vitrine-module { border-radius: 0; background: transparent; box-shadow: inset 0 1px var(--vitrine-ink); }
.alki-site-vitrine[data-vitrine-composition="mosaic"] .alki-vitrine-module:first-child { grid-column: span 2; }
.alki-site-vitrine[data-vitrine-composition="mosaic"] .alki-vitrine-module:last-child { display: none; }
.alki-site-vitrine[data-vitrine-composition="signal"] .alki-vitrine-module { border-radius: 2px; box-shadow: inset 0 0 0 1px var(--vitrine-ink); }
.alki-site-vitrine[data-vitrine-composition="lucid"] .alki-vitrine-page { background-image: radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--vitrine-accent) 22%, transparent), transparent 42%); }
.alki-site-vitrine[data-vitrine-composition="lucid"] .alki-vitrine-module { background: color-mix(in srgb, var(--vitrine-surface) 82%, transparent); box-shadow: inset 0 0 0 1px rgba(255,255,255,.11), 0 8px 24px rgba(0,0,0,.18); }

.alki-vitrine-foot { display: flex; align-items: center; gap: 3%; padding: 0 4.2%; color: var(--vitrine-muted); background: color-mix(in srgb, var(--vitrine-surface) 92%, var(--vitrine-bg)); font: 650 clamp(5px, 1.15cqi, 7px)/1 system-ui, sans-serif; }
.alki-vitrine-foot b { color: var(--vitrine-ink); }
.alki-vitrine-foot i { font-style: normal; }
.alki-vitrine-foot em { margin-left: auto; color: var(--vitrine-accent); font-style: normal; }

.alki-site-vitrine[data-vitrine-device="mobile"] { aspect-ratio: 9 / 16; max-width: 280px; margin-inline: auto; }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-page { grid-template-rows: 9% 56% 29% 6%; }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-nav { grid-template-columns: 1fr auto; }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-nav > span { display: none; }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-hero { grid-template-columns: 1fr; }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-copy { grid-column: 1; padding: 10%; }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-media { position: absolute; inset: 0; grid-column: 1; margin: 0; border-radius: 0; opacity: .26; }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-media::after { background: linear-gradient(0deg, var(--vitrine-bg), transparent); }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-media > small { display: none; }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-modules { grid-template-columns: 1fr; }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-module { min-height: 0; }
.alki-site-vitrine[data-vitrine-device="mobile"] .alki-vitrine-foot i { display: none; }

@container (max-width: 320px) {
  .alki-vitrine-nav > span { display: none; }
  .alki-vitrine-copy > i { display: none; }
  .alki-vitrine-copy > strong { font-size: clamp(11px, 5.2cqi, 19px); }
}

@media (hover: hover) and (pointer: fine) {
  .theme-showcase-card:hover .alki-site-vitrine,
  .theme-showcase-card:focus-visible .alki-site-vitrine,
  .designer-composition-card:hover .alki-site-vitrine { filter: saturate(1.05) contrast(1.015); transform: scale(1.008); }
}

.alki-site-vitrine { transition: transform 220ms cubic-bezier(.22,.8,.22,1), filter 180ms cubic-bezier(.22,.8,.22,1); }

@media (prefers-reduced-motion: reduce) {
  .alki-site-vitrine { transition: none; }
  .theme-showcase-card:hover .alki-site-vitrine,
  .theme-showcase-card:focus-visible .alki-site-vitrine,
  .designer-composition-card:hover .alki-site-vitrine { transform: none; }
}