/* Las ilustraciones se muestran completas, sin alterar sus proporciones. */
.choice-card[data-choice="canal"] > img,
.choice-card[data-choice="curso"] > img {
  width: 39%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask: none;
  mask: none;
  opacity: 1;
  transform: none !important;
}
.choice-card[data-choice="combinado"] .combo-art {
  width: 39%;
  flex-basis: 39%;
  background: #090909 !important;
}
.choice-card[data-choice="combinado"] .combo-art img:first-child:last-child {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
  transform: none !important;
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask: none;
  mask: none;
  mix-blend-mode: normal;
  opacity: 1;
}
/* El fondo es una pieza completa: se atenúa mediante la opacidad global. */
body[data-service="canal"] .service-backdrop::before,
body[data-service="curso"] .service-backdrop::before,
body[data-service="combinado"] .service-backdrop::before {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask: none;
  mask: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
body[data-service="combinado"] .service-backdrop::before {
  width: min(100vw, 90vh);
  height: min(100vw, 90vh);
}
@media(max-width:700px) {
  body[data-service="combinado"] .service-backdrop::before {
    width: min(100vw, 80vh);
    height: min(100vw, 80vh);
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
  }
}
/* Contener los fondos evita cortar los laterales en ninguna pantalla. */
body[data-service="canal"] .service-backdrop::before,
body[data-service="curso"] .service-backdrop::before,
body[data-service="combinado"] .service-backdrop::before {
  left: 50%;
  right: auto;
  top: 50%;
  width: min(100vw, 80vh);
  height: min(100vw, 80vh);
  transform: translate(-50%, -50%);
}

/* Halo exterior: suaviza la unión con la tarjeta sin aplicar máscara a la obra. */
.choice-card[data-choice="canal"] > img,
.choice-card[data-choice="curso"] > img,
.choice-card[data-choice="combinado"] .combo-art img:first-child:last-child {
  background: transparent;
  filter: drop-shadow(0 0 10px rgba(0,0,0,.55));
  border-radius: 0;
}
.choice-card[data-choice="combinado"] .combo-art {
  background: transparent !important;
  overflow: visible;
}