/* Difumina únicamente el perímetro de cada fondo. El centro y los logos quedan intactos. */
body[data-service="canal"] .service-backdrop::before,
body[data-service="curso"] .service-backdrop::before,
body[data-service="combinado"] .service-backdrop::before {
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-composite: intersect;
}