/* Galeria Instagram - Jorge Zen (herda a fonte Inter do site) */
html.jzg-page { scrollbar-width: none; }
html.jzg-page::-webkit-scrollbar, html.jzg-page body::-webkit-scrollbar { display: none; }
.jzg-more-wrap { display: flex; justify-content: center; margin-top: 32px; }
.jzg-more[hidden] { display: none; }
.jzg { font-family: 'Inter', sans-serif; color: #000; }
.jzg-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; padding: 0; }
.jzg-chip { background: #fff; color: #000; border: 1px solid #000; padding: 8px 16px; font-size: 12px; line-height: 1.2;
  font-weight: 600; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: background .2s, color .2s; }
.jzg-chip:hover, .jzg-chip.is-active { background: #000; color: #fff; }
.jzg-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; list-style: none; margin: 0; padding: 0; }
@media (max-width: 1199px) { .jzg-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px)  { .jzg-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
.jzg-tile { position: relative; display: block; width: 100%; aspect-ratio: 4/5; overflow: hidden; background: #E5E5E5;
  border: 0; padding: 0; cursor: pointer; }
.jzg-tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.jzg-tile:hover img { transform: scale(1.05); }
.jzg-badge { position: absolute; top: 8px; right: 8px; background: rgba(0,0,0,.85); color: #fff; width: 26px; height: 26px;
  display: flex; align-items: center; justify-content: center; font-size: 12px; }
.jzg-empty, .jzg-msg { color: #6c6c6c; font-size: 18px; }
.jzg-modal { position: fixed; inset: 0; z-index: 99999; background: rgba(15,15,15,.94); color: #fff; display: flex;
  align-items: center; justify-content: center; padding: 16px; }
.jzg-modal[hidden] { display: none; }
.jzg-box { width: 100%; max-width: 900px; max-height: 100%; display: flex; flex-direction: column; gap: 16px; }
.jzg-stage { position: relative; }
.jzg-stage img, .jzg-stage video { display: block; width: 100%; max-height: 75vh; object-fit: contain; }
.jzg-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: #fff; color: #000; border: 0;
  width: 44px; height: 44px; font-size: 22px; cursor: pointer; }
.jzg-arrow:hover { opacity: .8; }
.jzg-prev { left: 8px; } .jzg-next { right: 8px; }
.jzg-close { position: absolute; top: 12px; right: 16px; background: none; border: 0; color: #fff; font-size: 34px; cursor: pointer; line-height: 1; }
.jzg-dots { display: flex; justify-content: center; gap: 6px; }
.jzg-dots button { width: 24px; height: 6px; border: 0; background: #fff; opacity: .3; cursor: pointer; padding: 0; }
.jzg-dots button.is-active { opacity: 1; }
.jzg-foot { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; font-size: 14px; line-height: 1.5; }
.jzg-foot p { margin: 0; opacity: .8; white-space: pre-line; max-width: 640px; }
.jzg-foot a { color: #fff; white-space: nowrap; text-decoration: underline; }
@media (max-width: 767px) { .jzg-foot { flex-direction: column; } }