.nala-cup {
	--nala-navy: #36508a;
	--nala-sky: #8aa8dc;
	--nala-green: #8a9f4f;
	background: var(--nala-navy);
	color: #fff;
	border-radius: 18px;
	padding: 32px 24px;
	box-sizing: border-box;
}
.nala-cup *, .nala-pop * { box-sizing: border-box; }
.nala-cup__title {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	font-size: clamp(26px, 5vw, 40px);
	line-height: 1.1;
	text-align: center;
	color: #fff;
	margin: 0 0 12px;
}
.nala-cup__title em { display: block; }
.nala-cup__lead { text-align: center; margin: 0 0 16px; color: #fff; }
.nala-cup > p { text-align: center; }
.nala-cup__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 26px 22px;
	margin: 28px 0 20px;
}
.nala-cup__legal { font-size: 12px; opacity: .85; text-align: center; margin: 0; color: #fff; }

.nala-ticket {
	position: relative;
	display: flex;
	background: #fff;
	color: var(--nala-navy);
	border-radius: 16px;
	padding: 6px;
	min-height: 128px;
}
.nala-ticket__n {
	position: absolute;
	top: -14px;
	left: -12px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--nala-sky);
	color: #fff;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nala-ticket__left { flex: 1 1 55%; padding: 10px 12px 10px 18px; min-width: 0; }
.nala-ticket__big {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 1;
}
.nala-ticket__big small { font-size: 16px; margin-left: 4px; }
.nala-ticket__label { font-weight: 700; text-transform: uppercase; font-size: 13px; margin-top: 4px; }
.nala-ticket__note { font-size: 11px; line-height: 1.3; margin-top: 4px; opacity: .8; }
.nala-ticket__right {
	flex: 0 0 45%;
	background: var(--nala-navy);
	color: #fff;
	border-radius: 0 11px 11px 0;
	border-left: 3px dashed #fff;
	padding: 10px 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 4px;
}
.nala-ticket__cap { font-weight: 700; text-transform: uppercase; font-size: 12px; }
.nala-ticket__code { font-size: 14px; letter-spacing: 1px; word-break: break-all; }
.nala-ticket.is-used, .nala-ticket.is-expired { opacity: .6; }

.nala-btn {
	display: inline-block;
	border: 0;
	border-radius: 999px;
	padding: 8px 16px;
	background: var(--nala-sky, #8aa8dc);
	color: #fff !important;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2;
	text-decoration: none !important;
	cursor: pointer;
}
.nala-btn:hover { filter: brightness(1.08); }
.nala-btn[disabled] { opacity: .6; cursor: wait; }
.nala-btn--light { background: #fff; color: #36508a !important; }
.nala-tag { font-size: 12px; font-weight: 700; padding: 6px 10px; border: 1px solid rgba(255,255,255,.6); border-radius: 999px; }

.nala-pop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99999;
	width: 300px;
	max-width: calc(100vw - 32px);
	background: #36508a;
	color: #fff;
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
	border-top: 6px solid #8a9f4f;
}
.nala-pop[hidden] { display: none; }
.nala-pop__title { font-family: Georgia, "Times New Roman", serif; font-size: 22px; line-height: 1.2; margin-right: 20px; }
.nala-pop__text { margin: 8px 0 14px; font-size: 14px; color: #fff; }
.nala-pop__close {
	position: absolute;
	top: 6px;
	right: 10px;
	background: none;
	border: 0;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	padding: 4px;
}

@media (max-width: 700px) {
	.nala-cup { padding: 24px 16px; }
	.nala-cup__grid { grid-template-columns: 1fr; }
	.nala-pop { right: 16px; left: 16px; bottom: 16px; width: auto; }
}

/* --- Refuerzos contra los estilos del tema --- */
.nala-cup h2.nala-cup__title,
.woocommerce-account .woocommerce-MyAccount-content .nala-cup h2.nala-cup__title {
	color: #fff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(28px, 5vw, 44px) !important;
	line-height: 1.1 !important;
	font-weight: 400 !important;
	text-align: center !important;
	text-transform: none !important;
	margin: 0 0 14px !important;
}
.nala-cup h2.nala-cup__title em {
	display: block !important;
	color: #fff !important;
	font-size: 1em !important;
	font-style: italic !important;
	font-family: inherit !important;
	line-height: 1.1 !important;
	opacity: 1 !important;
}
.nala-cup .nala-cup__lead,
.nala-cup .nala-cup__legal { color: #fff !important; }
.nala-cup .nala-btn,
.nala-pop .nala-btn {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-family: inherit !important;
	border-radius: 999px !important;
	padding: 8px 16px !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	min-height: 0 !important;
	box-shadow: none !important;
}
.nala-cup button.nala-btn { background: #8aa8dc !important; color: #fff !important; border: 0 !important; }