/* La nueva obra se presenta como una sola imagen; el original permanece intacto. */
.choice-card[data-choice="combinado"] .combo-art {
  /* Fondo de la obra: los huecos de las firmas no deben revelar la tarjeta clara. */
  background: radial-gradient(ellipse closest-side at center, #050505 0%, #050505 68%, transparent 100%) !important;
}
.choice-card .combo-art img:first-child:last-child {
  inset: auto;
  left: 50%;
  top: 50%;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1;
  transform: translate(-50%,-50%);
  object-fit: contain;
  object-position: center;
  opacity: 1;
  mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 14%,#000 96%,transparent 100%), radial-gradient(ellipse 20% 5% at 76% 26.5%,transparent 65%,#000 100%), radial-gradient(ellipse 17% 3.8% at 23% 66.7%,transparent 65%,#000 100%);
  -webkit-mask-composite: source-in,source-in;
  mask-image: linear-gradient(90deg,transparent 0%,#000 14%,#000 96%,transparent 100%), radial-gradient(ellipse 20% 5% at 76% 26.5%,transparent 65%,#000 100%), radial-gradient(ellipse 17% 3.8% at 23% 66.7%,transparent 65%,#000 100%);
  mask-composite: intersect,intersect;
}

/* El fondo combinado usa la misma pieza, fundida con el fondo de cada tema. */
body[data-service="combinado"] .service-backdrop::before {
  content: '';
  display: block;
  left: 50%;
  right: auto;
  top: 50%;
  width: min(105vw, 1100px);
  height: min(105vw, 1100px);
  transform: translate(-50%,-50%);
  background-image: url('/assets/fusion-2026.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-mask-image: radial-gradient(ellipse at center,#000 18%,transparent 70%), radial-gradient(ellipse 20% 5% at 76% 26.5%,transparent 65%,#000 100%), radial-gradient(ellipse 17% 3.8% at 23% 66.7%,transparent 65%,#000 100%);
  -webkit-mask-composite: source-in,source-in;
  mask-image: radial-gradient(ellipse at center,#000 18%,transparent 70%), radial-gradient(ellipse 20% 5% at 76% 26.5%,transparent 65%,#000 100%), radial-gradient(ellipse 17% 3.8% at 23% 66.7%,transparent 65%,#000 100%);
  mask-composite: intersect,intersect;
}
body[data-service="combinado"] .service-backdrop::after { content: none; }
@media(max-width:700px) {
  body[data-service="combinado"] .service-backdrop::before {
    left: 50%; right: auto; top: 44%; width: 125vw; height: 125vw;
  }
}