/*
 * Cobertura nacional — mapa real de México (ver ADR 004 y la atribución en
 * assets/img/mexico-estados.svg). Los 32 estados son <path> individuales;
 * los 8 con presencia de Blue Red llevan la clase --activo (agregada por
 * PHP en inc/shortcodes.php) y responden a hover/foco con un tooltip propio.
 */
.br-mapa-svg-wrap {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
}
.br-mapa-svg {
	width: 100%;
	height: auto;
	display: block;
}
.br-mapa-estado {
	fill: var(--br-mapa-base);
	stroke: var(--br-superficie);
	stroke-width: 0.6;
	transition: fill .2s ease;
}
.br-mapa-estado--activo {
	fill: var(--br-verde);
	cursor: pointer;
}
.br-mapa-estado--activo:hover,
.br-mapa-estado--activo:focus-visible {
	fill: var(--br-verde-hover);
	outline: none;
}
.br-mapa-tooltip {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, calc(-100% - 10px));
	background: var(--br-tinta);
	color: #fff;
	font-size: 12.5px;
	font-weight: 600;
	padding: 7px 13px;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	transition: opacity .15s ease;
	z-index: 2;
}
.br-mapa-tooltip.is-visible { opacity: 1; }