/* Galería blanca con tamaño fijo + mobile friendly */
.mbcn-gallery{position:relative}
.mbcn-main{position:relative;cursor:zoom-in;border-radius:14px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;
  aspect-ratio:16/9; min-height:360px; max-height:560px; width:100%;
  border:1px solid var(--mb-border);
}
.mbcn-main img{width:100%;height:100%;object-fit:contain;background:#fff}
.mbcn-counter{position:absolute;left:12px;bottom:12px;color:#0f172a;font-weight:600;font-size:13px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--mb-border)}
.mbcn-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;border:1px solid var(--mb-border);background:#ffffffE6;display:flex;align-items:center;justify-content:center;color:#0f172a;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.mbcn-nav.prev{left:10px}
.mbcn-nav.next{right:10px}
.mbcn-nav span{font-size:24px;line-height:1;display:block;transform:translateY(-1px)}
.mbcn-thumbs-wrap{display:flex;align-items:center;gap:8px;margin-top:10px}
.mbcn-thumbs{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;padding:6px 4px}
.mbcn-thumb{flex:0 0 auto;width:140px;height:90px;border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;background:#fff;border:1px solid var(--mb-border)}
.mbcn-thumb img{width:100%;height:100%;object-fit:cover;display:block;background:#fff}
.mbcn-thumb.active{border-color:#0ea5e9}
.mbcn-thumbs-nav{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--mb-border);background:#fff;cursor:pointer}
@media (max-width: 640px){
  .mbcn-main{aspect-ratio:4/3; min-height:260px}
  .mbcn-thumbs-wrap{gap:6px}
  .mbcn-thumbs{overflow-x:visible;flex-wrap:wrap}
  .mbcn-thumb{width:calc(33.333% - 8px); height:72px}
  .mbcn-thumbs-nav{display:none}
}