/* MGB System · Galería producto, revisión noviembre 2026 */
.gallery.mgb-media-gallery{display:block;padding:0;min-height:0;background:#f7f9fc;overflow:hidden}
.mgb-media-gallery .mgb-media-viewer{width:100%;outline-offset:-4px}
.mgb-media-gallery .mgb-media-frame{position:relative;display:grid;place-items:center;min-height:420px;padding:28px 48px 30px;overflow:hidden;touch-action:pan-y}
.mgb-media-gallery .mgb-media-stage{width:100%;min-height:330px;display:grid;place-items:center}
.mgb-media-gallery .mgb-media-stage>img{display:block;width:100%;max-height:440px;object-fit:contain;mix-blend-mode:multiply;animation:mgb-media-enter .22s ease}
.mgb-media-gallery .mgb-media-stage>video,.mgb-media-gallery .mgb-media-stage>iframe{display:block;width:100%;max-height:440px;aspect-ratio:16/9;border:0;border-radius:10px;background:#0b1520}
.mgb-media-gallery .mgb-media-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:46px;padding:0;border:1px solid #d8e3eb;border-radius:12px;background:#ffffffed;color:#1a3447;box-shadow:0 4px 16px #14233615;transition:background .15s,border-color .15s}
.mgb-media-gallery .mgb-media-arrow:hover{background:#e8f6fc;border-color:#8bc8e2}
.mgb-media-gallery .mgb-media-arrow span{font-size:33px;line-height:1;font-weight:350}
.mgb-media-gallery .mgb-media-prev{left:10px}
.mgb-media-gallery .mgb-media-next{right:10px}
.mgb-media-gallery .mgb-media-counter{position:absolute;right:16px;bottom:12px;border:1px solid #dbe4ea;border-radius:100px;background:#ffffffeb;padding:3px 12px;color:#4d6172;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.mgb-media-gallery .mgb-media-thumbnails{width:100%;display:flex;justify-content:center;gap:10px;padding:15px 16px 18px;border-top:1px solid #e5ebf0;background:#fff;overflow-x:auto;scrollbar-width:thin}
.mgb-media-gallery .mgb-media-thumb{flex:0 0 78px;width:78px;height:78px;border:2px solid #e1e8ee;border-radius:11px;padding:5px;background:white;display:grid;place-items:center;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}
.mgb-media-gallery .mgb-media-thumb:hover{border-color:#82cae7;transform:translateY(-2px)}
.mgb-media-gallery .mgb-media-thumb.is-active{border-color:#009cc9;box-shadow:0 0 0 2px #009cc926}
.mgb-media-gallery .mgb-media-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.mgb-media-gallery .mgb-media-play{font-size:24px;color:#147d9f}
.mgb-media-gallery .mgb-media-fallback{color:#93a4b4;font-size:24px}
@keyframes mgb-media-enter{from{opacity:.6}to{opacity:1}}
@media(max-width:680px){.mgb-media-gallery .mgb-media-frame{padding:22px 41px 26px;min-height:295px}.mgb-media-gallery .mgb-media-stage{min-height:240px}.mgb-media-gallery .mgb-media-stage>img{max-height:300px}.mgb-media-gallery .mgb-media-arrow{width:33px;height:42px;border-radius:9px}.mgb-media-gallery .mgb-media-prev{left:5px}.mgb-media-gallery .mgb-media-next{right:5px}.mgb-media-gallery .mgb-media-thumb{width:62px;height:62px;flex-basis:62px}.mgb-media-gallery .mgb-media-thumbnails{justify-content:flex-start;gap:8px;padding:12px 13px 14px}}
@media(prefers-reduced-motion:reduce){.mgb-media-gallery *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}