/*
 * El aviso de privacidad (aviso-privacidad.php). Violeta de noche con letras claras, como el
 * ejemplo que mostró Andrea; se ve igual sobre el Tarot Gratis (oscuro) y el pack (claro).
 */
.vc {
	position: fixed;
	z-index: 99990;
	left: 16px;
	bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	width: min(440px, calc(100vw - 32px));
	max-height: calc(100vh - 32px);
	overflow: auto;
	display: grid;
	gap: 12px;
	padding: 20px 22px 16px;
	border: 1px solid rgba(243, 205, 120, .35);
	border-radius: 14px;
	background: #3d2466;
	color: #fff8ee;
	font: 400 14px/1.55 'Inter', system-ui, sans-serif;
	box-shadow: 0 24px 60px -18px rgba(0, 0, 0, .7);
	animation: vcSube .45s ease .6s both;
}
.vc[hidden] { display: none !important; }
.vc-titulo { margin: 0; font-size: 17px; font-weight: 600; color: #fff; }
.vc-texto { margin: 0; color: rgba(255, 248, 238, .88); }
.vc-texto strong { color: #fff; font-weight: 600; }
.vc-botones { display: flex; flex-wrap: wrap; gap: 8px; }
.vc-btn {
	flex: 1 1 auto;
	min-height: 44px;
	padding: 9px 14px;
	border: 1.5px solid rgba(255, 248, 238, .85);
	border-radius: 4px;
	background: transparent;
	color: #fff;
	font: 600 13.5px/1.2 'Inter', system-ui, sans-serif;
	cursor: pointer;
}
.vc-btn:hover { background: rgba(255, 255, 255, .08); }
.vc-btn--principal { background: #fff1de; border-color: #fff1de; color: #3d2466; }
.vc-btn--principal:hover { background: #fff8ee; }
.vc-btn:focus-visible, .vc-mas:focus-visible, .vc-op input:focus-visible { outline: 2px solid #f3cd78; outline-offset: 2px; }
.vc-panel { display: grid; gap: 10px; padding: 12px; border-radius: 10px; background: rgba(0, 0, 0, .18); }
.vc-panel[hidden] { display: none !important; }
.vc-op { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: rgba(255, 248, 238, .85); cursor: pointer; }
.vc-op input { width: 18px; height: 18px; margin: 2px 0 0; flex: 0 0 auto; accent-color: #f3cd78; }
.vc-op b { display: block; color: #fff; font-weight: 600; }
.vc-mas { justify-self: start; font-size: 12.5px; color: #f3cd78; }
/* El enlace del pie que vuelve a abrir el aviso. */
.vc-abrir { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@keyframes vcSube { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (max-width: 560px) {
	.vc { left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); width: auto; }
	.vc { padding: 16px 16px 12px; gap: 10px; }
	.vc-btn { flex: 1 1 calc(50% - 4px); }
	.vc-botones .vc-btn--principal { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) { .vc { animation: none; } }