/* Estilo base del botón de favoritos */
.fav-btn {
    background: none;
    border: 1px solid #ccc;
    border-radius: 50%; 
    cursor: pointer;
    font-size: 1rem;
    padding: 1px 3px 4px;
    transition: all 0.3s ease;
    margin-left: 10px;
}

/* Cuando está activo (favorito) */
.fav-btn.fav-active {
  background-color: rgba(241, 196, 15, 0.15); /* Amarillo suave */
  /*border-color: rgba(241, 196, 15, 0.3);*/
  border-color: #957805;
  background: #f2ca44;
	

}

.fav-btn:hover {
    transform: scale(1.1);
}