/* LÃBERIT · widget «Mapa de oficinas» (swl_cpt_laberit, mapa.php). Valores del diseño publicado; los controles del
   widget (pestaña Estilo) los pisan. Antes: OSM Map Widget + laberit.css + CSS personalizado del widget (hasta el 09/11/2026). */

/* z-index 0: contexto propio, para que las capas de Leaflet (z-index 400-1000) no pasen por encima de la cabecera fija */
.fe-mapa__lienzo { position: relative; z-index: 0; height: 650px; }
.fe-mapa-oficinas .leaflet-container { background: #fff; font: inherit; }
.fe-mapa-oficinas .fe-mapa-tierra { fill: #E6E9EA; fill-opacity: 1; stroke: none; }
.fe-mapa-oficinas .leaflet-marker-icon { object-fit: contain; }
@media (max-width: 1024px) { .fe-mapa__lienzo { height: 480px; } }
@media (max-width: 767px) { .fe-mapa__lienzo { height: 380px; } }

/* Caja de la oficina (diseño del equipo): navy, a la derecha del punto y con el pico a la izquierda señalándolo */
.fe-mapa-oficinas .leaflet-popup { translate: calc(50% + 28px) 80%; }
.fe-mapa-oficinas .leaflet-popup-content-wrapper,
.fe-mapa-oficinas .leaflet-popup-tip {
	background: var(--e-global-color-navy);
	color: #fff;
	box-shadow: 0 16px 40px rgba(0, 19, 40, .25);
}
.fe-mapa-oficinas .leaflet-popup-content-wrapper { border-radius: 16px; }
.fe-mapa-oficinas .leaflet-popup-content { margin: 16px 20px; min-width: 180px; }
.fe-mapa-oficinas .leaflet-popup-tip-container {
	left: auto; right: 99%; top: 40%; width: 12px; height: 24px; margin: -20px 0 0; transform: rotate(10deg);
}
.fe-mapa-oficinas .leaflet-popup-tip { margin: 3.5px 0 0 3.5px; border-radius: 2px; }
.fe-mapa-oficinas a.leaflet-popup-close-button { color: #fff; }
/* Mapa estrecho (< 600px, móvil): junto al punto la caja no cabía y se cortaba. La de la oficina pulsada sale debajo del
   mapa (swl-mapa.js la copia ahí); mismos controles que la caja. */
.fe-mapa-oficinas.fe-mapa--estrecho .leaflet-popup-pane { display: none; }
.fe-mapa__panel {
	margin-top: 12px; padding: 16px 20px; border-radius: 16px; background: var(--e-global-color-navy); color: #fff;
}
.fe-mapa__panel[hidden] { display: none; }

.fe-mapa__caja p { margin: 0; } /* una clase: los márgenes de cada línea, abajo, ganan */
.fe-mapa-oficinas .fe-mapa__ciudad { font-size: 21px; font-weight: 700; line-height: 1.33; color: #A5BACA; }
.fe-mapa-oficinas .fe-mapa__pais { margin-top: 4px; font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.fe-mapa-oficinas .fe-mapa__dir { margin: 16px 0 12px; font-size: 14px; font-weight: 600; line-height: 1.14; }
.fe-mapa-oficinas .fe-mapa__boton {
	display: inline-block; padding: 4px 8px; border-radius: 100px; background: #fff; color: #C01718;
	font-size: 14px; font-weight: 600; line-height: 1.14; text-decoration: none; transition: background-color .15s, color .15s;
}
.fe-mapa-oficinas .fe-mapa__boton:hover { background: var(--e-global-color-primary); color: #fff; }