/* Bifröst Network — Sección Cobertura + mapa Leaflet
   Importado por index.html vía <link> */

  /* ---------- Cobertura ---------- */
  .coverage{background:var(--ink);}
  .coverage-grid{margin-top:60px; display:grid; grid-template-columns:0.85fr 1.15fr; gap:0; border-radius:26px; overflow:hidden; border:1px solid var(--line);}
  @media (max-width:900px){.coverage-grid{grid-template-columns:1fr;}}
  .coverage-info{padding:48px 44px; background:var(--ink-2); display:flex; flex-direction:column; justify-content:center;}
  .coverage-info h3{font-size:28px; font-weight:800; letter-spacing:-0.02em; line-height:1.15;}
  .coverage-info p{margin-top:16px; color:var(--mist); font-size:15px; line-height:1.6;}
  .coverage-stats{margin-top:32px; display:grid; grid-template-columns:1fr 1fr; gap:22px;}
  .coverage-stats .stat b{font-family:'IBM Plex Mono',monospace; font-size:30px; font-weight:600; display:block;
    background:var(--grad-beam); -webkit-background-clip:text; background-clip:text; color:transparent;}
  .coverage-stats .stat span{font-size:12.5px; color:var(--mist-dim); letter-spacing:.02em;}
  #map{height:440px; width:100%; filter:grayscale(0.15) contrast(1.02);}
  @media (max-width:900px){#map{height:320px;}}
  .map-legend{display:flex; gap:22px; margin-top:28px; padding-top:24px; border-top:1px solid var(--line);}
  .legend-item{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--mist);}
  .legend-item .dot{width:10px; height:10px; border-radius:50%; flex-shrink:0;}
  .legend-item .dot.active{background:#0011FF; box-shadow:0 0 0 3px rgba(0,17,255,0.25);}
  .legend-item .dot.planned{background:transparent; border:1.5px dashed var(--mist-dim);}
  .leaflet-popup-content-wrapper{border-radius:12px;}
  .barrio-popup b{display:block; margin-bottom:3px; font-size:13.5px;}
  .barrio-popup span{font-size:11.5px; color:#6a6a72;}
  .barrio-popup .tag{display:inline-block; margin-top:6px; font-size:10.5px; font-weight:600; padding:3px 9px; border-radius:100px; letter-spacing:.03em;}
  .barrio-popup .tag.active{background:rgba(0,17,255,0.12); color:#0011FF;}
  .barrio-popup .tag.planned{background:rgba(0,0,0,0.06); color:#6a6a72;}