/* Galeria mosaico interativa — Ismaili 2026 */
#midia .mosaic-gallery{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:235px!important;grid-auto-flow:dense!important;gap:16px!important;width:100%!important;height:auto!important;min-height:0!important}
#midia .mosaic-item{position:relative;display:block;grid-column:span 4;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#0c1c40;color:#fff;cursor:zoom-in;box-shadow:0 22px 60px rgba(0,0,0,.22);isolation:isolate}
#midia .mosaic-item:nth-child(6n+1){grid-column:span 7;grid-row:span 2}
#midia .mosaic-item:nth-child(6n+2),#midia .mosaic-item:nth-child(6n+3){grid-column:span 5}
#midia .mosaic-item:nth-child(6n+4){grid-column:span 5}
#midia .mosaic-item:nth-child(6n+5){grid-column:span 7}
#midia .mosaic-item:nth-child(6n+6){grid-column:span 12}
#midia .mosaic-item>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}
#midia .mosaic-item:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(2,9,26,.16) 63%,rgba(2,9,26,.9) 100%);transition:background .35s ease}
#midia .mosaic-item>span{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 15px;text-align:left;transform:translateY(2px);transition:transform .35s ease}
#midia .mosaic-item>span small{grid-column:1;color:#f3c631;font-size:8px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}
#midia .mosaic-item>span strong{grid-column:1;color:#fff;font-size:14px;line-height:1.25;text-shadow:0 2px 12px #000}
#midia .mosaic-item>span i{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:20px;font-style:normal;backdrop-filter:blur(10px);transition:transform .3s ease,background .3s ease,color .3s ease}
#midia .mosaic-item:hover>img,#midia .mosaic-item:focus-visible>img{transform:scale(1.075);filter:saturate(1.08) contrast(1.03)}
#midia .mosaic-item:hover:before,#midia .mosaic-item:focus-visible:before{background:linear-gradient(180deg,rgba(0,107,63,.04) 28%,rgba(2,9,26,.18) 58%,rgba(2,9,26,.95) 100%)}
#midia .mosaic-item:hover>span,#midia .mosaic-item:focus-visible>span{transform:none}
#midia .mosaic-item:hover>span i,#midia .mosaic-item:focus-visible>span i{transform:rotate(90deg);background:#f3c631;color:#07122f}
#midia .mosaic-item:focus-visible{outline:3px solid #f3c631;outline-offset:3px}
.gallery-lightbox[hidden]{display:none!important}.gallery-lightbox{position:fixed;z-index:5000;inset:0;display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;padding:32px;background:rgba(2,8,22,.94);backdrop-filter:blur(20px);animation:galleryFade .22s ease}.gallery-lightbox figure{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(1280px,100%);height:min(88vh,900px);margin:auto;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:#06122c;box-shadow:0 35px 100px rgba(0,0,0,.55)}.gallery-lightbox figure>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#020817}.gallery-lightbox figcaption{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:17px 22px 18px;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#091a3d,#07132e);color:#fff}.gallery-lightbox figcaption small{grid-column:1;color:#f3c631;font-size:8px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.gallery-lightbox figcaption strong{grid-column:1;font-size:15px}.gallery-lightbox figcaption span{grid-column:2;grid-row:1/3;align-self:center;color:#aab8cd;font-size:11px}.gallery-lightbox-close,.gallery-lightbox-nav{display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,transform .2s}.gallery-lightbox-close{position:absolute;z-index:2;right:24px;top:22px;width:48px;height:48px;border-radius:50%;font-size:30px}.gallery-lightbox-nav{justify-self:center;width:58px;height:58px;border-radius:50%;font-size:42px;line-height:1}.gallery-lightbox-close:hover,.gallery-lightbox-nav:hover{background:#f3c631;color:#07122f;transform:scale(1.05)}body.gallery-open{overflow:hidden}@keyframes galleryFade{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){#midia .mosaic-gallery{grid-auto-rows:210px!important}#midia .mosaic-item,#midia .mosaic-item:nth-child(n){grid-column:span 6}#midia .mosaic-item:nth-child(5n+1){grid-column:span 12;grid-row:span 2}.gallery-lightbox{grid-template-columns:58px minmax(0,1fr) 58px;padding:20px}.gallery-lightbox-nav{width:46px;height:46px;font-size:34px}}
@media(max-width:620px){#midia .mosaic-gallery{grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:12px!important}#midia .mosaic-item,#midia .mosaic-item:nth-child(n){grid-column:1!important;grid-row:auto!important;aspect-ratio:4/3;border-radius:19px}#midia .mosaic-item:nth-child(4n+1){aspect-ratio:4/5}#midia .mosaic-item>span{left:14px;right:14px;bottom:13px}.gallery-lightbox{display:block;padding:62px 12px 84px}.gallery-lightbox figure{width:100%;height:calc(100vh - 146px);border-radius:18px}.gallery-lightbox figcaption{padding:14px 16px}.gallery-lightbox-close{right:12px;top:9px;width:42px;height:42px}.gallery-lightbox-nav{position:absolute;z-index:3;bottom:20px;width:48px;height:48px}.gallery-lightbox-nav.prev{left:calc(50% - 58px)}.gallery-lightbox-nav.next{right:calc(50% - 58px)}.gallery-lightbox figcaption span{font-size:10px}}
@media(prefers-reduced-motion:reduce){#midia .mosaic-item>img,#midia .mosaic-item>span,#midia .mosaic-item>span i{transition:none}.gallery-lightbox{animation:none}}