/* === MB Club Gallery Redesign (2025-10-30) — Stable & Smaller === */
/* Fondo transparente para respetar PNGs sin fondo (nada de manchas en esquinas) */
.mbcsp-gallery{position:relative;background:transparent;border-radius:12px;overflow:hidden}
.mbcsp-viewport{position:relative;width:100%;aspect-ratio:16/9; background:transparent}
.mbcsp-viewport a{display:block;line-height:0;width:100%;height:100%}
.mbcsp-viewport img{display:block;width:100%;height:100%;object-fit:contain;background:transparent}

/* Flechas discretas que tapan lo mínimo */
.mbcsp-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border:0;border-radius:999px;background:rgba(15,23,42,.65);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mbcsp-nav:hover{background:rgba(15,23,42,.85)}
.mbcsp-nav svg{width:16px;height:16px}
.mbcsp-nav.prev{left:8px}
.mbcsp-nav.next{right:8px}

/* Contador */
.mbcsp-count{position:absolute;right:10px;bottom:10px;z-index:2;background:rgba(15,23,42,.8);color:#fff;font-size:12px;padding:3px 8px;border-radius:999px;font-weight:600}

/* Desktop: imágenes algo más pequeñas y altura estable para evitar que el anuncio se mueva */
@media (min-width:1024px){
  .mbclubpro-card{ grid-template-columns: 440px 1fr; }
}
@media (min-width:1366px){
  .mbclubpro-card{ grid-template-columns: 440px 1fr; }
}

/* Mobile: imagen arriba a ancho completo */
@media (max-width:900px){
  .mbclubpro-card{ grid-template-columns: 1fr; }
}

/* Sin bordes/ruidos extra sobre PNGs transparentes */
.mbcsp-viewport img, .mbcsp-viewport, .mbcsp-gallery{ box-shadow:none; border:0; }

/* === NO CROP ENFORCED (2025-10-30) === */
.mbclubpro-card .mbcsp-viewport img{
  object-fit: contain !important;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  background: transparent !important;
}
.mbclubpro-card .mbcsp-viewport,
.mbclubpro-card .mbcsp-gallery{
  background: transparent !important;
  box-shadow: none; border: 0;
}