/* VaiConcursos Avisos — estilos do convite e dos botões. Paleta do tema (azul #1e3a8a). */

.vcpush-toggle {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .6rem 1rem;
	border: 1px solid #1e3a8a;
	border-radius: 8px;
	background: #fff;
	color: #1e3a8a;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	line-height: 1.2;
}

.vcpush-toggle:hover {
	background: #eff6ff;
}

.vcpush-toggle.is-on {
	background: #1e3a8a;
	color: #fff;
}

.vcpush-toggle[disabled] {
	opacity: .6;
	cursor: not-allowed;
}

.vcpush-toggle:focus-visible {
	outline: 3px solid #0e7490;
	outline-offset: 3px;
}

.vcpush-toggle__icon {
	font-size: 1.1em;
	line-height: 1;
}

.vcpush-status {
	margin: .5rem 0 0;
	font-size: .9rem;
	color: #166534;
	min-height: 1.2em;
}

.vcpush-account {
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid #e2e8f0;
}

.vcpush-account h3 {
	margin: 0 0 .25rem;
	font-size: 1.1rem;
}

.vcpush-account p {
	margin: 0 0 .75rem;
	color: #475569;
}

/* Convite discreto, canto inferior. Entra com leve deslize e respeita o teclado/rodapé no celular. */
.vcpush-prompt {
	position: fixed;
	z-index: 9999;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	max-width: 420px;
	margin-inline: auto;
	padding: 1rem 1.1rem;
	background: #fff;
	color: #172033;
	border: 1px solid #cbd5e1;
	border-left: 4px solid #1e3a8a;
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(15, 23, 42, .18);
	transform: translateY(140%);
	opacity: 0;
	transition: transform .28s ease, opacity .28s ease;
}

.vcpush-prompt.is-visible {
	transform: translateY(0);
	opacity: 1;
}

@media (min-width: 640px) {
	.vcpush-prompt {
		left: auto;
		right: 1.25rem;
		margin-inline: 0;
	}
}

.vcpush-prompt__text {
	margin: 0 0 .85rem;
	font-size: .98rem;
	line-height: 1.45;
}

.vcpush-prompt__actions {
	display: flex;
	gap: .6rem;
	flex-wrap: wrap;
}

.vcpush-prompt__yes,
.vcpush-prompt__no {
	flex: 1 1 auto;
	padding: .6rem 1rem;
	border-radius: 8px;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	border: 1px solid transparent;
}

.vcpush-prompt__yes {
	background: #1e3a8a;
	color: #fff;
}

.vcpush-prompt__yes:hover {
	background: #1b3270;
}

.vcpush-prompt__no {
	background: transparent;
	color: #475569;
	border-color: #cbd5e1;
}

.vcpush-prompt__no:hover {
	background: #f1f5f9;
}

.vcpush-prompt :focus-visible {
	outline: 3px solid #0e7490;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.vcpush-prompt {
		transition: none;
		transform: none;
	}
}