/**
 * Frikimart — estilos propios del mapa (encima de leaflet.css), F3.
 *
 * Se encola junto con Leaflet solo en las páginas que usan el mapa (ficha
 * de negocio, Explorar, archivos de ciudad/categoría/franquicia). Usa los
 * tokens de main.css del theme cuando están disponibles (con un valor de
 * respaldo por si este archivo se llegara a cargar en un contexto sin esas
 * variables definidas).
 */

.fm-mapa-contenedor {
	width: 100%;
	height: 320px;
	border: 2px solid var( --fm-color-texto, #1C1426 );
	border-radius: var( --fm-radio-borde, 1rem );
	overflow: hidden;
}

/* Ficha de evento (bloque "Lugar"): colapsado hasta dar clic en el botón
 * .fm-evento-ficha-lugar-toggle — ver fm-mapa.js, initToggleLugarMapa(). */
.fm-mapa-contenedor.is-colapsado {
	display: none;
}

.fm-mapa-pin span {
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50% 50% 50% 0;
	transform: rotate( -45deg );
	border: 2px solid var( --fm-color-texto, #1C1426 );
	box-shadow: 2px 2px 0 rgba( 28, 20, 38, 0.3 );
}

.fm-mapa-popup {
	font-family: var( --fm-fuente-texto, sans-serif );
	font-size: 0.85rem;
	line-height: 1.4;
}

.fm-mapa-popup a {
	color: var( --fm-color-acento, #D6187A );
	font-weight: 700;
}

/* Icono "Perfil oficial" junto al nombre en la ventanita del mapa. */
.fm-mapa-oficial svg {
	width: 1em;
	height: 1em;
	fill: var( --fm-color-acento, #D6187A );
	vertical-align: -0.125em;
}