/* Curtir cards (ver curtir.js). Usa as cores de cada página quando existem (--linha, --suave). */
.curtivel { position: relative; }
.curtivel > h3, .curtivel > h4 { padding-right: 44px; }
.curtir {
  position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; padding: 10px; border: 0; border-radius: 50%;
  background: transparent; color: var(--suave, #51605d); cursor: pointer; line-height: 0;
  transition: color .15s ease, background-color .15s ease;
}
.curtir svg { width: 100%; height: 100%; fill: transparent; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; transition: fill .15s ease; }
.curtir:hover { color: #c8364b; background: rgba(200, 54, 75, .08); }
.curtir:focus-visible { outline: 3px solid currentColor; outline-offset: 1px; }
.curtir[aria-pressed="true"] { color: #c8364b; }
.curtir[aria-pressed="true"] svg { fill: currentColor; }
@media (prefers-color-scheme: dark) {
  .curtir:hover, .curtir[aria-pressed="true"] { color: #ff6b81; }
  .curtir:hover { background: rgba(255, 107, 129, .1); }
}
.curtir--pulso svg { animation: curtir-pulso .35s ease-out; }
@keyframes curtir-pulso { 0% { transform: scale(1); } 40% { transform: scale(1.3); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .curtir, .curtir svg { transition: none; } .curtir--pulso svg { animation: none; } }