.icono {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
}
.icono-verde {
    width: 1.3em;
    height: 1.3em;
    display: inline-block;
    vertical-align: middle;
    background-color: #c7ebd1;
    border-radius: 0.5rem;
    padding: 8px;
}
/* ================================================== */
/*          DEFINICIÓN DE COLORES PARA CADA ÍCONO     */
/* ================================================== */

.icono-audiencia {
  --color-primario: #96cca5;
  --color-secundario: #c7ebd1;
}

.icono-bienestar {
  --color-primario: #0c1c10;
  --color-secundario: #fcee21;
}

.icono-reloj {
  --color-primario: #eaf1ff;
  --color-secundario: #0c1c10;
}

.icono-manos {
  --color-1: #5eb1fa;
  --color-2: #0c1c10;
  --color-3: #f5d6c4;
}

.icono-ajustes {
  --color-1: #0c1c10;
  --color-2: #2e3192;
  --color-3: #29abe2;
}

.icono-escudo {
  --color-1: #0c1c10;
  --color-2: #eaf1ff;
  --color-3: #8cc63f;
}

.icono-play {
  --color-1: #f48527;
}

.icono-check {
  --color-1: #0c1c10;
  --color-2: #29abe2;
  --color-3: #fff;
}

.icono-camara-video {
  --color-1: #ffd0b4;
  --color-2: #fff;
}

.icono-tiktok {
  --color-1: #fff;
  fill: #000;
}

.icono-linkedin {
  --color-1: #2f71b7;
  --color-2: #fff;
}

.icono-facebook {
  --color-1: #fff;
  --color-2: #4465a0;
}

.icono-mujer {
  --color-1: #f5d6c4;
  --color-2: #0c1c10;
  --color-3: #fff;
}

.icono-hombre {
  --color-1: #f5d6c4;
  --color-2: #0c1c10;
  --color-3: #ff7bac;
}

.icono-balanza {
  --color-1: #0c1c10;
  --color-2: #ccc;
  --color-3: #999;
  --color-4: #fff;
  --color-5: #d9e021;
}

.icono-puzzle {
  --color-1: #0c1c10;
  --color-2: #4193ca;
  --color-3: #7ca332;
  --color-4: #f5b02e;
  --color-5: #e15648;
}

.icono-mano {
  --color-1: #f5b02e;
  --color-2: #8cc63e;
  --color-3: #e15648;
  --color-4: #4193ca;
  --color-5: #0c1c10;
  --color-6: #fff;
}

.icono-estrellas {
  --color-1: #0c1c10;
  --color-2: #fabb05;
}

.icono-personas {
  --color-1: #fabb05;
  --color-2: #0c1c10;
  --color-3: #f15a24;
}

.icono-doctor {
  --color-1: #b3b3b3;
  --color-2: #ccc;
}

.icono-ondas {
  --color-1: #0c1c10;
  --color-2: #f5d6c4;
}

.icono-ideas {
  --color-1: #666;
  --color-2: #0c1c10;
  --color-3: #f5d6c4;
}

.icono-mundo {
  --color-1: #60c1fc;
  --color-2: #0c1c10;
  --color-3: #f42727;
  --color-4: #8cc63f;
}

.icono-logo {
  --color-1: #f8f7f7;
  --color-2: #fff;
  --color-3: #5ec187;
}