/* InfoWindow de Google Maps para páginas que no cargan personalizado.css (p. ej. la ficha de ruta).
   Mismas clases que en destinos/eventos/rutas (.custom-iw, .iw-*); el modo oscuro de .iw-content y
   del contenedor de Google vive en dark-mode.css. */
.gm-style-iw-d { padding: 0 !important; overflow: visible !important; height: auto !important; max-height: none !important; }
.gm-style .gm-style-iw-c { padding: 0 !important; margin: 0 !important; border-radius: 12px !important; overflow: visible !important; height: auto !important; max-height: none !important; box-shadow: none !important; }
.gm-style-iw { padding: 0 !important; background: transparent !important; }
.iw-img-container { position: relative; width: 300px; height: 194px; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.iw-img { width: 300px; height: 194px; object-fit: cover; border-radius: 10px 10px 0 0; }
.iw-content { width: 300px; margin-top: -24px; padding: 5px 10px 10px; background-color: #fff; border-radius: 0 0 12px 12px; box-sizing: border-box; }
.iw-content.sin-img { margin-top: 0; border-radius: 12px; padding-top: 14px; }
.iw-content h3 { margin: 0 0 4px; }
.iw-content p { margin: 0; color: #666; font-size: 12.5px; }
.custom-iw { position: relative; }
.gm-ui-hover-effect { top: 10px !important; right: 10px !important; position: absolute !important; z-index: 1000 !important; }
@media (max-width: 400px) {
	.iw-img-container, .iw-img, .iw-content { width: 260px; }
}