/* Página dedicada da Colinha — layout (reforço; regras críticas também no PHP inline) */

body.colinha-page {
	background-color: #0b1a3a;
	background-image: url('https://novo.org.br/wp-content/uploads/2026/09/fundo-site-scaled.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.colinha-page-loading,
.colinha-page-erro {
	text-align: center;
	color: #e8eef8;
	font-size: 1rem;
	padding: 32px 16px;
	margin: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.colinha-page-erro {
	color: #ffb4a8;
}

body.colinha-page .colinha-modal.colinha-pagina .colinha-footer {
	position: sticky;
	bottom: 0;
	background: #fff;
	z-index: 2;
	box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
}

@media (max-width: 768px) {
	body.colinha-page {
		background-attachment: scroll;
		overflow-x: hidden !important;
	}

	/* respiro interno dos cards (dígitos longe da borda) */
	body.colinha-page .colinha-body {
		padding: 18px 16px 28px !important;
	}
	body.colinha-page .mc-card {
		padding: 18px 18px 16px !important;
	}
	body.colinha-page .mc-card-top {
		margin-bottom: 14px !important;
	}

	body.colinha-page .colinha-modal.colinha-pagina .colinha-actions {
		flex-wrap: nowrap;
		gap: 5px;
	}

	body.colinha-page .colinha-modal.colinha-pagina .colinha-actions > button {
		flex: 1 1 0;
		min-width: 0;
		font-size: clamp(9px, 2.6vw, 11px);
		padding: 10px 4px;
		white-space: normal;
		overflow: visible;
		line-height: 1.15;
	}
}