/* MetaConnect Premium UX — Shin Design */
.igc{--igc-gap-d:20px;--igc-gap-m:12px;--igc-cols-d:4;--igc-cols-m:2;--igc-rows-d:2;--igc-rows-m:2;--igc-bg:#fff;--igc-card:#fff;--igc-text:#111;--igc-muted:#666;--igc-line:rgba(0,0,0,.12);--igc-soft:#f3f3f3;--igc-invert:#111;--igc-invert-text:#fff;position:relative;width:100%;color:var(--igc-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.igc,.igc *{box-sizing:border-box}.igc a{text-decoration:none;color:inherit}.igc-theme-dark{--igc-bg:#111;--igc-card:#181818;--igc-text:#f3f3f3;--igc-muted:#aaa;--igc-line:rgba(255,255,255,.16);--igc-soft:#222;--igc-invert:#fff;--igc-invert-text:#111}.igc-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px}.igc-h-name{font-size:clamp(18px,2vw,28px);line-height:1.05;font-weight:750;letter-spacing:-.04em}.igc-h-info{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.igc-h-chip{display:inline-flex;align-items:center;min-height:30px;padding:7px 11px;border:1px solid var(--igc-line);border-radius:0!important;background:var(--igc-card);color:var(--igc-muted);font-size:12px;font-weight:650;line-height:1}.igc-h-btn,.igc-h-btn:link,.igc-h-btn:visited,.igc-h-btn:hover,.igc-h-btn:active{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:8px 14px;border-radius:0!important;background:var(--igc-invert)!important;color:var(--igc-invert-text)!important;-webkit-text-fill-color:var(--igc-invert-text)!important;font-size:12px;font-weight:750;letter-spacing:.01em;text-decoration:none!important;transition:opacity .25s ease,transform .25s ease}.igc-h-btn:hover{opacity:.86;transform:translateY(-1px)}.igc-frame{position:relative;width:100%;gap:var(--igc-gap-d);padding:4px 2px 8px}.igc-frame.is-slider,.igc-frame.is-grid{display:grid;grid-auto-flow:column;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.igc-frame.is-grid{grid-auto-flow:row;overflow:visible}.igc-frame::-webkit-scrollbar{display:none}@media (min-width:641px){.igc-frame.is-slider{grid-auto-columns:calc((100% - (var(--igc-cols-d) - 1) * var(--igc-gap-d)) / var(--igc-cols-d));grid-template-rows:repeat(var(--igc-rows-d),minmax(0,1fr))}.igc-frame.is-grid{grid-template-columns:repeat(var(--igc-cols-d),minmax(0,1fr))}.igc-frame.is-masonry{column-count:var(--igc-cols-d);column-gap:var(--igc-gap-d)}}@media (max-width:640px){.igc-header{align-items:flex-start;flex-direction:column;margin-bottom:14px}.igc-h-info{justify-content:flex-start}.igc-frame{gap:var(--igc-gap-m)}.igc-frame.is-slider{grid-auto-columns:calc((100% - (var(--igc-cols-m) - 1) * var(--igc-gap-m)) / var(--igc-cols-m));grid-template-rows:repeat(var(--igc-rows-m),minmax(0,1fr))}.igc-frame.is-grid{grid-template-columns:repeat(var(--igc-cols-m),minmax(0,1fr))}.igc-frame.is-masonry{column-count:var(--igc-cols-m);column-gap:var(--igc-gap-m)}}.igc-tile{position:relative;overflow:hidden;min-height:120px;border-radius:0!important;background:var(--igc-soft);scroll-snap-align:start;isolation:isolate;transform:translateZ(0);break-inside:avoid;margin:0 0 var(--igc-gap-d)}.igc-frame.is-slider .igc-tile,.igc-frame.is-grid .igc-tile{margin:0}.igc-frame.is-sq:not(.is-masonry) .igc-tile::before{content:"";display:block;padding-top:100%}.igc-frame.is-916:not(.is-masonry) .igc-tile::before{content:"";display:block;padding-top:177.78%}.igc-frame.is-masonry .igc-tile::before{content:"";display:block;padding-top:120%}.igc-frame.is-masonry .igc-tile.m1::before{padding-top:100%}.igc-frame.is-masonry .igc-tile.m2::before{padding-top:132%}.igc-frame.is-masonry .igc-tile.m3::before{padding-top:82%}.igc-frame.is-masonry .igc-tile.m4::before{padding-top:150%}.igc-frame.is-masonry .igc-tile.m5::before{padding-top:112%}.igc-inner{position:absolute;inset:0;overflow:hidden;border-radius:0!important;background:#111;cursor:pointer}.igc-media,.igc-media img,.igc-media video{display:block;width:100%;height:100%}.igc-media img,.igc-media video{object-fit:cover;transform:scale(1.001);transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .55s ease;backface-visibility:hidden}.igc-inner:hover .igc-media img,.igc-inner:hover .igc-media video{transform:scale(1.045);filter:saturate(1.04) contrast(1.03)}.igc-frame.minimal .igc-tile{background:var(--igc-soft)!important;border:0!important;box-shadow:none!important;padding:0!important}.igc-frame.card .igc-tile{background:var(--igc-card)!important;border:1px solid var(--igc-line)!important;box-shadow:0 10px 32px rgba(0,0,0,.08)!important;padding:10px!important;transition:transform .25s ease,box-shadow .25s ease}.igc-frame.card .igc-tile:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(0,0,0,.13)!important}.igc-frame.card .igc-inner{inset:10px!important;background:var(--igc-soft)}.igc-frame.card .igc-hover{inset:10px}.igc-badge{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:0!important;background:rgba(0,0,0,.42);color:#fff;font-size:14px;line-height:1;border:1px solid rgba(255,255,255,.22)}.igc-hover{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:16px;color:#fff;opacity:0;pointer-events:none;transition:opacity .35s ease;background:linear-gradient(180deg,rgba(0,0,0,0) 18%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.78) 100%)}.igc-inner:hover .igc-hover{opacity:1}.igc-text{font-size:13px;font-weight:500;line-height:1.35;opacity:.95;text-shadow:0 2px 12px rgba(0,0,0,.35)}@media (hover:none){.igc-hover{opacity:1;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.62) 100%)}.igc-text{display:none}}.igc-nav{position:absolute;top:50%;z-index:8;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:0!important;background:rgba(255,255,255,.94);color:#111;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.18);font-size:22px;line-height:1;transition:transform .2s ease,opacity .2s ease,background .2s ease}.igc-nav:hover{transform:translateY(-50%) scale(1.04);background:#fff}.igc-left{left:10px}.igc-right{right:10px}.igc-frame.drag{cursor:grabbing;scroll-snap-type:none}.igc-skeleton{position:relative;overflow:hidden;background:var(--igc-soft);min-height:160px}.igc-frame.is-sq .igc-skeleton::before{content:"";display:block;padding-top:100%}.igc-frame.is-916 .igc-skeleton::before{content:"";display:block;padding-top:177.78%}.igc-skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);animation:igcShimmer 1.25s infinite}@keyframes igcShimmer{100%{transform:translateX(100%)}}.igc-loading{padding:16px 0;color:var(--igc-muted);font-size:14px}.igc-error{padding:14px 16px;border-radius:0!important;background:var(--igc-soft);color:var(--igc-muted);font-size:14px}.igc-ov{position:fixed;inset:0;z-index:2147483647;display:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.igc-ov.on{display:block}.igc-ov-back{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.igc-ov-wrap{position:fixed;left:50%;top:5vh;bottom:5vh;width:min(760px,94vw);transform:translateX(-50%)!important;overflow:auto;padding:0;display:flex;flex-direction:column;gap:28px;z-index:1;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.igc-ov-close{position:fixed;top:18px;right:18px;z-index:2;width:44px;height:44px;border:0;border-radius:0!important;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer}.igc-ov-item{display:block;width:100%;overflow:visible;border-radius:0!important;background:#fff!important;color:#111!important;box-shadow:none!important}.igc-ov-media{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:#fff!important;line-height:0!important;position:relative!important}.igc-ov-carousel-stage{display:block!important;width:100%!important;overflow:hidden!important;background:#fff!important}.igc-ov-carousel-track{display:flex!important;width:100%!important;transition:transform .42s cubic-bezier(.22,.61,.36,1)!important;will-change:transform}.igc-ov-carousel-slide{flex:0 0 100%!important;width:100%!important;min-width:100%!important;background:#fff!important}.igc-ov-carousel-slide img,.igc-ov-carousel-slide video{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;background:#fff!important;border:0!important;outline:0!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}.igc-ov-carousel-nav{position:absolute;top:50%;z-index:5;width:42px;height:42px;transform:translateY(-50%);border:0;border-radius:0!important;background:rgba(255,255,255,.92);color:#111;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18)}.igc-ov-carousel-prev{left:12px}.igc-ov-carousel-next{right:12px}.igc-ov-carousel-count{position:absolute;top:12px;right:12px;z-index:6;padding:5px 8px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;line-height:1;border-radius:0!important}.igc-ov-meta{display:block!important;background:#fff!important;color:#111!important;padding:14px 0 26px!important;font-size:15px!important;line-height:1.45!important}.igc-ov-date{font-size:12px;color:#888;margin-bottom:6px}.igc-ov-meta .igc-cap{color:#111!important}.igc-ov-link{display:inline-block;margin-top:10px;color:#111!important;border-bottom:1px solid #111;font-size:13px}.igc-noscroll{overflow:hidden!important}@media (max-width:640px){.igc-ov-wrap{top:6vh;bottom:3vh;width:96vw;gap:22px}.igc-ov-close{top:10px;right:10px;width:38px;height:38px;font-size:24px}.igc-ov-meta{padding:12px 0 22px!important;font-size:14px!important}.igc-ov-carousel-nav{width:38px;height:38px;font-size:24px}}


/* =========================================================
   Fix Premium UX v2: tema manuale + controllo griglia/masonry
   ========================================================= */
.igc.igc-theme-light{
  background:transparent !important;
  color:#111 !important;
}

.igc.igc-theme-dark{
  background:#111 !important;
  color:#f3f3f3 !important;
  padding:20px !important;
}

.igc.igc-theme-dark .igc-header,
.igc.igc-theme-dark .igc-h-name{
  color:#f3f3f3 !important;
}

.igc.igc-theme-dark .igc-frame{
  background:#111 !important;
}

.igc.igc-theme-dark .igc-h-chip{
  background:#181818 !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#aaa !important;
}

.igc.igc-theme-dark .igc-frame.card .igc-tile{
  background:#181818 !important;
  border-color:rgba(255,255,255,.16) !important;
}

.igc.igc-theme-dark .igc-h-btn,
.igc.igc-theme-dark .igc-h-btn:link,
.igc.igc-theme-dark .igc-h-btn:visited,
.igc.igc-theme-dark .igc-h-btn:hover,
.igc.igc-theme-dark .igc-h-btn:active{
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
}

@media (max-width:640px){
  .igc.igc-theme-dark{
    padding:16px !important;
  }

  .igc-frame.is-masonry .igc-tile{
    margin-bottom:var(--igc-gap-m) !important;
  }
}


/* =========================================================
   Fix Premium UX v3: Masonry reale + frecce solo slider
   ========================================================= */
.igc-frame.is-grid ~ .igc-nav,
.igc-frame.is-masonry ~ .igc-nav{
  display:none !important;
}

.igc-frame.is-masonry{
  display:block !important;
  overflow:visible !important;
  column-fill:balance;
}

.igc-frame.is-masonry .igc-tile{
  display:block !important;
  width:100% !important;
  margin:0 0 var(--igc-gap-d) !important;
  break-inside:avoid !important;
  page-break-inside:avoid !important;
}

.igc-frame.is-masonry .igc-tile::before,
.igc-frame.is-masonry .igc-tile.m1::before,
.igc-frame.is-masonry .igc-tile.m2::before,
.igc-frame.is-masonry .igc-tile.m3::before,
.igc-frame.is-masonry .igc-tile.m4::before,
.igc-frame.is-masonry .igc-tile.m5::before,
.igc-frame.is-masonry .igc-tile.m6::before,
.igc-frame.is-masonry .igc-tile.m7::before{
  content:"" !important;
  display:block !important;
  padding-top:var(--igc-masonry-ratio,120%) !important;
}

@media (max-width:640px){
  .igc-frame.is-masonry .igc-tile{
    margin-bottom:var(--igc-gap-m) !important;
  }
}
