/* .my-favorite-button {
    background-color: #ff6600;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

.my-favorite-button.active {
    background-color: #cc5200;
}

.my-favorites-list {
    list-style-type: none;
    padding: 0;
}

.my-favorites-list li {
    margin-bottom: 10px;
} */

/* Botón contenedor */


/* Estilos base para el ícono */
.icon-favorite {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f44d50;
    /* background-color: #fff; */
}

/* Variante .light que cambia color de fondo */
.icon-favorite.light {
    /* background-color: #000; */
    background-color: #ec464a;
}

/* Icono con estado "plus" */
.icon-favorite.plus {
    mask: url('../icons/convocatorias.svg#icon-heart-plus-usage');
}

/* Icono con estado "check" */
.icon-favorite.check {
    mask: url('../icons/convocatorias.svg#icon-heart-check-usage');
}

/* Combinación específica para .light y .check */
.icon-favorite.light.check {
    background-color: red;
}

.icon-favorite-btn {
    /* background: #f74c4c; */
    background: #fcfcfc;
}


.card-favorite-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem;
    border-radius: 50%;
}

.card-favorite-btn:hover {
    background-color: #ededed6e;
}