/* «Guardar noticia»: píldora crema con borde; activa, naranja. */

.g-guardar-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 20px;
}

.g-guardar {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 36px;
	padding: 0 14px 0 12px;
	border: 1.5px solid var(--g-rule-2, #d6cfbf);
	border-radius: 999px;
	background: #f5f2ea;
	color: var(--g-ink, #1a1a1a);
	font: 650 14px/1 var(--g-sans, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
	cursor: pointer;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s, transform 0.2s;
}

.g-guardar:hover {
	border-color: var(--g-ink, #1a1a1a);
	transform: translateY(-1px);
}

.g-guardar:focus-visible {
	outline: 3px solid var(--g-sun, #C8A96A);
	outline-offset: 2px;
}

.g-guardar:disabled {
	opacity: 0.6;
	cursor: progress;
}

.g-guardar__icono path {
	fill: transparent;
	transition: fill 0.2s;
}

.g-guardar.is-activo {
	border-color: #0F3D2E;
	background: #0F3D2E;
	color: #1a1a1a;
}

.g-guardar.is-activo .g-guardar__icono path {
	fill: currentColor;
}

.g-guardar__aviso {
	font-size: 13px;
	color: var(--g-ink-2, #5a5a5a);
}

@media (prefers-reduced-motion: reduce) {
	.g-guardar {
		transition: none;
	}
}
