/*
 * Laboratorio de total de juegos en hierba — Apuestas Wimbledon
 * Ruta: wp-content/themes/<tu-tema>/components/proprietary/proprietary_data.css
 * Todos los selectores están acotados bajo #wmb-lab-juegos.
 */

#wmb-lab-juegos {
	/* Paleta: ajusta estas cinco variables para encajar con el tema. */
	--wmb-green: #00693e;
	--wmb-green-dark: #004f2e;
	--wmb-purple: #4f2d7f;
	--wmb-purple-dark: #3b1f63;
	--wmb-accent: #b8860b;

	/* Superficies y texto */
	--wmb-fg: #1c2b21;
	--wmb-fg-soft: #4d5b52;
	--wmb-bg: #ffffff;
	--wmb-bg-soft: #f4f8f4;
	--wmb-bg-head: #f0f5f1;
	--wmb-border: #d5e0d7;
	--wmb-border-strong: #b9c9bc;

	/* Semántica */
	--wmb-pos: #0a7a3d;
	--wmb-neg: #a3122b;
	--wmb-over-soft: #e8f2ea;
	--wmb-under-soft: #eeeaf5;

	/* Tipografía */
	--wmb-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--wmb-fs-base: 1rem;
	--wmb-fs-small: 0.875rem;
	--wmb-fs-tiny: 0.8125rem;
	--wmb-lh: 1.6;

	/* Geometría */
	--wmb-radius: 10px;
	--wmb-radius-sm: 6px;
	--wmb-gap: 1rem;
	--wmb-pad: 1.25rem;

	box-sizing: border-box;
	margin: 2rem 0;
	padding: var(--wmb-pad);
	border: 1px solid var(--wmb-border);
	border-radius: var(--wmb-radius);
	background-color: var(--wmb-bg);
	color: var(--wmb-fg);
	font-family: var(--wmb-font);
	font-size: var(--wmb-fs-base);
	line-height: var(--wmb-lh);
	-webkit-text-size-adjust: 100%;
}

#wmb-lab-juegos *,
#wmb-lab-juegos *::before,
#wmb-lab-juegos *::after {
	box-sizing: inherit;
}

#wmb-lab-juegos p,
#wmb-lab-juegos ul,
#wmb-lab-juegos li,
#wmb-lab-juegos dl,
#wmb-lab-juegos dt,
#wmb-lab-juegos dd,
#wmb-lab-juegos table,
#wmb-lab-juegos caption,
#wmb-lab-juegos th,
#wmb-lab-juegos td,
#wmb-lab-juegos legend,
#wmb-lab-juegos label,
#wmb-lab-juegos summary,
#wmb-lab-juegos h3,
#wmb-lab-juegos h4 {
	color: var(--wmb-fg);
	font-family: inherit;
}

#wmb-lab-juegos [hidden] {
	display: none !important;
}

/* ---------- Cabecera ---------- */

#wmb-lab-juegos .wmb-lab__head {
	margin-bottom: 1.5rem;
}

#wmb-lab-juegos .wmb-lab__kicker {
	margin: 0 0 0.35rem;
	color: var(--wmb-purple);
	font-size: var(--wmb-fs-tiny);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

#wmb-lab-juegos .wmb-lab__title {
	margin: 0 0 0.6rem;
	font-size: 1.4rem;
	line-height: 1.3;
	font-weight: 700;
}

#wmb-lab-juegos .wmb-lab__lead {
	margin: 0;
	color: var(--wmb-fg-soft);
	font-size: var(--wmb-fs-small);
}

/* ---------- Controles ---------- */

#wmb-lab-juegos .wmb-lab__controls {
	display: flex;
	flex-direction: column;
	gap: var(--wmb-gap);
	margin-bottom: 1.5rem;
}

#wmb-lab-juegos .wmb-fs {
	margin: 0;
	padding: 0.9rem 1rem 1rem;
	border: 1px solid var(--wmb-border);
	border-radius: var(--wmb-radius-sm);
	background-color: var(--wmb-bg-soft);
	min-width: 0;
}

#wmb-lab-juegos .wmb-fs__legend {
	padding: 0 0.4rem;
	font-size: var(--wmb-fs-tiny);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wmb-green-dark);
}

#wmb-lab-juegos .wmb-grid {
	display: grid;
	gap: var(--wmb-gap);
}

#wmb-lab-juegos .wmb-grid--2 {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}

#wmb-lab-juegos .wmb-grid--3 {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
}

#wmb-lab-juegos .wmb-field {
	min-width: 0;
}

#wmb-lab-juegos .wmb-field__label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: var(--wmb-fs-small);
	font-weight: 600;
}

#wmb-lab-juegos .wmb-field__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
}

#wmb-lab-juegos .wmb-input {
	flex: 0 0 5.5rem;
	width: 5.5rem;
	min-width: 0;
	padding: 0.5rem 0.6rem;
	border: 1px solid var(--wmb-border-strong);
	border-radius: var(--wmb-radius-sm);
	background-color: var(--wmb-bg);
	color: var(--wmb-fg);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.3;
	text-align: right;
}

#wmb-lab-juegos .wmb-range {
	flex: 1 1 8rem;
	min-width: 0;
	height: 1.6rem;
	accent-color: var(--wmb-green);
}

#wmb-lab-juegos .wmb-field__hint {
	margin: 0.4rem 0 0;
	color: var(--wmb-fg-soft);
	font-size: var(--wmb-fs-tiny);
	line-height: 1.45;
}

#wmb-lab-juegos .wmb-radios {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
}

#wmb-lab-juegos .wmb-radio {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: var(--wmb-fs-small);
}

#wmb-lab-juegos .wmb-radio input {
	width: 1.05rem;
	height: 1.05rem;
	margin: 0;
	accent-color: var(--wmb-green);
}

#wmb-lab-juegos .wmb-radio label {
	cursor: pointer;
	font-size: var(--wmb-fs-small);
}

#wmb-lab-juegos .wmb-lab__reset {
	margin: 0.9rem 0 0;
}

#wmb-lab-juegos .wmb-btn {
	display: inline-block;
	padding: 0.5rem 0.9rem;
	border: 1px solid var(--wmb-green);
	border-radius: var(--wmb-radius-sm);
	background-color: var(--wmb-bg);
	color: var(--wmb-green-dark);
	cursor: pointer;
	font-family: inherit;
	font-size: var(--wmb-fs-small);
	font-weight: 600;
	line-height: 1.3;
	transition: background-color 0.15s ease, color 0.15s ease;
}

#wmb-lab-juegos .wmb-btn:hover {
	background-color: var(--wmb-green);
	color: #ffffff;
}

/* ---------- Pestañas ---------- */

#wmb-lab-juegos .wmb-lab__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-bottom: -1px;
}

#wmb-lab-juegos .wmb-tab {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0.55rem 0.8rem;
	border: 1px solid var(--wmb-border);
	border-bottom-color: transparent;
	border-radius: var(--wmb-radius-sm) var(--wmb-radius-sm) 0 0;
	background-color: var(--wmb-bg-head);
	color: var(--wmb-fg-soft);
	cursor: pointer;
	font-family: inherit;
	font-size: var(--wmb-fs-small);
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	transition: background-color 0.15s ease, color 0.15s ease;
}

#wmb-lab-juegos .wmb-tab[aria-selected="true"] {
	background-color: var(--wmb-bg);
	border-color: var(--wmb-border);
	border-bottom-color: var(--wmb-bg);
	color: var(--wmb-green-dark);
	box-shadow: inset 0 3px 0 0 var(--wmb-green);
}

#wmb-lab-juegos .wmb-lab__panels {
	border: 1px solid var(--wmb-border);
	border-radius: 0 var(--wmb-radius-sm) var(--wmb-radius-sm) var(--wmb-radius-sm);
	background-color: var(--wmb-bg);
}

#wmb-lab-juegos .wmb-panel {
	padding: var(--wmb-pad);
}

#wmb-lab-juegos .wmb-panel__title {
	margin: 0 0 0.8rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
}

#wmb-lab-juegos .wmb-panel__title + .wmb-panel__intro {
	margin-top: -0.4rem;
}

#wmb-lab-juegos .wmb-panel__intro {
	margin: 0 0 1rem;
	color: var(--wmb-fg-soft);
	font-size: var(--wmb-fs-small);
}

/* ---------- Indicadores ---------- */

#wmb-lab-juegos .wmb-kpis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
	gap: 0.7rem;
	margin-bottom: 1.2rem;
}

#wmb-lab-juegos .wmb-kpi {
	min-width: 0;
	padding: 0.75rem 0.85rem;
	border: 1px solid var(--wmb-border);
	border-radius: var(--wmb-radius-sm);
}

#wmb-lab-juegos .wmb-kpi--over {
	background-color: var(--wmb-over-soft);
	border-left: 4px solid var(--wmb-green);
}

#wmb-lab-juegos .wmb-kpi--under {
	background-color: var(--wmb-under-soft);
	border-left: 4px solid var(--wmb-purple);
}

#wmb-lab-juegos .wmb-kpi__label {
	margin: 0 0 0.25rem;
	color: var(--wmb-fg-soft);
	font-size: var(--wmb-fs-tiny);
	font-weight: 600;
	line-height: 1.35;
}

#wmb-lab-juegos .wmb-kpi__value {
	margin: 0;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
}

#wmb-lab-juegos .wmb-kpi--over .wmb-kpi__value {
	color: var(--wmb-green-dark);
}

#wmb-lab-juegos .wmb-kpi--under .wmb-kpi__value {
	color: var(--wmb-purple-dark);
}

/* ---------- Veredicto ---------- */

#wmb-lab-juegos .wmb-verdict {
	margin-bottom: 1.4rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--wmb-border);
	border-left: 4px solid var(--wmb-accent);
	border-radius: var(--wmb-radius-sm);
	background-color: var(--wmb-bg-soft);
}

#wmb-lab-juegos .wmb-verdict__text {
	margin: 0 0 0.7rem;
	font-size: var(--wmb-fs-small);
	font-weight: 600;
}

#wmb-lab-juegos .wmb-verdict__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#wmb-lab-juegos .wmb-verdict__list li {
	margin: 0 0 0.35rem;
	font-size: var(--wmb-fs-small);
	line-height: 1.5;
}

#wmb-lab-juegos .wmb-verdict__list li:last-child {
	margin-bottom: 0;
}

#wmb-lab-juegos .wmb-verdict__list strong {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

#wmb-lab-juegos .wmb-ev--pos {
	color: var(--wmb-pos);
}

#wmb-lab-juegos .wmb-ev--neg {
	color: var(--wmb-neg);
}

/* ---------- Estadísticas ---------- */

#wmb-lab-juegos .wmb-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
	gap: 0.7rem;
	margin: 0 0 1rem;
}

#wmb-lab-juegos .wmb-stats__item {
	min-width: 0;
	padding: 0.6rem 0.75rem;
	border: 1px solid var(--wmb-border);
	border-radius: var(--wmb-radius-sm);
	background-color: var(--wmb-bg-soft);
}

#wmb-lab-juegos .wmb-stats__dt {
	margin: 0 0 0.2rem;
	color: var(--wmb-fg-soft);
	font-size: var(--wmb-fs-tiny);
	font-weight: 600;
	line-height: 1.35;
}

#wmb-lab-juegos .wmb-stats__dd {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.25;
	font-variant-numeric: tabular-nums;
}

/* ---------- Tablas ---------- */

#wmb-lab-juegos .wmb-tablewrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--wmb-border);
	border-radius: var(--wmb-radius-sm);
}

#wmb-lab-juegos .wmb-table {
	width: 100%;
	min-width: 22rem;
	border-collapse: collapse;
	font-size: var(--wmb-fs-small);
}

#wmb-lab-juegos .wmb-table__caption {
	padding: 0.6rem 0.75rem;
	border-bottom: 1px solid var(--wmb-border);
	background-color: var(--wmb-bg-head);
	color: var(--wmb-fg-soft);
	font-size: var(--wmb-fs-tiny);
	text-align: left;
	caption-side: top;
}

#wmb-lab-juegos .wmb-th {
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid var(--wmb-border-strong);
	background-color: var(--wmb-bg-head);
	font-size: var(--wmb-fs-tiny);
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
}

#wmb-lab-juegos .wmb-rowh,
#wmb-lab-juegos .wmb-td {
	padding: 0.45rem 0.75rem;
	border-bottom: 1px solid var(--wmb-border);
	text-align: left;
	vertical-align: middle;
	font-variant-numeric: tabular-nums;
}

#wmb-lab-juegos .wmb-rowh {
	font-weight: 700;
	white-space: nowrap;
}

#wmb-lab-juegos .wmb-td {
	font-weight: 400;
}

#wmb-lab-juegos .wmb-row:last-child .wmb-rowh,
#wmb-lab-juegos .wmb-row:last-child .wmb-td {
	border-bottom: 0;
}

#wmb-lab-juegos .wmb-row--under {
	background-color: var(--wmb-under-soft);
}

#wmb-lab-juegos .wmb-row--over {
	background-color: var(--wmb-over-soft);
}

#wmb-lab-juegos .wmb-row--sel {
	background-color: var(--wmb-bg-head);
	box-shadow: inset 3px 0 0 0 var(--wmb-accent);
}

#wmb-lab-juegos .wmb-td--bar {
	position: relative;
	min-width: 9rem;
	white-space: nowrap;
}

#wmb-lab-juegos .wmb-bar {
	display: inline-block;
	width: 5.5rem;
	height: 0.55rem;
	margin-right: 0.5rem;
	border-radius: 999px;
	background-color: rgba(0, 0, 0, 0.09);
	vertical-align: middle;
	visibility: hidden;
}

#wmb-lab-juegos[data-wmb-lab-ready="1"] .wmb-bar {
	visibility: visible;
}

#wmb-lab-juegos .wmb-bar__fill {
	display: block;
	width: 0;
	height: 100%;
	border-radius: 999px;
	transition: width 0.25s ease;
}

#wmb-lab-juegos .wmb-bar__fill--over {
	background-color: var(--wmb-green);
}

#wmb-lab-juegos .wmb-bar__fill--under {
	background-color: var(--wmb-purple);
}

#wmb-lab-juegos .wmb-td__val {
	display: inline-block;
	vertical-align: middle;
}

#wmb-lab-juegos .wmb-chip {
	display: inline-block;
	margin-left: 0.35rem;
	padding: 0.05rem 0.4rem;
	border-radius: 999px;
	background-color: var(--wmb-accent);
	color: #ffffff;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	vertical-align: middle;
	white-space: nowrap;
}

/* ---------- Notas y método ---------- */

#wmb-lab-juegos .wmb-note {
	margin: 0;
	color: var(--wmb-fg-soft);
	font-size: var(--wmb-fs-tiny);
	line-height: 1.5;
}

#wmb-lab-juegos .wmb-tablewrap + .wmb-note {
	margin-top: 0.8rem;
}

#wmb-lab-juegos .wmb-method {
	margin-top: 1.2rem;
	padding: 0.6rem 0.9rem;
	border: 1px solid var(--wmb-border);
	border-radius: var(--wmb-radius-sm);
	background-color: var(--wmb-bg-soft);
}

#wmb-lab-juegos .wmb-method__summary {
	cursor: pointer;
	font-size: var(--wmb-fs-small);
	font-weight: 700;
	list-style-position: inside;
}

#wmb-lab-juegos .wmb-method__body {
	margin-top: 0.6rem;
}

#wmb-lab-juegos .wmb-method__body p {
	margin: 0 0 0.6rem;
	color: var(--wmb-fg-soft);
	font-size: var(--wmb-fs-tiny);
	line-height: 1.55;
}

#wmb-lab-juegos .wmb-method__body p:last-child {
	margin-bottom: 0;
}

#wmb-lab-juegos .wmb-disclaimer {
	margin: 1.2rem 0 0;
	padding-top: 0.9rem;
	border-top: 1px solid var(--wmb-border);
	color: var(--wmb-fg-soft);
	font-size: var(--wmb-fs-tiny);
	line-height: 1.5;
}

/* ---------- Accesibilidad ---------- */

#wmb-lab-juegos .wmb-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

#wmb-lab-juegos .wmb-input:focus-visible,
#wmb-lab-juegos .wmb-range:focus-visible,
#wmb-lab-juegos .wmb-btn:focus-visible,
#wmb-lab-juegos .wmb-tab:focus-visible,
#wmb-lab-juegos .wmb-panel:focus-visible,
#wmb-lab-juegos .wmb-tablewrap:focus-visible,
#wmb-lab-juegos .wmb-method__summary:focus-visible,
#wmb-lab-juegos .wmb-radio input:focus-visible {
	outline: 3px solid var(--wmb-purple);
	outline-offset: 2px;
}

#wmb-lab-juegos .wmb-input:focus,
#wmb-lab-juegos .wmb-btn:focus,
#wmb-lab-juegos .wmb-tab:focus {
	outline: 3px solid var(--wmb-purple);
	outline-offset: 2px;
}

#wmb-lab-juegos .wmb-input:focus:not(:focus-visible),
#wmb-lab-juegos .wmb-btn:focus:not(:focus-visible),
#wmb-lab-juegos .wmb-tab:focus:not(:focus-visible) {
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	#wmb-lab-juegos .wmb-bar__fill,
	#wmb-lab-juegos .wmb-btn,
	#wmb-lab-juegos .wmb-tab {
		transition: none;
	}
}