/* LinkUs — página pública e canvas do editor (mobile-first).
   As cores, fontes e raios vêm de variáveis definidas pelo tema da página
   (Source\Blocks\Theme). Mesmas classes usadas pelo renderizador PHP e pelo
   preview React. */

.lk-body {
  --lk-bg: #14161b; --lk-surface: #1d2027; --lk-text: #f2f3f5; --lk-muted: #a7adb8;
  --lk-accent: #5fe0a8; --lk-accent-fg: #0f2a1e; --lk-background: var(--lk-bg);
  --lk-radius: 12px; --lk-radius-lg: 16px; --lk-font: 'Geist', system-ui, sans-serif;
  --lk-gap: 14px; --lk-ease: cubic-bezier(.16, 1, .3, 1);
  margin: 0; min-height: 100dvh; background: var(--lk-background); background-color: var(--lk-bg);
  color: var(--lk-text); font-family: var(--lk-font); font-size: var(--lk-size-m, 16px); line-height: var(--lk-body-lh, 1.5);
  font-weight: var(--lk-body-weight, 400); font-style: var(--lk-body-style, normal); letter-spacing: var(--lk-body-ls, normal); text-transform: var(--lk-body-transform, none);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
.lk-body *, .lk-body *::before, .lk-body *::after { box-sizing: border-box; }
.lk-spacing-compact { --lk-gap: 10px; }
.lk-page { width: 100%; padding: 24px 16px 48px; display: flex; flex-direction: column;
  container: lkbody / inline-size; /* layouts respondem à largura da página (também no canvas do editor) */ }
@media (min-width: 640px) { .lk-page { padding: 48px 24px 64px; } }
:where(.lk-page) a { color: inherit; } /* especificidade zero: as classes dos blocos (ex.: destaque) definem a cor */
.lk-page :focus-visible { outline: 2px solid var(--lk-accent); outline-offset: 3px; border-radius: 6px; }
.lk-page img { max-width: 100%; display: block; }

/* estrutura */
.lk-section { width: 100%; margin: 0 auto; }
.lk-section__inner { margin: 0 auto; display: flex; flex-direction: column; gap: var(--lk-gap); }
.lk-w-narrow .lk-section__inner { max-width: 480px; }
.lk-w-normal .lk-section__inner { max-width: 720px; }
.lk-w-wide .lk-section__inner { max-width: 1040px; }
.lk-pad-sm { padding: 8px 0; } .lk-pad-md { padding: 20px 0; } .lk-pad-lg { padding: 40px 0; }
.lk-section--bg-surface, .lk-section--bg-accent-soft { border-radius: var(--lk-radius-lg); padding-left: 16px; padding-right: 16px; }
.lk-section--bg-surface { background: var(--lk-surface); }
.lk-section--bg-accent-soft { background: color-mix(in srgb, var(--lk-accent) 14%, transparent); }
.lk-columns { display: grid; grid-template-columns: 1fr; gap: var(--lk-gap); }
.lk-gap-sm { gap: 8px; } .lk-gap-lg { gap: 24px; }
.lk-valign-center { align-items: center; } .lk-valign-end { align-items: end; }
.lk-column { display: flex; flex-direction: column; gap: var(--lk-gap); min-width: 0; }
.lk-spacer--xs { height: 8px; } .lk-spacer--sm { height: 16px; } .lk-spacer--md { height: 28px; } .lk-spacer--lg { height: 44px; } .lk-spacer--xl { height: 64px; }
.lk-divider { border: 0; border-top: 1px solid color-mix(in srgb, var(--lk-text) 14%, transparent); margin: 4px 0; width: 100%; }
.lk-divider--inset { width: 60%; margin: 4px auto; }
.lk-align-center { text-align: center; } .lk-align-right { text-align: right; } .lk-align-left { text-align: left; }

/* perfil */
.lk-profile { display: flex; flex-direction: column; gap: 6px; padding: 8px 0 4px; }
.lk-profile.lk-align-center { align-items: center; }
.lk-avatar { overflow: hidden; background: var(--lk-surface); flex-shrink: 0; }
.lk-avatar--sm { width: 72px; height: 72px; } .lk-avatar--md { width: 104px; height: 104px; } .lk-avatar--lg { width: 136px; height: 136px; }
.lk-avatar--circle { border-radius: 50%; } .lk-avatar--rounded { border-radius: var(--lk-radius-lg); } .lk-avatar--square { border-radius: 4px; }
.lk-avatar img { width: 100%; height: 100%; object-fit: cover; }
.lk-name { font-size: 1.4rem; line-height: 1.2; margin: 8px 0 0; font-weight: 700; letter-spacing: -0.01em; }
.lk-handle { margin: 0; color: var(--lk-muted); font-size: .875rem; }
.lk-bio { margin: 6px 0 0; color: var(--lk-muted); font-size: .95rem; max-width: 42ch; }
.lk-socials { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.lk-profile.lk-align-center .lk-socials { justify-content: center; }
.lk-social { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;
  font-size: 1.25rem; text-decoration: none; transition: transform .15s var(--lk-ease), background-color .15s; }
.lk-social:hover { background: color-mix(in srgb, var(--lk-text) 10%, transparent); transform: translateY(-1px); }

/* botões */
.lk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 18px;
  border-radius: var(--lk-radius); background: var(--lk-accent); color: var(--lk-accent-fg) !important; font-weight: 600;
  text-decoration: none; border: 2px solid transparent; cursor: pointer; font: inherit; font-weight: 600;
  transition: transform .15s var(--lk-ease), opacity .15s; }
.lk-btn:hover { transform: translateY(-1px); } .lk-btn:active { transform: scale(.98); }
.lk-btn--full { width: 100%; }
.lk-btn--secondary { background: var(--lk-surface); color: var(--lk-text) !important; }
.lk-btn--outline { background: transparent; color: var(--lk-text) !important; border-color: color-mix(in srgb, var(--lk-text) 40%, transparent); }
.lk-btn--whatsapp { background: #15803d; color: #fff !important; margin-top: 10px; }
.lk-btn--disabled { background: var(--lk-surface); color: var(--lk-muted) !important; cursor: not-allowed; }
.lk-button-wrap { display: flex; justify-content: center; }
.lk-buttons-outline .lk-link, .lk-buttons-outline .lk-btn--primary { background: transparent; color: var(--lk-text) !important; border: 2px solid var(--lk-accent); }
.lk-buttons-soft .lk-link, .lk-buttons-soft .lk-btn--primary { background: color-mix(in srgb, var(--lk-accent) 18%, transparent); color: var(--lk-text) !important; }
.lk-buttons-shadow .lk-link, .lk-buttons-shadow .lk-btn--primary { box-shadow: 0 6px 0 color-mix(in srgb, var(--lk-accent) 55%, #000); }

/* ícones em SVG (Iconify e embutidos): mesmo tamanho e cor dos ícones do Font Awesome */
.lk-ico { display: inline-flex; align-items: center; justify-content: center; line-height: 0; }
.lk-ico svg { width: 1em; height: 1em; }

/* links */
.lk-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.lk-links--grid { display: grid; grid-template-columns: 1fr 1fr; }
.lk-link { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 10px 52px;
  border-radius: var(--lk-radius); background: var(--lk-surface); color: var(--lk-text); text-decoration: none; font-weight: 600;
  text-align: center; border: 1px solid color-mix(in srgb, var(--lk-text) 8%, transparent);
  transition: transform .15s var(--lk-ease), border-color .15s; }
.lk-link:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--lk-accent) 60%, transparent); }
.lk-link:active { transform: scale(.98); }
.lk-link--highlight { background: var(--lk-accent); color: var(--lk-accent-fg); border-color: transparent; }
.lk-link__thumb, .lk-link__icon { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center; border-radius: calc(var(--lk-radius) - 4px); overflow: hidden; }
.lk-link__thumb img { width: 100%; height: 100%; object-fit: cover; }
.lk-link__icon { font-size: 1.15rem; }
.lk-links--grid .lk-link { padding: 14px 10px; flex-direction: column; }
.lk-links--grid .lk-link__thumb, .lk-links--grid .lk-link__icon { position: static; transform: none; }
/* formatos de link com imagem (como no Linktree): banner = imagem larga atrás do texto; destaque = imagem grande e texto abaixo */
.lk-links--grid .lk-links__wide { grid-column: 1 / -1; }
.lk-link--banner, .lk-link--featured { padding: 0; overflow: hidden; isolation: isolate; }
.lk-link__media { display: block; overflow: hidden; }
.lk-link__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--lk-ease); }
.lk-link--banner:hover .lk-link__media img, .lk-link--featured:hover .lk-link__media img { transform: scale(1.03); }
.lk-link--banner { aspect-ratio: 3 / 1; min-height: 88px; align-items: flex-end; color: #fff; }
.lk-link--banner .lk-link__media { position: absolute; inset: 0; z-index: -1; }
.lk-link--banner .lk-link__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, .68), rgba(0, 0, 0, .08) 70%); }
.lk-link--banner .lk-link__label { width: 100%; padding: 12px 16px; text-shadow: 0 1px 3px rgba(0, 0, 0, .45); }
.lk-link--featured { flex-direction: column; align-items: stretch; gap: 0; }
.lk-link--featured .lk-link__media { aspect-ratio: 16 / 9; }
.lk-link--featured .lk-link__label { padding: 12px 16px; }
.lk-links--left .lk-link--banner .lk-link__label, .lk-links--left .lk-link--featured .lk-link__label { text-align: left; }

/* texto */
.lk-text { overflow-wrap: anywhere; }
.lk-text h2 { font-size: 1.25rem; margin: .4em 0 .2em; line-height: 1.25; }
.lk-text h3 { font-size: 1.05rem; margin: .4em 0 .2em; }
.lk-text p { margin: 0 0 .7em; } .lk-text ul, .lk-text ol { margin: 0 0 .7em; padding-left: 1.3em; }
.lk-text--sm { font-size: .9rem; } .lk-text--lg { font-size: 1.1rem; }
.lk-text a { color: var(--lk-accent); }

/* imagem e galeria */
.lk-image { margin: 0; }
.lk-image img, .lk-gallery__item img { width: 100%; border-radius: var(--lk-radius); object-fit: cover; height: auto; }
.lk-ratio-1x1 img { aspect-ratio: 1 / 1; } .lk-ratio-4x3 img { aspect-ratio: 4 / 3; } .lk-ratio-16x9 img { aspect-ratio: 16 / 9; } .lk-ratio-3x4 img { aspect-ratio: 3 / 4; }
.lk-image figcaption, .lk-gallery__item figcaption { font-size: .8rem; color: var(--lk-muted); margin-top: 6px; }
.lk-gallery { display: grid; gap: 8px; grid-template-columns: repeat(2, 1fr); }
.lk-gallery--carousel { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; overscroll-behavior-x: contain; }
.lk-gallery--carousel .lk-gallery__item { flex: 0 0 82%; scroll-snap-align: start; }
.lk-gallery__item { margin: 0; min-width: 0; }
/* imagem da galeria: clique abre a imagem ampliada (page.js) */
.lk-zoom { display: block; width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: zoom-in; border-radius: var(--lk-radius); }
.lk-zoom img { display: block; transition: transform .3s var(--lk-ease), filter .2s; }
.lk-zoom:hover img { filter: brightness(1.04); }
.lk-zoom:focus-visible { outline: 2px solid var(--lk-accent); outline-offset: 2px; }
/* carrosséis: arrastar com o mouse e barra de rolagem fina nas cores da página */
.lk-gallery--carousel, .lk-testimonials--carousel { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--lk-accent) 75%, transparent) color-mix(in srgb, var(--lk-text) 9%, transparent); }
@supports not (scrollbar-color: red blue) {
  .lk-gallery--carousel::-webkit-scrollbar, .lk-testimonials--carousel::-webkit-scrollbar { height: 6px; }
  .lk-gallery--carousel::-webkit-scrollbar-track, .lk-testimonials--carousel::-webkit-scrollbar-track { background: color-mix(in srgb, var(--lk-text) 9%, transparent); border-radius: 999px; margin-inline: 6px; }
  .lk-gallery--carousel::-webkit-scrollbar-thumb, .lk-testimonials--carousel::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--lk-accent) 75%, transparent); border-radius: 999px; }
  .lk-gallery--carousel::-webkit-scrollbar-thumb:hover, .lk-testimonials--carousel::-webkit-scrollbar-thumb:hover { background: var(--lk-accent); }
}
@media (hover: hover) and (pointer: fine) { .lk-gallery--carousel.is-draggable, .lk-testimonials--carousel.is-draggable { cursor: grab; } }
.lk-gallery--carousel.is-dragging, .lk-testimonials--carousel.is-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.is-dragging .lk-zoom, .is-dragging img { pointer-events: none; }
/* imagem ampliada */
.lk-lightbox { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 64px 16px 24px;
  background: rgba(8, 10, 14, .92); animation: lk-fade .18s ease-out; }
.lk-lightbox__fig { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: min(1200px, 100%); max-height: 100%; }
.lk-lightbox__img { max-width: 100%; max-height: calc(100dvh - 150px); object-fit: contain; border-radius: 10px; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); touch-action: pan-y; user-select: none; }
.lk-lightbox__cap { color: #e9ecf1; font-size: .92rem; text-align: center; max-width: 70ch; }
.lk-lightbox__count { position: absolute; top: 20px; left: 20px; color: #c9ced8; font-size: .85rem; font-variant-numeric: tabular-nums; }
.lk-lightbox__btn { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%;
  background: rgba(255, 255, 255, .12); color: #fff; cursor: pointer; transition: background-color .15s; }
.lk-lightbox__btn:hover { background: rgba(255, 255, 255, .22); }
.lk-lightbox__btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.lk-lightbox__btn svg { width: 22px; height: 22px; }
.lk-lightbox__close { top: 12px; right: 12px; }
.lk-lightbox__prev { left: 12px; top: 50%; transform: translateY(-50%); }
.lk-lightbox__next { right: 12px; top: 50%; transform: translateY(-50%); }
@keyframes lk-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .lk-lightbox { animation: none; } .lk-zoom img { transition: none; } }
.lk-video { position: relative; display: block; width: 100%; padding: 0; border: 0; background: #000; border-radius: var(--lk-radius); overflow: hidden; cursor: pointer; aspect-ratio: 16 / 9; }
.lk-video img { width: 100%; height: 100%; object-fit: cover; opacity: .85; border-radius: 0; }
.lk-video__play { position: absolute; inset: 0; margin: auto; width: 56px; height: 56px; border-radius: 50%; background: rgba(0,0,0,.65); }
.lk-video__play::after { content: ""; position: absolute; left: 22px; top: 17px; border-left: 16px solid #fff; border-top: 11px solid transparent; border-bottom: 11px solid transparent; }
.lk-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* embed */
.lk-embed { width: 100%; }
.lk-embed iframe { width: 100%; border: 0; border-radius: var(--lk-radius); display: block; background: var(--lk-surface); }
.lk-ratio-16x9 iframe { aspect-ratio: 16 / 9; } .lk-ratio-4x3 iframe { aspect-ratio: 4 / 3; } .lk-ratio-1x1 iframe { aspect-ratio: 1 / 1; }
.lk-embed--spotify iframe { height: 152px; } .lk-embed--soundcloud iframe { height: 166px; } .lk-embed--google-maps.lk-ratio-auto iframe { height: 300px; }

/* cta */
.lk-cta { border-radius: var(--lk-radius-lg); padding: 22px 18px; display: flex; flex-direction: column; gap: 10px; }
.lk-cta.lk-align-center { align-items: center; }
.lk-cta--card { background: var(--lk-surface); border: 1px solid color-mix(in srgb, var(--lk-text) 8%, transparent); }
.lk-cta--banner { background: color-mix(in srgb, var(--lk-accent) 16%, var(--lk-surface)); }
.lk-cta__title { margin: 0; font-size: 1.2rem; line-height: 1.25; }
.lk-cta__text { margin: 0; color: var(--lk-muted); max-width: 46ch; }

/* formulários (lead e chat) */
.lk-lead { background: var(--lk-surface); border-radius: var(--lk-radius-lg); padding: 20px 16px; }
.lk-lead__title { margin: 0 0 4px; font-size: 1.15rem; } .lk-lead__text { margin: 0 0 12px; color: var(--lk-muted); }
.lk-form { display: flex; flex-direction: column; gap: 12px; }
.lk-field { display: flex; flex-direction: column; gap: 6px; text-align: left; }
.lk-field label { font-size: .875rem; font-weight: 600; }
.lk-optional { font-weight: 400; color: var(--lk-muted); }
.lk-field input, .lk-field textarea { font: inherit; color: var(--lk-text); background: var(--lk-bg); min-height: 46px; padding: 10px 12px;
  border-radius: calc(var(--lk-radius) - 2px); border: 1px solid color-mix(in srgb, var(--lk-text) 24%, transparent); width: 100%; }
.lk-field input:focus, .lk-field textarea:focus { outline: 2px solid var(--lk-accent); outline-offset: 1px; }
.lk-field [aria-invalid="true"] { border-color: #e5484d; }
.lk-field__error { color: #ff8a8f; font-size: .8rem; }
.lk-consent { display: flex; gap: 8px; align-items: flex-start; font-size: .8rem; color: var(--lk-muted); text-align: left; }
.lk-consent input { margin-top: 3px; width: 18px; height: 18px; flex-shrink: 0; accent-color: var(--lk-accent); }
.lk-form__status { margin: 0; font-size: .875rem; min-height: 1.2em; }
.lk-form__status.is-ok { color: var(--lk-accent); } .lk-form__status.is-error { color: #ff8a8f; }
.lk-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* loja */
.lk-store__title { margin: 0 0 10px; font-size: 1.15rem; }
.lk-store__grid { display: grid; gap: 10px; grid-template-columns: 1fr; }
.lk-product { background: var(--lk-surface); border-radius: var(--lk-radius-lg); overflow: hidden; display: flex; flex-direction: column; }
.lk-store--list .lk-product { flex-direction: row; }
.lk-store--list .lk-product__img { width: 38%; flex-shrink: 0; }
.lk-product__img img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 0; }
.lk-product__body { padding: 14px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.lk-product__title { margin: 0; font-size: 1rem; } .lk-product__text { margin: 0; color: var(--lk-muted); font-size: .875rem; }
.lk-product__price { margin: 2px 0 6px; font-weight: 700; font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.lk-store__note { margin: 8px 0 0; font-size: .75rem; color: var(--lk-muted); text-align: center; }

/* chat assíncrono */
.lk-chat { position: fixed; bottom: 16px; z-index: 50; }
.lk-chat--right { right: 16px; } .lk-chat--left { left: 16px; }
.lk-chat__toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 10px 18px; border-radius: 999px; border: 0;
  background: var(--lk-accent); color: var(--lk-accent-fg); font: inherit; font-weight: 600; cursor: pointer; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.lk-chat__panel { position: fixed; bottom: 76px; width: min(360px, calc(100vw - 32px)); max-height: calc(100dvh - 100px); overflow: auto;
  background: var(--lk-surface); border-radius: var(--lk-radius-lg); padding: 16px; box-shadow: 0 24px 64px rgba(0,0,0,.5); }
.lk-chat--right .lk-chat__panel { right: 16px; } .lk-chat--left .lk-chat__panel { left: 16px; }
.lk-chat__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.lk-chat__close { background: none; border: 0; color: inherit; font-size: 1.6rem; line-height: 1; cursor: pointer; width: 40px; height: 40px; }
.lk-chat__welcome { margin: 0 0 6px; } .lk-chat__note { margin: 0 0 12px; font-size: .8rem; color: var(--lk-muted); }

/* visibilidade por dispositivo */
@container lkbody (max-width: 639px) { .lk-hide-mobile { display: none !important; } }
@container lkbody (min-width: 640px) and (max-width: 1023px) { .lk-hide-tablet { display: none !important; } }
@container lkbody (min-width: 1024px) { .lk-hide-desktop { display: none !important; } }

/* telas maiores */
@container lkbody (min-width: 640px) {
  .lk-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lk-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lk-gallery.lk-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .lk-gallery--carousel .lk-gallery__item { flex-basis: 46%; }
  .lk-store--grid .lk-store__grid { grid-template-columns: repeat(2, 1fr); }
}

/* rodapé e estados */
.lk-footer { margin-top: 36px; text-align: center; font-size: .75rem; color: var(--lk-muted); }
.lk-footer a { text-decoration: none; }
.lk-footer { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.lk-footer__report { background: none; border: 0; padding: 6px 10px; border-radius: 999px; font: inherit; font-size: .72rem; color: var(--lk-muted); opacity: .8; cursor: pointer; }
.lk-footer__report:hover, .lk-footer__report:focus-visible { opacity: 1; text-decoration: underline; }
.lk-footer__report { display: inline-flex; align-items: center; gap: 5px; }
.lk-empty { padding: 18px; border: 1px dashed color-mix(in srgb, var(--lk-text) 30%, transparent); border-radius: var(--lk-radius); color: var(--lk-muted); text-align: center; font-size: .875rem; }
.lk-preview-bar { position: sticky; top: 0; z-index: 60; background: #f5c542; color: #2a2100; text-align: center; font: 600 13px/1.4 system-ui, sans-serif; padding: 8px 12px; }
.lk-404 { max-width: 420px; margin: 0 auto; text-align: center; padding-top: 18vh; gap: 12px; }

@media (prefers-reduced-motion: reduce) {
  .lk-body *, .lk-body *::before, .lk-body *::after { transition: none !important; animation: none !important; }
}

/* ===== perfil: layouts ===== */
.lk-profile__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lk-profile.lk-align-center .lk-profile__body { align-items: center; }
.lk-profile.lk-align-right { align-items: flex-end; }
.lk-profile.lk-align-right .lk-profile__body { align-items: flex-end; }
.lk-profile.lk-align-right .lk-socials { justify-content: flex-end; }
.lk-name--sm { font-size: 1.15rem; } .lk-name--lg { font-size: 1.85rem; }
.lk-profile--inline { flex-direction: row; align-items: center; gap: 16px; text-align: left; }
.lk-profile--inline .lk-profile__body { align-items: flex-start; }
.lk-profile--inline .lk-name { margin-top: 0; }
.lk-profile--inline.lk-profile--avatar-right { flex-direction: row-reverse; }
.lk-profile--inline.lk-profile--avatar-right .lk-profile__body { align-items: flex-end; text-align: right; }
.lk-profile--inline.lk-align-center { justify-content: center; }
.lk-profile--inline.lk-align-right { justify-content: flex-end; }
.lk-profile--inline .lk-socials { justify-content: flex-start; }
.lk-profile--cover { padding-top: 0; }
.lk-profile__cover { width: 100%; border-radius: var(--lk-radius-lg); overflow: hidden; background: color-mix(in srgb, var(--lk-accent) 22%, var(--lk-surface)); }
.lk-profile__cover img { width: 100%; height: 100%; object-fit: cover; }
.lk-cover--sm { height: 110px; } .lk-cover--md { height: 160px; } .lk-cover--lg { height: 220px; }
.lk-profile--cover .lk-avatar { margin-top: -52px; border: 4px solid var(--lk-bg); position: relative; }
.lk-profile--cover.lk-align-left .lk-avatar { margin-left: 16px; }
.lk-profile--cover.lk-align-right .lk-avatar { margin-right: 16px; }

/* ===== formatos e variantes de botões por bloco ===== */
.lk-shape-square .lk-link, .lk-shape-square .lk-btn, .lk-shape-square.lk-btn { border-radius: 4px; }
.lk-shape-rounded .lk-link, .lk-shape-rounded .lk-btn { border-radius: 14px; }
.lk-shape-pill .lk-link, .lk-shape-pill .lk-btn { border-radius: 999px; }
.lk-links.lk-v-solid .lk-link { background: var(--lk-accent); color: var(--lk-accent-fg) !important; border: 1px solid transparent; box-shadow: none; }
.lk-links.lk-v-outline .lk-link { background: transparent; color: var(--lk-text) !important; border: 2px solid var(--lk-accent); box-shadow: none; }
.lk-links.lk-v-soft .lk-link { background: color-mix(in srgb, var(--lk-accent) 18%, transparent); color: var(--lk-text) !important; border: 1px solid transparent; box-shadow: none; }
.lk-links.lk-v-shadow .lk-link { background: var(--lk-surface); color: var(--lk-text) !important; border: 1px solid color-mix(in srgb, var(--lk-text) 10%, transparent); box-shadow: 0 6px 0 color-mix(in srgb, var(--lk-accent) 55%, #000); }
.lk-links--left .lk-link { justify-content: flex-start; text-align: left; padding-left: 18px; }
.lk-justify-left { justify-content: flex-start !important; } .lk-justify-center { justify-content: center !important; } .lk-justify-right { justify-content: flex-end !important; }

/* ===== blocos de presença ===== */
.lk-block-title { margin: 0 0 12px; font-size: 1.15rem; line-height: 1.25; font-weight: 700; }
.lk-heading { display: flex; flex-direction: column; gap: 6px; }
.lk-heading__eyebrow { margin: 0; font-size: .8rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--lk-accent); }
.lk-heading__title { margin: 0; line-height: 1.15; letter-spacing: -0.015em; font-weight: 700; }
.lk-heading--sm .lk-heading__title { font-size: 1.1rem; } .lk-heading--md .lk-heading__title { font-size: 1.45rem; }
.lk-heading--lg .lk-heading__title { font-size: 1.9rem; } .lk-heading--xl .lk-heading__title { font-size: clamp(2rem, 7cqi, 3rem); }
.lk-heading__subtitle { margin: 0; color: var(--lk-muted); }

.lk-socialbar { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.lk-socialbar__item { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--lk-text) !important; text-decoration: none;
  transition: transform .15s var(--lk-ease), background-color .15s; }
.lk-socialbar--icons .lk-socialbar__item { width: 44px; height: 44px; border-radius: 50%; background: var(--lk-surface); }
.lk-socialbar--icons.lk-socialbar--sm .lk-socialbar__item { width: 36px; height: 36px; font-size: .9rem; }
.lk-socialbar--icons.lk-socialbar--lg .lk-socialbar__item { width: 54px; height: 54px; font-size: 1.35rem; }
.lk-socialbar--pills .lk-socialbar__item { padding: 8px 14px; border-radius: 999px; background: var(--lk-surface); font-weight: 600; font-size: .9rem; }
.lk-socialbar__item:hover { transform: translateY(-1px); background: color-mix(in srgb, var(--lk-accent) 22%, var(--lk-surface)); }

.lk-banner { position: relative; display: flex; overflow: hidden; border-radius: var(--lk-radius-lg); color: #fff; isolation: isolate; }
.lk-banner--plain { background: linear-gradient(135deg, color-mix(in srgb, var(--lk-accent) 70%, #000), var(--lk-surface)); }
.lk-banner--sm { min-height: 180px; } .lk-banner--md { min-height: 260px; } .lk-banner--lg { min-height: 360px; }
.lk-banner--top { align-items: flex-start; } .lk-banner--center { align-items: center; } .lk-banner--bottom { align-items: flex-end; }
.lk-banner__media { position: absolute; inset: 0; z-index: -2; } .lk-banner__media img { width: 100%; height: 100%; object-fit: cover; }
.lk-banner__shade { position: absolute; inset: 0; z-index: -1; background: #000; }
.lk-banner__content { width: 100%; padding: 24px 20px; display: flex; flex-direction: column; gap: 10px; }
.lk-banner.lk-align-center .lk-banner__content { align-items: center; } .lk-banner.lk-align-right .lk-banner__content { align-items: flex-end; }
.lk-banner__title { margin: 0; font-size: clamp(1.5rem, 6cqi, 2.4rem); line-height: 1.1; letter-spacing: -0.02em; }
.lk-banner__subtitle { margin: 0; opacity: .9; max-width: 46ch; }

.lk-faq__item { background: var(--lk-surface); border-radius: var(--lk-radius); margin-bottom: 8px; border: 1px solid color-mix(in srgb, var(--lk-text) 8%, transparent); }
.lk-faq__item summary { cursor: pointer; padding: 14px 16px; font-weight: 600; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.lk-faq__item summary::-webkit-details-marker { display: none; }
.lk-faq__item summary::after { content: "+"; font-weight: 400; font-size: 1.2rem; line-height: 1; color: var(--lk-muted); }
.lk-faq__item[open] summary::after { content: "−"; }
.lk-faq__answer { padding: 0 16px 14px; color: var(--lk-muted); }

.lk-testimonials__list { display: grid; gap: var(--lk-gap); }
@container lkbody (min-width: 640px) { .lk-testimonials--grid { grid-template-columns: 1fr 1fr; } }
.lk-testimonials--carousel { grid-auto-flow: column; grid-auto-columns: 85%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; overscroll-behavior-x: contain; }
.lk-testimonials--carousel .lk-testimonial { scroll-snap-align: start; }
.lk-testimonial { margin: 0; padding: 18px; background: var(--lk-surface); border-radius: var(--lk-radius-lg); display: flex; flex-direction: column; gap: 12px; }
.lk-testimonial blockquote { margin: 0; }
.lk-testimonial figcaption { display: flex; align-items: center; gap: 10px; font-size: .9rem; }
.lk-testimonial figcaption > span:last-child { display: flex; flex-direction: column; }
.lk-testimonial__avatar img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.lk-testimonial__role { color: var(--lk-muted); font-size: .85rem; }
.lk-stars { margin: 0; color: #f5b301; font-size: .85rem; display: flex; gap: 2px; }

.lk-pricing__grid { display: grid; gap: var(--lk-gap); }
@container lkbody (min-width: 640px) { .lk-pricing__grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } }
.lk-plan { padding: 20px; border-radius: var(--lk-radius-lg); background: var(--lk-surface); display: flex; flex-direction: column; gap: 10px;
  border: 1px solid color-mix(in srgb, var(--lk-text) 8%, transparent); }
.lk-plan--highlight { border: 2px solid var(--lk-accent); }
.lk-plan__name { margin: 0; font-size: 1.05rem; }
.lk-plan__price { margin: 0; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.01em; }
.lk-plan__price span { font-size: .9rem; font-weight: 500; color: var(--lk-muted); margin-left: 4px; }
.lk-plan__price--ask { font-size: 1.1rem; color: var(--lk-muted); }
.lk-plan__text { margin: 0; color: var(--lk-muted); font-size: .95rem; }
.lk-plan__features { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; font-size: .95rem; }
.lk-plan__features li::before { content: "✓"; color: var(--lk-accent); font-weight: 700; margin-right: 8px; }
.lk-plan .lk-btn { margin-top: auto; }

.lk-features__grid { display: grid; gap: 14px; }
@container lkbody (min-width: 640px) { .lk-features__grid.lk-cols-2 { grid-template-columns: 1fr 1fr; } .lk-features__grid.lk-cols-3 { grid-template-columns: repeat(3, 1fr); } }
.lk-feature { display: flex; gap: 12px; align-items: flex-start; text-align: left; }
.lk-feature__icon { flex-shrink: 0; width: 40px; height: 40px; border-radius: var(--lk-radius); display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--lk-accent) 18%, transparent); color: var(--lk-accent); }
.lk-feature__title { margin: 2px 0 2px; font-size: 1rem; } .lk-feature__text { margin: 0; color: var(--lk-muted); font-size: .92rem; }

.lk-hours { background: var(--lk-surface); border-radius: var(--lk-radius-lg); padding: 18px; }
.lk-hours__list { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.lk-hours__row { display: flex; justify-content: space-between; gap: 12px; font-size: .95rem; }
.lk-hours__row dt { font-weight: 600; } .lk-hours__row dd { margin: 0; color: var(--lk-muted); font-variant-numeric: tabular-nums; }
.lk-hours__row--closed dd { opacity: .7; }
.lk-hours__row.is-today dt, .lk-hours__row.is-today dd { color: var(--lk-accent); }
.lk-hours__note { margin: 10px 0 0; color: var(--lk-muted); font-size: .9rem; }

.lk-contact__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.lk-contact__item { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--lk-radius); background: var(--lk-surface);
  color: var(--lk-text) !important; text-decoration: none; text-align: left; }
a.lk-contact__item:hover { background: color-mix(in srgb, var(--lk-accent) 16%, var(--lk-surface)); }
.lk-contact__item i { width: 22px; text-align: center; color: var(--lk-accent); font-size: 1.1rem; }
.lk-contact__item > span { display: flex; flex-direction: column; min-width: 0; }
.lk-contact__label { font-size: .78rem; color: var(--lk-muted); } .lk-contact__value { overflow-wrap: anywhere; font-weight: 600; }
.lk-contact--buttons .lk-contact__list { flex-direction: row; flex-wrap: wrap; justify-content: center; }
.lk-contact--buttons .lk-contact__label { display: none; }
.lk-contact--buttons .lk-contact__item { border-radius: 999px; padding: 10px 16px; }

.lk-countdown__clock { display: flex; gap: 10px; justify-content: center; }
.lk-countdown.lk-align-left .lk-countdown__clock { justify-content: flex-start; } .lk-countdown.lk-align-right .lk-countdown__clock { justify-content: flex-end; }
.lk-countdown__unit { min-width: 64px; padding: 10px 6px; border-radius: var(--lk-radius); background: var(--lk-surface); display: flex; flex-direction: column; align-items: center; }
.lk-countdown__unit strong { font-size: 1.6rem; font-variant-numeric: tabular-nums; line-height: 1.1; }
.lk-countdown__unit small { color: var(--lk-muted); font-size: .75rem; }
.lk-countdown__date { margin: 10px 0 0; color: var(--lk-muted); font-size: .9rem; }
.lk-countdown.is-ended .lk-countdown__clock { display: none; }

.lk-quote { margin: 0; padding: 8px 4px; }
.lk-quote blockquote { margin: 0; font-size: 1.2rem; line-height: 1.4; font-weight: 600; letter-spacing: -0.01em; }
.lk-quote--lg blockquote { font-size: 1.6rem; }
.lk-quote blockquote::before { content: "“"; color: var(--lk-accent); } .lk-quote blockquote::after { content: "”"; color: var(--lk-accent); }
.lk-quote figcaption { margin-top: 10px; color: var(--lk-muted); font-size: .9rem; }

/* imagens animadas: <picture> não altera o layout do <img> */
.lk-anim { display: contents; }

/* Tipografia do tema (Theme::compile): título, texto e botões. Sem variável definida, vale o padrão de cada bloco. */
@media (min-width: 640px) { .lk-body { font-size: var(--lk-size-d, var(--lk-size-m, 16px)); } }
.lk-name, .lk-heading__title, .lk-block-title, .lk-cta__title, .lk-lead__title, .lk-store__title, .lk-text h2, .lk-text h3 {
  font-family: var(--lk-font-heading, inherit); font-weight: var(--lk-heading-weight, 700); font-style: var(--lk-heading-style, normal);
  text-transform: var(--lk-heading-transform, none); }
.lk-body[style*="--lk-heading-ls"] :is(.lk-name, .lk-heading__title, .lk-block-title, .lk-cta__title, .lk-lead__title, .lk-store__title, .lk-text h2, .lk-text h3) { letter-spacing: var(--lk-heading-ls); }
.lk-body[style*="--lk-heading-lh"] :is(.lk-name, .lk-heading__title, .lk-block-title, .lk-cta__title, .lk-lead__title, .lk-store__title, .lk-text h2, .lk-text h3) { line-height: var(--lk-heading-lh); }
.lk-btn, .lk-link {
  font-family: var(--lk-font-button, inherit); font-weight: var(--lk-button-weight, 600); font-style: var(--lk-button-style, normal);
  letter-spacing: var(--lk-button-ls, normal); text-transform: var(--lk-button-transform, none); }
/* Fundo da página: fixo só em telas largas; GIF/WebP animado vira quadro estático para quem pede menos movimento */
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) { .lk-bg-fixed { background-attachment: fixed; } }
@media (prefers-reduced-motion: reduce) { .lk-body { background: var(--lk-background-still, var(--lk-background)); background-color: var(--lk-bg); } }

/* Interações do bloco: curtir e compartilhar */
.lk-node--ix { position: relative; scroll-margin: 24px; }
.lk-ix { display: flex; gap: 4px; justify-content: flex-end; margin-top: 4px; line-height: 1; }
.lk-ix__btn { display: inline-flex; align-items: center; gap: 5px; min-height: 30px; min-width: 30px; padding: 4px 10px; justify-content: center;
  border-radius: 999px; border: 1px solid color-mix(in srgb, var(--lk-text) 18%, transparent); background: color-mix(in srgb, var(--lk-surface) 70%, transparent);
  color: var(--lk-text); font: inherit; font-size: .8rem; font-weight: 600; cursor: pointer; transition: transform .15s var(--lk-ease), background-color .15s; }
/* "no canto": os botões ficam sobre o canto superior direito do bloco e não ocupam espaço */
.lk-ix--corner { position: absolute; top: 8px; right: 8px; margin: 0; z-index: 3; }
.lk-ix--corner .lk-ix__btn { min-height: 32px; min-width: 32px; border-color: transparent; color: var(--lk-text);
  background: color-mix(in srgb, var(--lk-bg) 78%, transparent); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18); }
.lk-ix__btn:hover { background: var(--lk-surface); } .lk-ix__btn:active { transform: scale(.95); }
.lk-ix__btn:focus-visible, .lk-sharefab:focus-visible, .lk-sheet a:focus-visible, .lk-sheet button:focus-visible { outline: 2px solid var(--lk-accent); outline-offset: 2px; }
.lk-ix__btn:disabled { cursor: default; opacity: .7; }
.lk-like[aria-pressed="true"] { color: #e5484d; border-color: color-mix(in srgb, #e5484d 45%, transparent); }
.lk-like__n:empty { display: none; }
.lk-like.is-pop i { animation: lk-pop .35s var(--lk-ease); }
@keyframes lk-pop { 0% { transform: scale(1); } 45% { transform: scale(1.35); } 100% { transform: scale(1); } }
.lk-highlight { animation: lk-glow 2.4s var(--lk-ease); border-radius: var(--lk-radius-lg); }
@keyframes lk-glow { 0%, 60% { box-shadow: 0 0 0 3px var(--lk-accent), 0 0 0 9px color-mix(in srgb, var(--lk-accent) 25%, transparent); } 100% { box-shadow: 0 0 0 0 transparent; } }
@media (prefers-reduced-motion: reduce) {
  .lk-like.is-pop i { animation: none; }
  .lk-highlight { animation: none; outline: 3px solid var(--lk-accent); outline-offset: 4px; }
}

/* Compartilhar a página */
.lk-sharefab { position: fixed; top: 14px; right: 14px; z-index: 40; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px;
  border-radius: 999px; border: 1px solid color-mix(in srgb, var(--lk-text) 18%, transparent); background: color-mix(in srgb, var(--lk-surface) 85%, transparent);
  color: var(--lk-text); font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; backdrop-filter: blur(8px); box-shadow: 0 6px 18px rgba(0,0,0,.18); }
.lk-sharefab:hover { background: var(--lk-surface); }
@media (max-width: 480px) { .lk-sharefab span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .lk-sharefab { padding: 8px 11px; } }
.lk-preview-bar ~ .lk-sharefab { top: 50px; }
.lk-sheet { position: fixed; inset: 0; z-index: 90; background: rgba(0,0,0,.55); display: flex; align-items: flex-end; justify-content: center; padding: 0; }
@media (min-width: 640px) { .lk-sheet { align-items: center; padding: 16px; } }
.lk-sheet__panel { width: 100%; max-width: 440px; background: var(--lk-surface); color: var(--lk-text); border-radius: 20px 20px 0 0; padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
  box-shadow: 0 -10px 40px rgba(0,0,0,.35); animation: lk-up .25s var(--lk-ease); }
@media (min-width: 640px) { .lk-sheet__panel { border-radius: 20px; } }
@keyframes lk-up { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .lk-sheet__panel { animation: none; } }
.lk-sheet__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.lk-sheet__title { margin: 0; font-size: 1.05rem; }
.lk-sheet__close { width: 40px; height: 40px; border: 0; background: none; color: inherit; font-size: 1.6rem; line-height: 1; cursor: pointer; border-radius: 999px; }
.lk-sheet__link { display: flex; gap: 8px; margin-bottom: 14px; }
.lk-sheet__link input { flex: 1; min-width: 0; min-height: 46px; padding: 10px 12px; font: inherit; font-size: .85rem; color: var(--lk-text); background: var(--lk-bg);
  border: 1px solid color-mix(in srgb, var(--lk-text) 20%, transparent); border-radius: var(--lk-radius); }
.lk-sheet__link .lk-btn { white-space: nowrap; }
.lk-sheet__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.lk-sheet__item { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 4px; border-radius: 14px; border: 0; background: none; color: inherit;
  font: inherit; font-size: .75rem; text-decoration: none; cursor: pointer; }
.lk-sheet__item i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 999px; background: var(--lk-bg); font-size: 1.2rem; }
.lk-sheet__item:hover i { background: color-mix(in srgb, var(--lk-accent) 22%, var(--lk-bg)); }
.lk-toast { position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 95; max-width: calc(100% - 32px); padding: 10px 16px; border-radius: 999px;
  background: var(--lk-text); color: var(--lk-bg); font-size: .875rem; font-weight: 600; box-shadow: 0 10px 30px rgba(0,0,0,.3); }
.lk-toast[hidden] { display: none; }

/* Player de música (MusicBlock). Sem JavaScript fica o <audio controls> nativo. */
.lk-music { --lk-m: var(--lk-music, var(--lk-accent)); --p: 0; background: var(--lk-surface); border-radius: var(--lk-radius-lg); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.lk-music .lk-block-title { margin: 0; }
.lk-music__now { display: flex; align-items: center; gap: 14px; min-width: 0; }
.lk-music__cover { position: relative; flex: none; width: 72px; height: 72px; border-radius: 14px; background: color-mix(in srgb, var(--lk-m) 20%, var(--lk-bg));
  display: grid; place-items: center; color: var(--lk-m); font-size: 1.6rem; }
.lk-music__cover img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; display: block; }
.lk-music--card .lk-music__cover { width: 96px; height: 96px; }
.lk-music__info { min-width: 0; }
.lk-music__title { margin: 0; font-weight: 700; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-music__artist { margin: 2px 0 0; color: var(--lk-muted); font-size: .875rem; }
.lk-music__artist:empty { display: none; }
.lk-music__bar { display: flex; align-items: center; gap: 10px; }
.lk-music__time { flex: none; font-size: .78rem; color: var(--lk-muted); font-variant-numeric: tabular-nums; }
.lk-music__seek { flex: 1; min-width: 0; height: 28px; margin: 0; background: transparent; cursor: pointer; -webkit-appearance: none; appearance: none; }
.lk-music__seek::-webkit-slider-runnable-track { height: 6px; border-radius: 999px; background: linear-gradient(90deg, var(--lk-m) calc(var(--p) * 100%), color-mix(in srgb, var(--lk-text) 18%, transparent) 0); }
.lk-music__seek::-moz-range-track { height: 6px; border-radius: 999px; background: linear-gradient(90deg, var(--lk-m) calc(var(--p) * 100%), color-mix(in srgb, var(--lk-text) 18%, transparent) 0); }
.lk-music__seek::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; margin-top: -5px; border-radius: 50%; background: var(--lk-m); border: 2px solid var(--lk-surface); }
.lk-music__seek::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--lk-m); border: 2px solid var(--lk-surface); }
.lk-music__seek:focus-visible { outline: 2px solid var(--lk-m); outline-offset: 2px; border-radius: 6px; }
.lk-prog--gradient .lk-music__seek::-webkit-slider-runnable-track { height: 8px; background: linear-gradient(90deg, color-mix(in srgb, var(--lk-m) 55%, #fff) 0, var(--lk-m) calc(var(--p) * 100%), color-mix(in srgb, var(--lk-text) 18%, transparent) 0); }
.lk-prog--gradient .lk-music__seek::-moz-range-track { height: 8px; background: linear-gradient(90deg, color-mix(in srgb, var(--lk-m) 55%, #fff) 0, var(--lk-m) calc(var(--p) * 100%), color-mix(in srgb, var(--lk-text) 18%, transparent) 0); }
/* forma de onda: as barras pintadas até o ponto atual; clicar nelas também busca */
.lk-music__wave { display: flex; align-items: center; gap: 2px; height: 48px; cursor: pointer; }
.lk-music__wave span { flex: 1; height: var(--h); min-height: 3px; border-radius: 2px; background: color-mix(in srgb, var(--lk-text) 22%, transparent); }
.lk-music__wave span.is-on { background: var(--lk-m); }
.lk-prog--waveform .lk-music__seek::-webkit-slider-runnable-track, .lk-prog--equalizer .lk-music__seek::-webkit-slider-runnable-track { height: 3px; }
.lk-prog--waveform .lk-music__seek::-moz-range-track, .lk-prog--equalizer .lk-music__seek::-moz-range-track { height: 3px; }
/* equalizador: alturas vêm do AnalyserNode (frequências reais) */
.lk-music__eq { display: flex; align-items: flex-end; gap: 3px; height: 44px; }
.lk-music__eq span { flex: 1; height: calc(8% + var(--v, 0) * 92%); border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, var(--lk-m), color-mix(in srgb, var(--lk-m) 45%, transparent)); transition: height .08s linear; }
/* pulso: a capa reage ao volume real */
.lk-prog--pulse .lk-music__cover { box-shadow: 0 0 0 calc(var(--lvl, 0) * 14px) color-mix(in srgb, var(--lk-m) 35%, transparent); transform: scale(calc(1 + var(--lvl, 0) * .06)); transition: box-shadow .08s linear, transform .08s linear; }
/* circular: anel de progresso em volta da capa */
.lk-music__ring { position: absolute; inset: -6px; width: calc(100% + 12px); height: calc(100% + 12px); transform: rotate(-90deg); pointer-events: none; }
.lk-music__ring circle { fill: none; stroke: color-mix(in srgb, var(--lk-text) 18%, transparent); stroke-width: 3; }
.lk-music__ring .lk-music__ring-fg { stroke: var(--lk-m); stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: calc(100 - var(--p) * 100); }
.lk-prog--circular .lk-music__cover { border-radius: 50%; }
.lk-music__controls { display: flex; align-items: center; justify-content: center; gap: 14px; }
.lk-music__btn { width: 44px; height: 44px; border-radius: 999px; border: 0; background: color-mix(in srgb, var(--lk-text) 10%, transparent); color: var(--lk-text); font-size: 1rem; cursor: pointer;
  display: grid; place-items: center; transition: transform .15s var(--lk-ease); }
.lk-music__btn:active { transform: scale(.94); }
.lk-music__btn:focus-visible, .lk-music__track:focus-visible, .lk-music__report:focus-visible { outline: 2px solid var(--lk-m); outline-offset: 2px; }
.lk-music__play { width: 56px; height: 56px; background: var(--lk-m); color: var(--lk-accent-fg); font-size: 1.2rem; }
.lk-music--compact { flex-direction: row; flex-wrap: wrap; align-items: center; }
.lk-music--compact .lk-music__now { flex: 1 1 180px; }
.lk-music--compact .lk-music__controls { order: -1; }
.lk-music--compact .lk-music__bar, .lk-music--compact .lk-music__wave, .lk-music--compact .lk-music__eq { flex: 1 1 100%; }
.lk-music--compact .lk-music__cover { width: 52px; height: 52px; font-size: 1.2rem; }
.lk-music__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; border-top: 1px solid color-mix(in srgb, var(--lk-text) 12%, transparent); padding-top: 8px; }
.lk-music__list[hidden] { display: none; }
.lk-music__track { width: 100%; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 8px; border: 0; border-radius: 10px; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.lk-music__track:hover { background: color-mix(in srgb, var(--lk-text) 7%, transparent); }
.lk-music__track[aria-current="true"] { background: color-mix(in srgb, var(--lk-m) 16%, transparent); }
.lk-music__track[aria-current="true"] .lk-music__n { color: var(--lk-m); }
.lk-music__n { width: 1.4em; text-align: center; color: var(--lk-muted); font-size: .8rem; font-variant-numeric: tabular-nums; }
.lk-music__tt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.lk-music__tt > span:first-child { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-music__ta { font-size: .8rem; color: var(--lk-muted); }
.lk-music__td { font-size: .78rem; color: var(--lk-muted); font-variant-numeric: tabular-nums; }
.lk-music__about { margin: 0; font-size: .875rem; color: var(--lk-muted); }
.lk-music__about[hidden] { display: none; }
.lk-music__foot { margin: 0; text-align: right; }
.lk-music__report { border: 0; background: none; padding: 4px 0; color: var(--lk-muted); font: inherit; font-size: .75rem; text-decoration: underline; cursor: pointer; }
/* sem JavaScript: só o player nativo */
.lk-music:not(.is-ready) .lk-music__controls, .lk-music:not(.is-ready) .lk-music__bar, .lk-music:not(.is-ready) .lk-music__wave, .lk-music:not(.is-ready) .lk-music__eq { display: none; }
.lk-music.is-ready .lk-music__audio { display: none; }
.lk-music__audio { width: 100%; }
@media (prefers-reduced-motion: reduce) {
  .lk-music__eq span, .lk-prog--pulse .lk-music__cover { transition: none; }
  .lk-prog--pulse .lk-music__cover { box-shadow: none; transform: none; }
}
/* formulário de denúncia */
.lk-report__form { display: flex; flex-direction: column; gap: 10px; }
.lk-report__form select, .lk-report__form textarea, .lk-report__form input { font: inherit; color: var(--lk-text); background: var(--lk-bg); min-height: 44px; padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--lk-text) 20%, transparent); border-radius: var(--lk-radius); }
.lk-report__form label { display: flex; flex-direction: column; gap: 4px; font-size: .85rem; font-weight: 600; }
.lk-report__note { margin: 0; font-size: .78rem; color: var(--lk-muted); }

/* Redes sociais: perfil e publicações (dados da API oficial em cache) */
.lk-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lk-sprofile { background: var(--lk-surface); border-radius: var(--lk-radius-lg); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.lk-sprofile__head { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; min-width: 0; }
.lk-sprofile__avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex: none; }
.lk-sprofile__avatar--empty { display: grid; place-items: center; background: var(--lk-bg); font-size: 1.6rem; }
.lk-sp--instagram .lk-sprofile__avatar { box-shadow: 0 0 0 2px var(--lk-surface), 0 0 0 4px #d62976; }
.lk-sprofile__id { display: flex; flex-direction: column; min-width: 0; }
.lk-sprofile__id strong { font-size: 1.05rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-sprofile__id span { color: var(--lk-muted); font-size: .875rem; }
.lk-sprofile__bio { margin: 0; font-size: .9rem; color: var(--lk-muted); }
.lk-sprofile__stats { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: .875rem; color: var(--lk-muted); }
.lk-sprofile__stats strong { color: var(--lk-text); font-variant-numeric: tabular-nums; }
.lk-sbutton { gap: 10px; }
.lk-sbutton__at { opacity: .75; font-weight: 500; }
.lk-sfeed { display: flex; flex-direction: column; gap: 10px; }
.lk-sfeed__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.lk-sfeed.lk-cols-2 .lk-sfeed__list { grid-template-columns: repeat(2, 1fr); }
.lk-sfeed__item { min-width: 0; }
.lk-sfeed__link { position: relative; display: block; aspect-ratio: 1; border-radius: calc(var(--lk-radius) * .6); overflow: hidden; background: var(--lk-surface); color: inherit; text-decoration: none; }
.lk-sp--youtube .lk-sfeed__link { aspect-ratio: 16 / 9; }
.lk-sfeed__link img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s var(--lk-ease); }
.lk-sfeed__link:hover img { transform: scale(1.04); }
.lk-sfeed__link:focus-visible { outline: 2px solid var(--lk-accent); outline-offset: 2px; }
.lk-sfeed__noimg { position: absolute; inset: 0; display: grid; place-items: center; font-size: 1.6rem; color: var(--lk-muted); }
.lk-sfeed__play { position: absolute; top: 6px; right: 6px; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: rgba(0,0,0,.55); color: #fff; font-size: .65rem; }
.lk-sfeed--mosaic .lk-sfeed__list { grid-auto-flow: dense; }
.lk-sfeed--mosaic .lk-sfeed__item:nth-child(6n+1) { grid-column: span 2; grid-row: span 2; }
.lk-sfeed--mosaic .lk-sfeed__item:nth-child(6n+1) .lk-sfeed__link { height: 100%; }
.lk-sfeed--posts .lk-sfeed__list { grid-template-columns: 1fr; gap: 10px; }
.lk-sfeed--posts .lk-sfeed__link { aspect-ratio: auto; display: flex; gap: 12px; align-items: center; padding: 8px; border-radius: var(--lk-radius); }
.lk-sfeed--posts .lk-sfeed__link img, .lk-sfeed--posts .lk-sfeed__noimg { position: relative; width: 96px; height: 96px; flex: none; border-radius: calc(var(--lk-radius) * .6); }
.lk-sp--youtube.lk-sfeed--posts .lk-sfeed__link img { width: 128px; height: 72px; }
.lk-sfeed--posts .lk-sfeed__play { top: 14px; left: 14px; right: auto; }
.lk-sfeed__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lk-sfeed__title { font-weight: 600; font-size: .9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lk-sfeed__date { font-size: .78rem; color: var(--lk-muted); }
.lk-sfeed__stats { margin: 4px 0 0; display: flex; gap: 10px; font-size: .75rem; color: var(--lk-muted); font-variant-numeric: tabular-nums; }
.lk-sfeed__more { align-self: center; font-size: .875rem; font-weight: 600; color: var(--lk-text); }
@media (prefers-reduced-motion: reduce) { .lk-sfeed__link img { transition: none; } .lk-sfeed__link:hover img { transform: none; } }

/* Aparência → Cor dos cartões: "Nenhum" (transparentes, só contorno) e "Desfoque translúcido" (vidro fosco) */
.lk-surface-none :is(.lk-link, .lk-btn--secondary, .lk-cta--card, .lk-lead, .lk-product, .lk-faq__item, .lk-testimonial, .lk-plan, .lk-hours,
  .lk-contact__item, .lk-countdown__unit, .lk-music, .lk-sprofile, .lk-socialbar__item) {
  border: 1px solid color-mix(in srgb, var(--lk-text) 22%, transparent); box-shadow: none; }
.lk-surface-glass :is(.lk-link, .lk-btn--secondary, .lk-cta--card, .lk-lead, .lk-product, .lk-faq__item, .lk-testimonial, .lk-plan, .lk-hours,
  .lk-contact__item, .lk-countdown__unit, .lk-music, .lk-sprofile, .lk-socialbar__item) {
  -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%);
  border: 1px solid color-mix(in srgb, #ffffff 16%, transparent); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .lk-surface-glass { --lk-surface: color-mix(in srgb, var(--lk-surface-solid) 85%, transparent); }
}
.lk-surface-none :is(.lk-sheet__panel, .lk-chat__panel), .lk-surface-glass :is(.lk-sheet__panel, .lk-chat__panel) { background: var(--lk-surface-solid); }

/* Aparência → Cor de destaque: "Nenhum" (botões vazados) e "Desfoque translúcido" (vidro tingido pela cor de destaque) */
.lk-accent-none :is(.lk-btn:not(.lk-btn--secondary):not(.lk-btn--disabled):not(.lk-btn--whatsapp), .lk-link--highlight, .lk-links.lk-v-solid .lk-link, .lk-chat__toggle) {
  background: transparent !important; color: var(--lk-text) !important; border: 1.5px solid color-mix(in srgb, var(--lk-text) 60%, transparent) !important; box-shadow: none !important; }
.lk-accent-glass :is(.lk-btn:not(.lk-btn--secondary):not(.lk-btn--disabled):not(.lk-btn--whatsapp), .lk-link--highlight, .lk-links.lk-v-solid .lk-link, .lk-chat__toggle) {
  background: color-mix(in srgb, var(--lk-accent) 30%, transparent) !important; color: var(--lk-text) !important;
  border: 1px solid color-mix(in srgb, var(--lk-accent) 50%, transparent) !important; box-shadow: none !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); }

/* ---------- Discord (presença via Lanyard) ---------- */
.lk-discord { background: var(--lk-surface); border-radius: var(--lk-radius-lg); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.lk-discord__head { display: flex; align-items: center; gap: 12px; min-width: 0; }
.lk-discord__avatar { position: relative; width: 56px; height: 56px; flex: none; border-radius: 50%; display: grid; place-items: center; background: #5865f2; color: #fff; font-size: 1.5rem; }
.lk-discord__avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.lk-discord__dot { position: absolute; right: -1px; bottom: -1px; width: 16px; height: 16px; border-radius: 50%; border: 3px solid var(--lk-surface); background: #80848e; }
.lk-dot--online { background: #23a55a; } .lk-dot--idle { background: #f0b232; } .lk-dot--dnd { background: #f23f43; }
.lk-discord__id { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.lk-discord__id strong { font-size: 1.05rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-discord__id span, .lk-discord__status { color: var(--lk-muted); font-size: .85rem; }
.lk-discord__logo { font-size: 1.4rem; color: #5865f2; opacity: .9; }
.lk-discord__now { display: flex; flex-direction: column; gap: 8px; }
.lk-discord__act { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: var(--lk-radius); background: color-mix(in srgb, var(--lk-bg) 55%, var(--lk-surface)); color: inherit; text-decoration: none; min-width: 0; }
.lk-discord__act img, .lk-discord__noimg { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; flex: none; }
.lk-discord__noimg { display: grid; place-items: center; background: var(--lk-bg); color: var(--lk-muted); font-size: 1.2rem; }
.lk-discord__txt { display: flex; flex-direction: column; min-width: 0; font-size: .85rem; line-height: 1.35; }
.lk-discord__txt small { font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--lk-muted); }
.lk-discord__txt strong { font-size: .95rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-discord__txt span { color: var(--lk-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-discord__time:empty { display: none; }
.lk-discord__act--spotify small { color: #1ed760; }
.lk-discord__idle { margin: 0; font-size: .875rem; color: var(--lk-muted); }
.lk-discord--compact { padding: 12px; gap: 10px; }
.lk-discord--compact .lk-discord__act:not(:first-child) { display: none; }

/* ---------- Spotify ---------- */
.lk-spotify { background: var(--lk-surface); border-radius: var(--lk-radius-lg); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.lk-spotify--embed { background: none; padding: 0; }
.lk-embed--compact iframe { height: 152px; }
.lk-spotify__track, .lk-spotify__row { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; min-width: 0; }
.lk-spotify__track { padding: 10px; border-radius: var(--lk-radius); background: color-mix(in srgb, #1ed760 12%, var(--lk-surface)); }
.lk-spotify__art { width: 64px; height: 64px; border-radius: 8px; object-fit: cover; flex: none; }
.lk-spotify__row .lk-spotify__art { width: 44px; height: 44px; border-radius: 6px; }
.lk-spotify__art--empty { display: grid; place-items: center; background: var(--lk-bg); color: #1ed760; font-size: 1.4rem; }
.lk-spotify__meta { display: flex; flex-direction: column; min-width: 0; flex: 1; font-size: .85rem; line-height: 1.35; }
.lk-spotify__meta small { font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #1ed760; }
.lk-spotify__meta strong { font-size: .95rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-spotify__meta > span:not(.lk-spotify__bar) { color: var(--lk-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-spotify__bar { display: block; height: 4px; margin-top: 8px; border-radius: 99px; background: color-mix(in srgb, var(--lk-text) 18%, transparent); overflow: hidden; }
.lk-spotify__bar i { display: block; height: 100%; width: 0; background: #1ed760; border-radius: inherit; transition: width 1s linear; }
.lk-spotify__sub { margin: 4px 0 0; font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--lk-muted); }
.lk-spotify__recent { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.lk-spotify__idle { margin: 0; font-size: .875rem; color: var(--lk-muted); }
.lk-spotify__more { font-size: .85rem; color: var(--lk-muted); text-decoration: none; align-self: flex-start; }
.lk-spotify__more:hover { color: var(--lk-text); }
.lk-spotify__track.is-playing .lk-spotify__art { animation: lk-sp-pulse 2.4s ease-in-out infinite; }
@keyframes lk-sp-pulse { 50% { box-shadow: 0 0 0 4px color-mix(in srgb, #1ed760 35%, transparent); } }
@media (prefers-reduced-motion: reduce) { .lk-spotify__track.is-playing .lk-spotify__art { animation: none; } .lk-spotify__bar i { transition: none; } }

/* ---------- perfil: redes conectadas ---------- */
.lk-networks { display: flex; flex-direction: column; align-items: inherit; gap: 8px; margin-top: 12px; }
.lk-networks__total { margin: 0; font-size: .9rem; color: var(--lk-muted); }
.lk-networks__total strong { color: var(--lk-text); font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.lk-networks__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: inherit; }
.lk-align-center .lk-networks { align-items: center; } .lk-align-center .lk-networks__list { justify-content: center; }
.lk-align-right .lk-networks { align-items: flex-end; } .lk-align-right .lk-networks__list { justify-content: flex-end; }
.lk-networks__item { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--lk-surface); color: var(--lk-text); text-decoration: none; font-size: .85rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.lk-networks__item:hover { background: color-mix(in srgb, var(--lk-accent) 22%, var(--lk-surface)); }

/* ícone nos botões (antes ou depois do texto) */
.lk-btn > .lk-ico, .lk-btn > i { flex: none; }

/* ---------- página Gamer: capa animada ---------- */
.lk-pagecover { --lk-cover-h: 240px; position: relative; height: var(--lk-cover-h); margin: 0 0 18px; border-radius: var(--lk-radius-lg); overflow: hidden;
  background: color-mix(in srgb, var(--lk-accent) 22%, var(--lk-surface)); container-type: inline-size; isolation: isolate; }
.lk-pagecover--sm { --lk-cover-h: 160px; } .lk-pagecover--lg { --lk-cover-h: 340px; }
.lk-pagecover img, .lk-pagecover video, .lk-pagecover picture { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.lk-pagecover picture img { position: static; }
.lk-pagecover__yt { position: absolute; top: 50%; left: 50%; border: 0; pointer-events: none; transform: translate(-50%, -50%);
  width: max(100cqw, calc(var(--lk-cover-h) * 16 / 9)); height: max(var(--lk-cover-h), 56.25cqw); }
.lk-pagecover::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: rgba(0, 0, 0, var(--lk-cover-overlay, 0)); }
.lk-pagecover--fade::after { background: linear-gradient(to bottom, rgba(0, 0, 0, var(--lk-cover-overlay, 0)) 40%, var(--lk-bg)); }
@media (prefers-reduced-motion: reduce) { .lk-pagecover__yt { display: none; } }
@media (max-width: 639px) { .lk-pagecover { margin: -24px -16px 18px; border-radius: 0; } }
.lk-page--cover > .lk-pagecover + * { position: relative; z-index: 2; margin-top: -56px; }