@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/nunito-latin.woff2) format('woff2')}
/* Todos los estilos están acotados a .mci para evitar conflictos (WordPress) */
.mci{--b:#1a56db;--bd:#0f3d99;--g:#5b6675;--l:#e3e8ef;--o:#e8710a;
  font:15px/1.4 "Nunito",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2937;background:#f3f5f9;
  display:flex;flex-direction:column;gap:12px;padding:12px;height:var(--mci-h,100dvh);box-sizing:border-box}
.mci *,.mci *::before,.mci *::after{box-sizing:border-box}
.mci button,.mci input{font:inherit}
.mci button{cursor:pointer}
.mci button:focus-visible,.mci input:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}

.mci .mci-head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;
  background:linear-gradient(135deg,var(--b),var(--bd));color:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 2px 10px rgba(15,61,153,.25)}
.mci h1{margin:0;font-size:1.3rem}
.mci .mci-head p{margin:2px 0 0;font-size:.9rem;opacity:.92}
.mci .mci-stats{display:flex;gap:8px;flex-wrap:wrap}
.mci .mci-stats span{background:rgba(255,255,255,.18);padding:6px 12px;border-radius:99px}

.mci .mci-tabs{display:none;gap:8px}
.mci .mci-tabs button{flex:1;min-height:48px;border:2px solid var(--b);background:#fff;color:var(--b);border-radius:12px;font-weight:600}
.mci .mci-tabs button[aria-pressed=true]{background:var(--b);color:#fff}

.mci .mci-main{flex:1;display:grid;grid-template-columns:clamp(320px,30vw,420px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;min-height:450px}
.mci .mci-panel{background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.08);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.mci .mci-search{display:flex;gap:8px;padding:12px}
.mci .mci-search input{flex:1;min-width:0;padding:10px 12px;border:1px solid #c5ccd8;border-radius:10px}
.mci .mci-search button,.mci .mci-tools button,.mci .mci-lhead button{padding:9px 12px;border:1px solid #c5ccd8;background:#fff;color:var(--bd);border-radius:10px;font-weight:600}
.mci .mci-search button:hover,.mci .mci-tools button:hover,.mci .mci-lhead button:hover{background:#eef3ff}
.mci .mci-note{margin:0 12px 8px;padding:8px 10px;background:#fff7e6;border:1px solid #f5d28a;border-radius:10px;font-size:.85rem}
.mci .mci-lhead{padding:0 12px 8px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.mci .mci-lhead strong{font-size:1rem}
.mci .mci-list{overflow-y:scroll;min-height:0;scrollbar-width:thin;flex:1;padding:0 12px 12px;display:grid;gap:8px;align-content:start}
.mci .mci-card{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--l);border-left:5px solid var(--b);border-radius:12px;padding:10px 12px;color:inherit}
.mci .mci-card:hover{background:#f5f8ff}
.mci .mci-card span{display:block;color:var(--g);font-size:.88rem}
.mci .mci-card strong{display:block;color:#111827}
.mci .mci-card.on{background:#fff4e5;border-color:var(--o);border-left-width:8px}
.mci .mci-card .cnt{float:right;background:#eef3ff;color:var(--bd);border-radius:99px;padding:1px 10px;font-weight:700;font-size:.85rem}
.mci .mci-card .tag{display:inline-block;margin:4px 4px 0 0;padding:2px 8px;border-radius:6px;background:#fff3cd;color:#664d03;font-size:.78rem;border:1px solid #f0d98a}
.mci .mci-empty{padding:24px 8px;text-align:center;color:var(--g)}

.mci .mci-mapwrap{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.12);min-height:0;background:#dde4ee}
.mci #map{position:absolute;inset:0}
.mci .mci-loading{position:absolute;inset:0;z-index:600;display:grid;place-items:center;background:rgba(255,255,255,.88);font-weight:600;color:var(--bd)}
.mci .mci-loading.hide{display:none}
.mci .mci-tools{position:absolute;top:12px;right:12px;z-index:500;display:flex;flex-direction:column;gap:8px}
.mci .mci-tools button{box-shadow:0 1px 6px rgba(0,0,0,.25)}
.mci .mci-legend{position:absolute;left:12px;bottom:28px;z-index:500;background:#fff;border-radius:10px;padding:8px 12px;font-size:.8rem;box-shadow:0 1px 6px rgba(0,0,0,.25);max-width:240px}
.mci .mci-legend div{display:flex;align-items:center;gap:8px;margin:2px 0}
.mci .sw{display:inline-block;width:14px;height:14px;border-radius:50%;flex:none}
.mci .sw.loc{background:var(--b);border:2px solid #fff;box-shadow:0 0 0 1px var(--b)}
.mci .sw.pend{background:#fff;border:2px dashed #6b7280}
.mci .sw.sel{background:var(--o);border:2px solid #7c2d12;box-shadow:0 0 0 3px rgba(232,113,10,.35)}
.mci .mci-toast{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:700;background:#1f2937;color:#fff;padding:10px 14px;border-radius:10px;font-size:.9rem;max-width:80%;display:none}
.mci .mci-toast.show{display:block}
.mci .mci-pin span{display:block;width:100%;height:100%;border-radius:50%;background:var(--b);border:3px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.5)}
.mci .mci-pin.sel span{background:var(--o);border:4px solid #7c2d12;box-shadow:0 0 0 5px rgba(232,113,10,.35)}
.mci .mci-pop b{display:block;font-size:1rem}
.mci .mci-pop small{display:block;color:#b45309;margin-top:4px}

@media (max-width:900px){
  .mci{height:auto;min-height:100dvh}
  .mci .mci-tabs{display:flex}
  .mci .mci-main{display:block;min-height:0}
  .mci .show-list .mci-mapwrap,.mci .show-map .mci-panel{display:none}
  .mci .mci-mapwrap{min-height:420px;height:calc(100dvh - 210px)}
  .mci .mci-panel{max-height:calc(100dvh - 210px);min-height:420px}
  .mci .mci-card{padding:14px}
  .mci .mci-search button,.mci .mci-tools button,.mci .mci-lhead button{min-height:44px}
}
@media (max-width:360px){.mci{padding:6px}.mci .mci-legend{max-width:170px;font-size:.72rem}}
.mci .leaflet-container{font-family:inherit}
.mci .mci-pin.dim span{opacity:.45}

.mci-wp .mci-head h1{color:#fff;margin:0}