/* ---- Página: Observatorio (usa ca-theme.css compartida) ---- */
  .obs-main .obs-head{max-width:60ch;margin-bottom:2rem}
  .obs-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:clamp(20px,3vw,40px);align-items:stretch}
  .mapwrap{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);padding:.6rem;position:relative}
  #ca-map{height:clamp(360px,54vh,600px);width:100%;border-radius:12px;overflow:hidden;z-index:0}
  #ca-map .leaflet-control-attribution{font-size:.62rem}
  .ca-marker{background:none;border:0}
  .ca-dot{display:block;width:16px;height:16px;border-radius:50%;background:var(--alerta);border:2.5px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.45)}
  .ca-dot.pulse-dot{animation:mapping 2.4s ease infinite}
  @keyframes mapping{0%,100%{opacity:.85}50%{opacity:.35}}
  .mapwrap .leg{position:absolute;left:1.1rem;bottom:1rem;z-index:500;font-size:.72rem;color:var(--azul-deep);font-weight:600;display:flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.92);backdrop-filter:blur(4px);padding:.35rem .7rem;border-radius:999px;box-shadow:0 1px 2px rgba(11,60,102,.08)}
  .mapwrap .leg .d{width:9px;height:9px;border-radius:50%;background:var(--alerta);border:1.5px solid #fff}
  .leaflet-popup-content-wrapper{border-radius:12px}
  .leaflet-popup-content{font-family:'Geist',sans-serif;margin:.7rem .9rem}
  .leaflet-popup-content b{font-family:'Space Grotesk',sans-serif;color:var(--azul-deep)}
  .obs-inds{display:flex;flex-direction:column;gap:1rem;justify-content:center}
  .ind{background:var(--azul-deep);border-radius:16px;padding:1.2rem 1.5rem;box-shadow:var(--sh)}
  .ind .n{font-family:'Space Grotesk';font-weight:700;font-size:2.3rem;color:#fff;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
  .ind .n span{color:#7ec6f2}
  .ind .l{font-size:.9rem;color:#bcd5ec;margin-top:.35rem}
  .cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,18px)}
  .ccard{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem 1.1rem;box-shadow:0 1px 2px rgba(11,60,102,.06);transition:transform .2s,box-shadow .2s}
  .ccard:hover{transform:translateY(-3px);box-shadow:var(--sh)}
  .ccard .pin{width:34px;height:34px;border-radius:10px;background:var(--niebla);display:grid;place-items:center;flex:none}
  .ccard .pin .ico{width:18px;height:18px;stroke:var(--azul)}
  .ccard .nm{font-family:'Space Grotesk';font-weight:700;font-size:.95rem;color:var(--azul-deep)}
  .ccard .z{font-size:.76rem;color:var(--acero)}
  .meto{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,40px);align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(1.4rem,2.5vw,2.2rem);box-shadow:var(--sh)}
  .meto .ic{width:60px;height:60px;border-radius:16px;background:var(--niebla);display:grid;place-items:center;flex:none}
  .meto .ic .ico{width:30px;height:30px;stroke:var(--azul)}
  .meto h3{font-size:1.3rem;color:var(--azul-deep);margin-bottom:.4rem}
  .meto p{color:var(--acero);max-width:82ch}.meto p+p{margin-top:.55rem}
  .meto em{font-style:italic}
  @media(max-width:1000px){.obs-grid,.meto{grid-template-columns:1fr}.cgrid{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.cgrid{grid-template-columns:1fr}}

  /* ---- MODO EMBED (?embed=1): solo el mapa, sin cromo ---- */
  html.embed,html.embed body{height:100%;margin:0;background:transparent;overflow:hidden}
  html.embed .topbar,html.embed header.site,html.embed .page-hero,html.embed .obs-main .obs-head,
  html.embed .obs-inds,html.embed .comunidades,html.embed .metodologia,html.embed .sumate,html.embed footer.site{display:none!important}
  html.embed .obs-main{padding:0!important;background:transparent}
  html.embed .obs-main .wrap{max-width:none;padding:0}
  html.embed .obs-grid{grid-template-columns:1fr;gap:0}
  html.embed .mapwrap{border:0;border-radius:0;box-shadow:none;padding:0;height:100vh}
  html.embed #ca-map{height:100vh;border-radius:0}
  html.embed .reveal{opacity:1!important;transform:none!important}

  /* ===== MENÚ MÓVIL (faltaba: el nav se ocultaba <1000px sin reemplazo) ===== */
  .nav-toggle{display:none;background:none;border:0;color:var(--ink);cursor:pointer;padding:.4rem;line-height:0}
  .nav-toggle .ico{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  @media (max-width:1000px){.nav-toggle{display:inline-flex;align-items:center}}
  .m-nav{position:fixed;inset:0;z-index:200;display:none}
  .m-nav.is-open{display:block}
  .m-nav__backdrop{position:absolute;inset:0;background:rgba(11,30,52,.5)}
  .m-nav__panel{position:absolute;top:0;right:0;height:100%;width:min(340px,86vw);background:#fff;padding:1.3rem 1.25rem;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-8px 0 40px -12px rgba(11,30,52,.35)}
  .m-nav__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem}
  .m-nav__brand{font-family:'Space Grotesk';font-weight:700;color:var(--ink);font-size:1.05rem}
  .m-nav__close{background:none;border:0;cursor:pointer;color:var(--ink);padding:.3rem;line-height:0}
  .m-nav__close .ico{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
  .m-nav__links a{display:block;padding:.75rem .2rem;border-bottom:1px solid var(--niebla);color:var(--ink);font-size:1rem;text-decoration:none}
  .m-nav__links a:hover,.m-nav__links a.active{color:var(--azul);font-weight:600}
  .m-nav__cta{margin-top:1.2rem;display:inline-flex;justify-content:center;background:var(--azul);color:#fff;padding:.8rem 1.1rem;border-radius:6px;font-weight:600;text-decoration:none}
  body.m-open{overflow:hidden}
html{scroll-padding-top:100px}