.ui-icon {
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-inline-end: 0.2em;
  background-image: url("../img/assets/iconos/ui-icon-atlas.png");
  background-repeat: no-repeat;
  background-size: 600% 600%;
  filter: brightness(0);
  vertical-align: -0.45em;
  flex: 0 0 auto;
}

.info-icon {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.info-icon > .ui-icon,
.hero-titulo > .ui-icon,
.hero-duracion > .ui-icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-inline-end: 0;
  vertical-align: middle;
}

.sidebar-label > .ui-icon {
  width: 2rem;
  height: 2rem;
  margin-inline-end: 0.25rem;
  vertical-align: -0.15em;
}

.hero-section .ui-icon,
.wave-section .ui-icon,
.da-hero .ui-icon,
.upcoming-section .ui-icon,
.novedades-editorial .ui-icon,
.infocard .ui-icon,
.career-card-overlay .ui-icon,
.counters-section .ui-icon,
.aed-hero .ui-icon,
.aed-join-section .ui-icon,
.card-back .ui-icon,
.btn-primary .ui-icon,
.btn-inscribirse .ui-icon,
.badge-modalidad .ui-icon,
.badge-modalidad-hero .ui-icon,
.filter-btn.active .ui-icon,
.tab-btn.active .ui-icon {
  filter: brightness(0) invert(1);
}

.ui-icon--celebration {
  background-position: 0% 0%;
}

.ui-icon--clipboard {
  background-position: 20% 0%;
}

.ui-icon--university {
  background-position: 40% 0%;
}

.ui-icon--location {
  background-position: 60% 0%;
}

.ui-icon--phone {
  background-position: 80% 0%;
}

.ui-icon--email {
  background-position: 100% 0%;
}

.ui-icon--id-card {
  background-position: 0% 20%;
}

.ui-icon--chat {
  background-position: 20% 20%;
}

.ui-icon--calendar {
  background-position: 40% 20%;
}

.ui-icon--microphone {
  background-position: 60% 20%;
}

.ui-icon--graduation {
  background-position: 80% 20%;
}

.ui-icon--pen {
  background-position: 100% 20%;
}

.ui-icon--check {
  background-position: 0% 40%;
}

.ui-icon--warning {
  background-position: 20% 40%;
}

.ui-icon--sparkle {
  background-position: 40% 40%;
}

.ui-icon--ribbon {
  background-position: 60% 40%;
}

.ui-icon--globe {
  background-position: 80% 40%;
}

.ui-icon--sprout {
  background-position: 100% 40%;
}

.ui-icon--lightbulb {
  background-position: 0% 60%;
}

.ui-icon--handshake {
  background-position: 20% 60%;
}

.ui-icon--briefcase {
  background-position: 40% 60%;
}

.ui-icon--rocket {
  background-position: 60% 60%;
}

.ui-icon--folder {
  background-position: 80% 60%;
}

.ui-icon--newspaper {
  background-position: 100% 60%;
}

.ui-icon--books {
  background-position: 0% 80%;
}

.ui-icon--laptop {
  background-position: 20% 80%;
}

.ui-icon--target {
  background-position: 40% 80%;
}

.ui-icon--note {
  background-position: 60% 80%;
}

.ui-icon--profile {
  background-position: 80% 80%;
}

.ui-icon--satellite {
  background-position: 100% 80%;
}

.ui-icon--document {
  background-position: 0% 100%;
}

.ui-icon--open-book {
  background-position: 20% 100%;
}

.ui-icon--search {
  background-position: 40% 100%;
}

.ui-icon--microscope {
  background-position: 60% 100%;
}

.ui-icon--robot {
  background-position: 80% 100%;
}

.ui-icon--brain {
  background-position: 100% 100%;
}

.ui-icon--scales,
.ui-icon--clear {
  background-image: url("../img/assets/iconos/ui-icon-extras.png");
  background-size: 200% 100%;
}

.ui-icon--scales {
  background-position: 0% 0%;
}

.ui-icon--clear {
  background-position: 100% 0%;
}

.ui-icon--palette {
  background-image: url("../img/assets/iconos/ui-icon-palette.png");
  background-size: 100% 100%;
}

.ui-icon--info,
.ui-icon--stopwatch {
  background-image: url("../img/assets/iconos/ui-icon-info-time.png");
  background-size: 200% 100%;
}

.ui-icon--info {
  background-position: 0% 0%;
}

.ui-icon--stopwatch {
  background-position: 100% 0%;
}