/**
 * Botón "Seguir"/"Me interesa"/"Voy"/"Estuve allí" en páginas públicas
 * (ficha de artista, ficha de evento). Solo el estado ".is-activo" y el
 * aviso de invitado -el botón en sí reutiliza .btn/.btn--outline-oscuro ya
 * existentes en base.css, sin duplicar esos estilos aquí. Los estados no
 * dependen únicamente del color (también cambia el texto del botón), para
 * accesibilidad.
 */

.single-artista__seguir,
.single-evento__estado {
	margin: 12px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

[data-indf-follow].is-activo,
[data-indf-event-btn].is-activo {
	background: var( --indf-turquesa, #1abc9c );
	color: var( --indf-negro, #111 );
	border-color: var( --indf-turquesa, #1abc9c );
}

[data-indf-follow].is-activo::after,
[data-indf-event-btn].is-activo::after {
	content: ' ✓';
}

.indf-guest-aviso {
	font-family: var( --fuente-ui, sans-serif );
	font-size: 13px;
	opacity: 0.85;
	margin: 6px 0 0;
}

.indf-guest-aviso a {
	text-decoration: underline;
}