/* Extra para fondo blanco → transparente */
/* 1) Imagen en tamaño natural (igual que overrides v2) */
.screenshot-carousel .card-img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 460px;
  object-fit: contain;
  border-radius: 14px;
  /* sombra suave para destacar sobre fondos claros/gradientes */
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.15));
}

/* 2) Fallback si el canvas no puede leer (CORS): mezclar con el fondo para "matar" el blanco */
.screenshot-carousel .card-img.blend-remove {
  mix-blend-mode: multiply;   /* blanco tiende a desaparecer sobre fondos no blancos */
}

/* Simuladas (igual que overrides v2) */
.screenshot-carousel .simulated-card {
  width: 223px;
  height: 470px;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.screenshot-carousel .sim--gold { background: linear-gradient(135deg, #FAD961 0%, #F76B1C 100%); }
.screenshot-carousel .sim--pink { background: linear-gradient(135deg, #FF6CAB 0%, #7366FF 100%); }
.screenshot-carousel .sim--silver { background: linear-gradient(135deg, #ECE9E6 0%, #FFFFFF 100%); }
.screenshot-carousel .sim--black { background: linear-gradient(135deg, #434343 0%, #000000 100%); }
.screenshot-carousel .sim--blue { background: linear-gradient(135deg, #36D1DC 0%, #5B86E5 100%); }
.screenshot-carousel .sim--orange { background: linear-gradient(135deg, #F8B500 0%, #FCEABB 100%); }
.screenshot-carousel .simulated-card::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 42px;
  height: 28px;
  border-radius: 6px;
  background: rgba(255,255,255,.35);
  filter: blur(.2px);
}