/* ============================================================
   WITIGAME — Portal de juegos (shortcode [witigame])
   ============================================================ */

:root {
	--witi-primary: #3B82F6;
	--witi-primary-dark: #2563EB;
	--witi-secondary: #06B6D4;
	--witi-secondary-dark: #0891B2;
	--witi-heading: #1E40AF;
	--witi-text: #0A1628;
	--witi-bg2: #F0F7FF;
	--witi-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--witi-heading-font: 'Poppins', 'Inter', sans-serif;
	--witi-zoom: 1;
	--witi-pad: 20px;
	--witi-radius: 14px;
	--witi-border-w: 2px;
}
.witigame-portal {
	font-family: var(--witi-font);
	color: var(--witi-text);
	background: linear-gradient(135deg, #FFFFFF 0%, #F0F7FF 100%);
	border-radius: 18px;
	padding: 22px;
	max-width: 1180px;
	margin: 0 auto;
}
.witigame-portal *,
.witigame-portal *::before,
.witigame-portal *::after { box-sizing: border-box; }

.witi-portal-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 22px;
}
.witi-portal-brand { display: flex; align-items: center; gap: 12px; }
.witi-logo {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	font-size: 26px;
	background: linear-gradient(135deg, var(--witi-primary) 0%, var(--witi-secondary) 100%);
	border-radius: 14px;
	box-shadow: 0 8px 20px rgba(37, 99, 235, .35);
}
.witi-portal-brand h2 {
	font-family: var(--witi-heading-font);
	font-size: 26px;
	font-weight: 700;
	color: var(--witi-heading);
	margin: 0;
	letter-spacing: .5px;
}
.witi-sub { margin: 2px 0 0; font-size: 13px; color: #64748B; }
.witi-sub a { color: var(--witi-primary); text-decoration: none; font-weight: 600; }

.witi-portal-user {
	font-size: 14px;
	color: #334155;
	background: #FFFFFF;
	border: var(--witi-border-w) solid #DBEAFE;
	border-radius: 999px;
	padding: 9px 18px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.witi-avatar {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--witi-primary) 0%, var(--witi-primary-dark) 100%);
	color: #FFFFFF;
	font-weight: 700;
	font-size: 14px;
}

.witi-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 16px;
}
.witi-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: #FFFFFF;
	border: var(--witi-border-w) solid #DBEAFE;
	border-radius: 16px;
	padding: 20px;
	text-decoration: none;
	color: var(--witi-text);
	transition: all .2s ease;
	position: relative;
	overflow: hidden;
}
.witi-card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(59, 130, 246, .06), rgba(6, 182, 212, .06));
	opacity: 0;
	transition: opacity .2s ease;
}
.witi-card:hover {
	transform: translateY(-4px);
	border-color: var(--witi-primary);
	box-shadow: 0 14px 32px rgba(37, 99, 235, .18);
}
.witi-card:hover::before { opacity: 1; }
.witi-card-icon { font-size: 42px; line-height: 1; }
.witi-card h3 {
	font-family: var(--witi-heading-font);
	font-size: 17px;
	font-weight: 700;
	color: var(--witi-heading);
	margin: 0;
}
.witi-card p { font-size: 13px; color: #64748B; margin: 0; flex: 1; }
.witi-card-meta {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	font-size: 12px;
	color: #64748B;
	border-top: 1px solid #F0F7FF;
	padding-top: 10px;
}
.witi-card-btn {
	font-family: var(--witi-font);
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	background: linear-gradient(135deg, var(--witi-primary) 0%, var(--witi-primary-dark) 100%);
	border-radius: 12px;
	padding: 11px 0;
	transition: all .2s ease;
}
.witi-card:hover .witi-card-btn { background: linear-gradient(135deg, var(--witi-secondary) 0%, var(--witi-secondary-dark) 100%); }

/* ---- tarjeta bloqueada por límite diario ---- */
.witi-card-blocked {
	opacity: .62;
	filter: grayscale(.45);
	cursor: not-allowed;
	box-shadow: 0 8px 22px rgba(15, 23, 42, .16), inset 0 0 0 2px rgba(100, 116, 139, .25);
}
.witi-card-blocked::after {
	content: '⛔';
	position: absolute;
	top: 10px;
	right: 12px;
	font-size: 18px;
	filter: none;
}
.witi-card-blocked:hover {
	transform: none;
	border-color: #CBD5E1;
	box-shadow: 0 8px 22px rgba(15, 23, 42, .16), inset 0 0 0 2px rgba(100, 116, 139, .25);
}
.witi-card-blocked:hover::before { opacity: 0; }
.witi-card-blocked:hover .witi-card-btn { background: linear-gradient(135deg, #94A3B8 0%, #64748B 100%); }
.witi-card-blocked .witi-card-btn {
	background: linear-gradient(135deg, #94A3B8 0%, #64748B 100%);
	letter-spacing: .5px;
}
.witi-card-block-msg {
	background: #FEF2F2;
	border: 1px solid #FECACA;
	color: #B91C1C !important;
	font-size: 12px !important;
	font-weight: 600;
	border-radius: 8px;
	padding: 7px 10px;
	flex: 0 !important;
}
.witi-block-chip {
	background: #FEF2F2;
	color: #B91C1C;
	border-radius: 999px;
	padding: 1px 8px;
	font-weight: 700;
}

@media (max-width: 560px) {
	.witigame-portal { padding: 14px; }
	.witi-portal-brand h2 { font-size: 21px; }
	.witi-portal-user { font-size: 12px; }
}


/* ==================== WITIGAME — Estadísticas del jugador (front end) ==================== */
.witigame-mstats{background:linear-gradient(160deg,#0b1e3f 0%,#132a55 55%,#0b1e3f 100%);border:2px solid rgba(120,170,255,.35);
  border-radius:18px;padding:22px 26px;color:#eaf2ff;box-shadow:0 12px 34px rgba(9,20,45,.45);margin:18px auto;max-width:960px}
.witigame-mstats h2{margin:0 0 14px;font-size:1.5em;display:flex;align-items:center;gap:10px;color:#fff}
.witigame-mstats h2 .witi-dot{width:10px;height:26px;border-radius:6px;background:linear-gradient(180deg,#4ade80,#22d3ee);display:inline-block}
.witigame-mstats .mstats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0 0 18px}
.witigame-mstats .mstat{background:rgba(255,255,255,.06);border:1px solid rgba(140,180,255,.25);border-radius:14px;padding:14px 16px}
.witigame-mstats .mstat .n{display:block;font-size:1.9em;font-weight:800;line-height:1.15;
  background:linear-gradient(90deg,#ffd84a,#ff9a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.witigame-mstats .mstat .l{display:block;margin-top:4px;font-size:.85em;opacity:.85}
.witigame-mstats table.mstats-table{width:100%;border-collapse:separate;border-spacing:0;margin:4px 0 14px;
  background:rgba(8,18,38,.55);border:1px solid rgba(140,180,255,.22);border-radius:12px;overflow:hidden;font-size:.95em}
.witigame-mstats table.mstats-table th{background:rgba(80,130,255,.25);color:#fff;padding:10px 12px;text-align:left;font-weight:700;white-space:nowrap}
.witigame-mstats table.mstats-table td{padding:9px 12px;border-top:1px solid rgba(140,180,255,.14)}
.witigame-mstats table.mstats-table tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.witigame-mstats table.mstats-table tr:hover td{background:rgba(120,170,255,.12)}
.witigame-mstats table.mstats-table td b{color:#ffd84a}
.witigame-mstats h3{margin:16px 0 10px;font-size:1.05em;color:#9fd0ff;display:flex;align-items:center;gap:8px}
.witigame-mstats ul.witi-reco{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.witigame-mstats ul.witi-reco li{display:flex;align-items:center;gap:10px;background:rgba(255,120,90,.10);
  border:1px solid rgba(255,140,110,.35);border-radius:10px;padding:8px 12px}
.witigame-mstats ul.witi-reco .x{flex:none;font-weight:800;font-size:.8em;color:#ffb3a0;background:rgba(255,110,80,.18);
  border-radius:999px;padding:3px 10px;white-space:nowrap}
.witigame-mstats .mstats-note{margin:12px 0 0;font-size:.9em;opacity:.8}
.witigame-mstats .mstats-ok{color:#8ef0b0;font-weight:600}
@media (max-width:600px){.witigame-mstats{padding:16px}.witigame-mstats table.mstats-table{font-size:.85em;display:block;overflow-x:auto}}