/* Etiqueta ADS (esquina superior derecha) en banners */
body.xno-skin .kp-footer-ad,
body.xno-skin .ytph-ad-slot,
body.xno-skin .kp-lateral-ad,
body.xno-skin .under-player-ads,
body.xno-skin .under-player-ads-mobile,
body.xno-skin .happy-inside-player > [class^="zone-"] {
  position: relative;
}

body.xno-skin .kp-footer-ad:has(iframe, img, ins, a, .kp-exo-slot, .kp-adcash-banner)::after,
body.xno-skin .ytph-ad-slot:has(iframe, img, ins, a, .kp-exo-slot, .kp-adcash-banner)::after,
body.xno-skin .kp-lateral-ad:has(iframe, img, ins, a, .kp-exo-slot, .kp-adcash-banner)::after,
body.xno-skin .under-player-ads:has(iframe, img, ins, a, .kp-exo-slot, .kp-adcash-banner)::after,
body.xno-skin .under-player-ads-mobile:has(iframe, img, ins, a, .kp-exo-slot, .kp-adcash-banner)::after,
body.xno-skin .happy-inside-player > [class^="zone-"]:has(iframe, img, ins, a, .kp-exo-slot, .kp-adcash-banner)::after {
  content: "ADS";
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 20;
  padding: 2px 6px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font: 700 10px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  pointer-events: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}


/* Por defecto ambos ocultos; media query enciende según ancho */
.xno-ads--footer .kp-footer-ads--mobile,
.xno-ads--footer .kp-footer-ads--desk {
  display: none !important;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.xno-ads--footer .kp-footer-ads--desk {
  flex-wrap: wrap;
  gap: 12px;
  max-width: min(948px, 100%); /* 3×300 + 2×12 */
  width: 100%;
  box-sizing: border-box;
}

.xno-ads--footer .kp-footer-ad--desk-300.kpaja-delayed-ad,
.xno-ads--footer .kp-footer-ad.kp-footer-ad--desk-300,
.xno-ads--footer .kp-footer-ad--mobile.kpaja-delayed-ad {
  max-width: 300px !important;
  width: min(300px, 100%) !important;
  flex: 0 1 300px !important;
  max-height: 250px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* AdCash a veces inyecta 2 creativos en la misma zona → parece un 4.º banner */
.xno-ads--footer .kp-adcash-banner {
  width: 300px !important;
  max-width: 300px !important;
  min-height: 0 !important;
  height: 250px !important;
  max-height: 250px !important;
  overflow: hidden !important;
  margin: 0 auto !important;
}

.xno-ads--footer .kp-adcash-banner > a:not(:first-of-type),
.xno-ads--footer .kp-adcash-banner > iframe:not(:first-of-type),
.xno-ads--footer .kp-adcash-banner > img:not(:first-of-type),
.xno-ads--footer .kp-adcash-banner > div:not(:first-of-type) {
  display: none !important;
}

.xno-ads--footer .kp-footer-ad--desk-300 .kp-exo-slot,
.xno-ads--footer .kp-footer-ad--mobile .kp-exo-slot {
  max-width: 300px !important;
  max-height: 250px !important;
  overflow: hidden !important;
}

/*
  Footer responsive (300×250):
  - <640: 1 (móvil / portrait estrecho)
  - 640–959: 2 (móvil landscape, tablets portrait)
  - ≥960: 3 (tablet landscape / desk)
*/
@media (max-width: 639px) {
  .xno-ads--footer .kp-footer-ads--mobile {
    display: flex !important;
  }
  .xno-ads--footer .kp-footer-ads--desk {
    display: none !important;
  }
}

@media (min-width: 640px) {
  .xno-ads--footer .kp-footer-ads--desk {
    display: flex !important;
  }
  .xno-ads--footer .kp-footer-ads--mobile {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .xno-ads--footer .kp-footer-ad.kp-footer-ad--desk-3 {
    display: none !important;
  }
}