/**
 * ToroFans: botón «Seguir» (js/torofans-seguir.js) en las fichas (fondo oscuro) y en páginas claras (.tfs-claro).
 */
.tfs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 18px 0 4px; }
.tfs[hidden] { display: none; }
.tfs-boton {
    display: inline-flex; align-items: center; gap: 8px; border: 2px solid #fd3f00; border-radius: 999px; background: #fd3f00; color: #fff !important;
    font-family: var(--fuente-widget, sans-serif); font-weight: 700; font-size: 18px; letter-spacing: .03em; line-height: 1; padding: 10px 20px 9px;
    text-decoration: none !important; cursor: pointer; transition: background .15s, border-color .15s, transform .1s; box-shadow: 0 6px 18px rgba(253, 63, 0, .35);
}
.tfs-boton:hover { background: #ff5a1f; border-color: #ff5a1f; }
.tfs-boton:active { transform: scale(.96); }
.tfs-boton[disabled] { opacity: .7; cursor: wait; }
.tfs-boton.tfs-siguiendo { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .6); box-shadow: none; }
.tfs-boton.tfs-siguiendo i { color: #ffc23d; }
.tfs-boton.tfs-siguiendo:hover { border-color: #fff; background: rgba(255, 255, 255, .16); }
.tfs-texto { font-size: 14px; color: rgba(255, 255, 255, .8); }
.tfs-nota { flex-basis: 100%; font-size: 13px; color: #ffc23d; min-height: 0; }
.tfs-nota:empty { display: none; }
.tfs-salto { animation: tfs-salto .45s ease-out; }
@keyframes tfs-salto { 0% { transform: scale(1); } 40% { transform: scale(1.12); } 100% { transform: scale(1); } }

/* Sobre fondo claro */
.tfs-claro .tfs-texto { color: #555; }
.tfs-claro .tfs-nota { color: #b83000; }
.tfs-claro .tfs-boton.tfs-siguiendo { background: #fff6f1; border-color: #fd3f00; color: #1d1d1b !important; }
.tfs-claro .tfs-boton.tfs-siguiendo i { color: #fd3f00; }
@media (prefers-reduced-motion: reduce) { .tfs-salto { animation: none; } }