/* Ícone de favorito: contorno + preenchimento animado */
.favorito-icone {
    overflow: visible;
}

.favorito-icone .favorito-outline,
.favorito-icone .favorito-fill path {
    fill: currentColor;
}

.favorito-icone .favorito-fill {
    opacity: 0;
    transform: scale(0.55);
    transform-origin: center;
    transform-box: fill-box;
    transition: opacity 0.28s ease-out, transform 0.32s ease-out;
}

.ativo .favorito-icone .favorito-fill {
    opacity: 1;
    transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .favorito-icone .favorito-fill {
        transition: none;
    }
}