/*
 * Safari 15 progressive-enhancement layer for Selecciones Nacionales.
 * Baseline layout and content stay visible; effects are added only when the
 * corresponding rendering primitive is supported.
 */
.fmg-national-teams img,
.fmg-national-teams video,
.fmg-national-teams svg {
  max-width: 100%;
}

.fmg-national-teams .gf-national-main > *,
.fmg-national-teams .nt-stage > *,
.fmg-national-teams [class*='__copy'],
.fmg-national-teams [class*='__content'] {
  min-width: 0;
}

.fmg-national-teams-nav__dialog::backdrop,
.nt-campaign-carousel__chrome {
  background-color: rgba(5, 22, 45, .94);
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .nt-campaign-carousel__chrome {
    background-color: rgba(5, 22, 45, .72);
  }
}

/* Pair WebKit clipping with the standard property on animated media. */
.has-nt-motion .nt-institutional-shield img {
  -webkit-clip-path: circle(0 at 50% 50%);
}

.has-nt-motion .nt-institutional-shield.is-revealed img {
  -webkit-clip-path: circle(75% at 50% 50%);
}

.has-nt-motion .nt-selection-photo img,
.has-nt-olympic-motion .nt-medal-gallery__photo,
.has-nt-olympic-motion .nt-medal-gallery__name {
  -webkit-clip-path: inset(0 100% 0 0);
}

.has-nt-motion .nt-selection-photo.is-revealed img,
.has-nt-olympic-motion .is-medal-visible .nt-medal-gallery__photo,
.has-nt-olympic-motion .is-medal-visible .nt-medal-gallery__name {
  -webkit-clip-path: inset(0);
}

.has-nt-motion .nt-campaign-hero__media img {
  -webkit-clip-path: inset(0 0 0 100%);
}

.has-nt-motion .nt-campaign-hero__media.is-revealed img,
.has-nt-motion .nt-purpose-hero__image.is-revealed img,
.nt-campaign-carousel.is-ready .nt-campaign-slide.is-active .nt-campaign-slide__media {
  -webkit-clip-path: inset(0);
}

.has-nt-motion .nt-purpose-hero__image img {
  -webkit-clip-path: inset(0 0 100% 0);
}

.nt-campaign-carousel.is-ready .nt-campaign-slide:not(.is-active) .nt-campaign-slide__media {
  -webkit-clip-path: inset(0 0 0 100%);
}

/* If clipping is absent or disabled, critical images and labels stay visible. */
@supports not ((clip-path: inset(0)) or (-webkit-clip-path: inset(0))) {
  .has-nt-motion .nt-institutional-shield img,
  .has-nt-motion .nt-selection-photo img,
  .has-nt-motion .nt-campaign-hero__media img,
  .has-nt-motion .nt-purpose-hero__image img,
  .has-nt-olympic-motion .nt-medal-gallery__photo,
  .has-nt-olympic-motion .nt-medal-gallery__name,
  .nt-campaign-carousel.is-ready .nt-campaign-slide__media {
    -webkit-clip-path: none;
    clip-path: none;
  }
}

@supports not (aspect-ratio: 1 / 1) {
  .fmg-national-teams .nt-institutional-shield__orbit,
  .fmg-national-teams .nt-constellation span,
  .fmg-national-teams .nt-paper span {
    height: auto;
    min-height: 4.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fmg-national-teams *,
  .fmg-national-teams *::before,
  .fmg-national-teams *::after {
    scroll-behavior: auto;
  }
}