.cancer-mama-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor; /* Color como FontAwesome */
    mask-image: url('cancer_mama.svg'); /* Ruta del SVG */
    -webkit-mask-image: url('cancer_mama.svg'); /* Para compatibilidad */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.cancer-prostata-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor; /* Color como FontAwesome */
    mask-image: url('cancer_prostata.svg'); /* Ruta del SVG */
    -webkit-mask-image: url('cancer_prostata.svg'); /* Para compatibilidad */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.tumor-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor; /* Color como FontAwesome */
    mask-image: url('tumor.svg'); /* Ruta del SVG */
    -webkit-mask-image: url('tumor.svg'); /* Para compatibilidad */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.sistema-nervioso-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor; /* Color como FontAwesome */
    mask-image: url('sistema_nervioso.svg'); /* Ruta del SVG */
    -webkit-mask-image: url('sistema_nervioso.svg'); /* Para compatibilidad */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.cancer-cabeza-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor; /* Color como FontAwesome */
    mask-image: url('cancer_cabeza.svg'); /* Ruta del SVG */
    -webkit-mask-image: url('cancer_cabeza.svg'); /* Para compatibilidad */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.cancer-recto-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor; /* Color como FontAwesome */
    mask-image: url('cancer_recto.svg'); /* Ruta del SVG */
    -webkit-mask-image: url('cancer_recto.svg'); /* Para compatibilidad */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.cancer-piel-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor; /* Color como FontAwesome */
    mask-image: url('cancer_piel.svg'); /* Ruta del SVG */
    -webkit-mask-image: url('cancer_piel.svg'); /* Para compatibilidad */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}