/* MexBoss: native square controls, open typographic strips, no added card. */
/* The old bottom-sticky footer covered the CTA and its eligibility terms. */
.monstrance-lumineux { position: relative; inset-block-end: auto; }
.marquesina-premio {
	width: min(100%, 590px);
	display: grid;
	justify-items: center;
	gap: var(--llr-step-2);
	padding-block: var(--llr-step-3);
	margin-block: var(--llr-step-4);
	margin-inline: auto;
	border-block: 1px solid var(--llr-main);
	text-align: center;
}
.marquesina-cifra {
	margin: 0;
	font-size: clamp(24px, 2vw, 32px);
	font-weight: var(--llr-strong);
	line-height: 1.35;
	color: #f5d2a0;
}
.marquesina-cifra span { display: inline-block; color: white; white-space: nowrap; }
.marquesina-aviso {
	margin: 0;
	max-width: 53ch;
	font-size: var(--llr-legal);
	line-height: var(--llr-normal);
	color: #ded2c5;
}
.marquesina-origen { font-weight: 600; }
.marquesina-premio .tineli-step { margin: 0; max-width: 100%; padding-inline: var(--llr-step-4); }
a[data-marquesina].tineli-step {
	background: #f04452;
	color: #080707;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ff9aa2;
	position: relative;
	animation: marquesina-aliento 1.9s ease-in-out infinite alternate;
	transition: background-color 200ms var(--llr-land), color 200ms var(--llr-land), box-shadow 200ms var(--llr-land);
}
a[data-marquesina].tineli-step::after { content: none; animation: none; }
.berceau-secret-cta-main[data-marquesina] { min-height: 44px; animation-delay: -.95s; }
@keyframes marquesina-aliento { from { transform: translateY(0); } to { transform: translateY(-3px); } }
@media (hover: hover) and (pointer: fine) {
	a[data-marquesina].tineli-step:hover {
		background: #ff7b85;
		color: #080707;
		animation-play-state: paused;
		box-shadow: 0 5px 18px rgb(0 0 0 / .24);
	}
}
a[data-marquesina].tineli-step:focus-visible { outline: 3px solid #fff3dd; outline-offset: 5px; animation-play-state: paused; }
a[data-marquesina].tineli-step:active { background: #ff7b85; color: #080707; }
@media (max-width: 600px) {
	.marquesina-premio { gap: var(--llr-step-1); margin-block: var(--llr-step-3); }
	.marquesina-premio .tineli-step { width: 100%; min-height: 54px; padding-inline: var(--llr-step-2); }
	.marquesina-cifra { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
	a[data-marquesina].tineli-step { animation: none; transition: none; transform: none; }
}
@media (forced-colors: active) {
	a[data-marquesina].tineli-step { border: 2px solid ButtonText; }
}
