.lista-simbol {
  list-style: none;
  padding-left: 0;
}

.lista-simbol li {
  position: relative;
  padding-left: 30px; 
  margin-bottom: 10px;
}

.lista-simbol li::before {
  content: "\f058"; 
  font-family: "Font Awesome 6 Free"; 
  font-weight: 400; 
  color: #28a745;
  font-size: 1.2rem;
   position: absolute;
  left: 0;
  top: 2px; 
}



/* Estilos base de la lista */
.lista-simbols2 {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.lista-simbols2 li {
  position: relative;
  padding-left: 32px; 
  margin-bottom: 12px;
  /**line-height: 1.5;**/
}


.lista-simbols2 li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 400; 
  font-size: 1.1rem;
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  text-align: center;
  vertical-align: middle; /* Alineación vertical */
  line-height: 1; /* Importante para iconos */  
}


.lista-simbols2.check li::before { 
  content: "\f058"; 
  color: #28a745; 
}

.lista-simbols2.xmark li::before { 
  content: "\f057"; 
  color: #dc3545; 
}

.lista-simbols2.info li::before { 
  content: "\f05a"; 
  color: #0d6efd; 
}

.lista-simbols2.warning li::before { 
  content: "\f06a"; 
  color: #fd7e14; 
}

.lista-simbols2.question li::before { 
  content: "\f059"; 
  color: #6f42c1; 
}