/* LUUPIGO animal-detail-map-layer-cleaner-1j1-20260712-01 */

.luupigo-layer-cleaner-notice {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(124, 58, 237, .22);
  border-radius: 12px;
  background: rgba(245, 243, 255, .92);
  color: #312e81;
}

.luupigo-layer-cleaner-notice strong {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 900;
}

.luupigo-layer-cleaner-notice span {
  display: block;
  font-size: 12px;
  line-height: 1.35;
}

/* Con avistamientos reales: las pistas predictivas se vuelven discretas. */
body.luupigo-ficha-map-many-sightings #mapa-triangulacion-ficha .luupigo-prediction-marker,
body.luupigo-ficha-map-many-sightings .mapa-triangulacion-ficha .luupigo-prediction-marker {
  opacity: .18 !important;
  transform: scale(.72);
  pointer-events: none;
}

body.luupigo-ficha-map-many-sightings #mapa-triangulacion-ficha .luupigo-prediction-marker span,
body.luupigo-ficha-map-many-sightings .mapa-triangulacion-ficha .luupigo-prediction-marker span {
  box-shadow: none !important;
}

/* Atenuar círculos/overlays secundarios dentro de la ficha sin tocar el mapa general. */
body.luupigo-ficha-map-many-sightings #mapa-triangulacion-ficha .leaflet-interactive[stroke="#38bdf8"],
body.luupigo-ficha-map-many-sightings #mapa-triangulacion-ficha .leaflet-interactive[stroke="#0ea5e9"],
body.luupigo-ficha-map-many-sightings #mapa-triangulacion-ficha .leaflet-interactive[stroke="#f59e0b"] {
  opacity: .28 !important;
}

/* Si hay muchos avistamientos, la línea naranja debe acompañar, no dominar. */
body.luupigo-ficha-map-many-sightings #mapa-triangulacion-ficha path[stroke="#f97316"],
body.luupigo-ficha-map-many-sightings #mapa-triangulacion-ficha path[stroke="#fb923c"],
body.luupigo-ficha-map-many-sightings #mapa-triangulacion-ficha path[stroke="orange"] {
  opacity: .34 !important;
  stroke-width: 2 !important;
}

/* Sin avistamientos: dejamos las pistas visibles, pero bajamos el efecto decorativo. */
body.luupigo-ficha-map-zero-sightings #mapa-triangulacion-ficha .luupigo-prediction-marker {
  opacity: .82;
}

/* Leyenda más clara y menos pesada en móvil. */
body.luupigo-ficha-map-many-sightings .ficha-map-legend__item:nth-child(n+3) {
  opacity: .58;
}

@media (max-width: 640px) {
  .luupigo-layer-cleaner-notice {
    margin-bottom: 10px;
    padding: 9px 10px;
  }

  body.luupigo-ficha-map-many-sightings #mapa-triangulacion-ficha .luupigo-prediction-marker {
    opacity: .12 !important;
    transform: scale(.62);
  }
}