/* SIGAM 22.2 — portal público, mapa vivo y micrositios */
:root{
  --sigam-ink:#182129;
  --sigam-ink-2:#26323a;
  --sigam-muted:#68757d;
  --sigam-line:#dce3e6;
  --sigam-soft:#f4f6f5;
  --sigam-ivory:#fffdf5;
  --sigam-yellow:#f2c500;
  --sigam-yellow-soft:#ffe46b;
  --sigam-success:#19845e;
  --sigam-danger:#b42318;
  --sigam-shadow:0 24px 70px rgba(20,29,35,.12);
  --sigam-shadow-soft:0 12px 36px rgba(20,29,35,.08);
}

/* alertas públicas */
.alert-command-strip{margin-top:20px;margin-bottom:0;gap:10px}
.alert-command-strip .public-alert{grid-template-columns:minmax(280px,.85fr) minmax(260px,1.35fr) auto;padding:17px 19px;border-radius:18px;box-shadow:var(--sigam-shadow-soft);background:#fff;border:1px solid var(--sigam-line);border-left:5px solid #7c8790}
.alert-command-strip .public-alert.alert-warning{border-left-color:#d39b13;background:#fffaf0}
.alert-command-strip .public-alert.alert-critical,.alert-command-strip .public-alert.alert-danger{border-left-color:var(--sigam-danger);background:#fff5f4}
.alert-command-strip .public-alert.alert-info{border-left-color:#2f78b7;background:#f5faff}
.alert-command-strip .alert-identity{display:flex;align-items:center;gap:12px}
.alert-command-strip .alert-identity>span{width:38px;height:38px;border-radius:12px;background:var(--sigam-ink);color:var(--sigam-yellow);display:grid;place-items:center;font-size:1rem;font-weight:900;flex:0 0 auto}
.alert-command-strip .alert-identity small{display:block;font-size:.56rem;letter-spacing:.12em;color:#707c83;margin-bottom:3px}
.alert-command-strip .alert-identity b{font-size:.82rem;line-height:1.3}
.alert-command-strip p{font-size:.73rem;line-height:1.55;color:#556168}
.alert-command-strip .alert-meta{display:grid;justify-items:end;gap:5px;min-width:92px}
.alert-command-strip .alert-meta time{font-size:.59rem;color:#7a858b}
.alert-command-strip .alert-meta a{font-size:.65rem;font-weight:800;color:#665500}

/* bloque cartográfico principal */
.live-section{background:linear-gradient(180deg,#f4f6f5 0,#fff 100%)}
.live-heading{align-items:flex-end;margin-bottom:26px}
.heading-actions{display:flex;gap:9px;flex-wrap:wrap}
.live-command-shell{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.54fr);background:#fff;border:1px solid var(--sigam-line);border-radius:32px;overflow:hidden;box-shadow:var(--sigam-shadow);min-height:720px}
.map-command-column{min-width:0;border-right:1px solid var(--sigam-line);display:grid;grid-template-rows:auto minmax(540px,1fr) auto}
.map-command-toolbar{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.35fr) auto;align-items:center;gap:14px;padding:15px 18px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--sigam-line);z-index:5}
.map-command-toolbar .map-search{max-width:none;width:100%;height:48px;border-radius:14px;background:#f7f8f7;border:1px solid #d5dde0}
.map-command-toolbar .map-search input{font-size:.75rem}
.map-command-toolbar .map-filters{display:flex;gap:6px;flex-wrap:nowrap;overflow:auto;padding:2px;scrollbar-width:none}
.map-command-toolbar .map-filters::-webkit-scrollbar{display:none}
.map-command-toolbar .map-filters button{flex:none;border:1px solid transparent;background:#eef1f2;color:#56626a;border-radius:999px;padding:10px 14px;font-size:.65rem;font-weight:800;white-space:nowrap}
.map-command-toolbar .map-filters button:hover{border-color:#cfd7db}
.map-command-toolbar .map-filters button.active{background:var(--sigam-ink);color:#fff;box-shadow:0 7px 17px rgba(24,33,41,.18)}
.map-toolbar-actions{display:flex;gap:7px}
.map-action-button{height:43px;border:1px solid #cfd7db;border-radius:12px;background:#fff;color:var(--sigam-ink);padding:0 13px;font-size:.63rem;font-weight:800;cursor:pointer}
.map-action-button.primary{background:var(--sigam-ink);color:#fff;border-color:var(--sigam-ink)}
.map-stage{position:relative;min-height:540px;background:#e9eeec}
.map-stage .public-map{height:100%;min-height:540px;border-radius:0}
.map-live-badge{position:absolute;left:18px;bottom:18px;z-index:500;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(24,33,41,.9);color:#fff;box-shadow:0 9px 25px rgba(0,0,0,.22);font-size:.58rem;backdrop-filter:blur(8px)}
.map-live-badge i{width:8px;height:8px;border-radius:50%;background:#39c28b;box-shadow:0 0 0 5px rgba(57,194,139,.15)}
.map-live-badge b{color:var(--sigam-yellow-soft);font-weight:800}
.command-legend{min-height:54px;padding:12px 18px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#fff}
.legend-dot.dynamic{background:linear-gradient(135deg,#f2c500 0 45%,#2b78b8 45% 70%,#a03b86 70%);box-shadow:0 0 0 4px rgba(32,39,45,.08)}

.command-featured{padding:28px 26px;background:linear-gradient(180deg,#fff 0,#f7f8f7 100%);min-width:0;display:flex;flex-direction:column;overflow:auto}
.command-featured .featured-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.command-featured .featured-status small{font-size:.57rem;letter-spacing:.08em;text-transform:uppercase;color:#717c83}
.command-featured h3{font-size:clamp(1.65rem,2.4vw,2.45rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 7px}
.command-featured .featured-origin{margin:0 0 18px;color:#6a767d;font-size:.76rem}
.command-featured .featured-cover{height:215px;border-radius:22px;overflow:hidden;position:relative;margin-bottom:15px;background:#dbe0e2;box-shadow:var(--sigam-shadow-soft)}
.command-featured .featured-cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(11,17,20,.78))}
.command-featured .featured-cover img{width:100%;height:100%;object-fit:cover}
.command-featured .featured-cover>span{position:absolute;z-index:2;left:16px;bottom:14px;color:#fff;font-size:.69rem;font-weight:800}
.command-featured .featured-progress{height:8px;border-radius:999px;background:#dfe4e6;overflow:hidden;margin-bottom:18px}
.command-featured .featured-progress i{display:block;height:100%;background:var(--group-color,var(--sigam-yellow));border-radius:inherit}
.command-featured .featured-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.command-featured .featured-metrics>div{padding:12px;border:1px solid #e0e5e7;border-radius:15px;background:#fff}
.command-featured .featured-metrics span{display:block;font-size:.55rem;color:#78838a;text-transform:uppercase;letter-spacing:.04em}
.command-featured .featured-metrics b{display:block;margin-top:4px;font-size:.84rem}
.command-featured .featured-weather{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border-radius:16px;background:var(--sigam-ink);color:#fff;padding:14px;margin:3px 0 16px}
.command-featured .featured-weather strong{font-size:1.9rem;color:var(--sigam-yellow)}
.command-featured .featured-weather b,.command-featured .featured-weather span{display:block}
.command-featured .featured-weather b{font-size:.7rem}.command-featured .featured-weather span{font-size:.56rem;color:#c9d1d5;margin-top:3px}
.command-featured .public-button{margin-top:auto;width:100%;justify-content:center}
.featured-no-position{border:1px dashed #cbd4d8;border-radius:16px;padding:13px;color:#68747b;font-size:.68rem;margin-bottom:14px;background:#fff}

/* marcadores identificables */
.sigam-group-marker{background:transparent;border:0}
.sigam-group-marker span{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--group-color,#f2c500);border:4px solid #fff;box-shadow:0 8px 22px rgba(12,20,25,.35);color:#10181d;font-size:.6rem;font-weight:900}
.sigam-group-marker span:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid var(--group-color,#f2c500)}
.sigam-group-marker.online span:before{content:"";position:absolute;inset:-7px;border:2px solid var(--group-color,#f2c500);border-radius:50%;opacity:.32;animation:sigamPulse 1.8s ease-out infinite}
@keyframes sigamPulse{0%{transform:scale(.75);opacity:.45}100%{transform:scale(1.35);opacity:0}}

/* carrusel de tres grupos */
.command-strip{margin-top:22px;border:1px solid var(--sigam-line);border-radius:26px;background:#fff;padding:22px;box-shadow:var(--sigam-shadow-soft)}
.command-strip .strip-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}
.command-strip .strip-heading h3{font-size:1.45rem;margin:2px 0 3px}.command-strip .strip-heading p:not(.eyebrow){font-size:.68rem;color:#6c777e;margin:0}
.command-strip .strip-controls{display:flex;gap:7px}.command-strip .strip-controls button{width:42px;height:42px;border:1px solid #d4dbde;border-radius:12px;background:#fff;font-size:1rem;cursor:pointer}.command-strip .strip-controls button:hover{background:var(--sigam-ink);color:#fff}
.active-groups-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.active-mini-card{display:grid;grid-template-columns:92px 1fr;gap:13px;padding:12px;border:1px solid #dfe5e7;border-radius:18px;background:#fff;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-width:0}
.active-mini-card:hover,.active-mini-card.selected{transform:translateY(-2px);box-shadow:var(--sigam-shadow-soft);border-color:var(--group-color,var(--sigam-yellow))}
.active-mini-card img{width:92px;height:100%;min-height:108px;object-fit:cover;border-radius:13px}
.active-mini-card>div{min-width:0}.active-mini-card p{font-size:.54rem;color:#748087;margin:2px 0 5px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-mini-card h4{font-size:.8rem;line-height:1.25;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-progress{height:6px;border-radius:999px;background:#e4e8ea;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--group-color,var(--sigam-yellow))}.mini-card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:.57rem;color:#667178}.mini-card-meta span:first-child{font-weight:900;color:var(--sigam-ink)}

/* herramientas públicas */
.tools-modern{background:var(--sigam-ivory)}
.service-grid-modern{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-card-modern{position:relative;min-height:300px;padding:24px;border:1px solid var(--sigam-line);border-radius:24px;background:#fff;text-decoration:none;box-shadow:0 10px 30px rgba(23,31,36,.055);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.service-card-modern:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-85px;top:-85px;background:rgba(242,197,0,.1);transition:transform .25s ease}
.service-card-modern:hover{transform:translateY(-5px);box-shadow:var(--sigam-shadow);border-color:#d3b42a}
.service-card-modern:hover:before{transform:scale(1.25)}
.service-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--sigam-ink);color:var(--sigam-yellow);font-size:1.25rem;font-weight:900;margin-bottom:20px;box-shadow:0 10px 24px rgba(24,33,41,.17)}
.service-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.service-card-head small{font-size:.56rem;letter-spacing:.11em;color:#756400;font-weight:900}.service-state{font-size:.52rem;padding:5px 8px;border-radius:999px;background:#eaf4ef;color:#1d7254;font-weight:800}
.service-card-modern h3{font-size:1.35rem;line-height:1.12;margin:0 0 11px;letter-spacing:-.035em}.service-card-modern p{font-size:.72rem;line-height:1.65;color:#667279;margin:0 0 24px;min-height:0}.service-card-modern>b{margin-top:auto;font-size:.68rem;color:#6d5a00}.service-card-modern>b i{font-style:normal;margin-left:5px;transition:transform .18s ease;display:inline-block}.service-card-modern:hover>b i{transform:translateX(4px)}

/* app: texto únicamente */
.app-showcase-text{background:var(--sigam-ink);color:#fff;padding:95px 0}
.app-text-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);gap:62px;align-items:start}
.app-text-intro h2{font-size:clamp(2.8rem,5.2vw,5.2rem);line-height:.94;letter-spacing:-.065em;margin:12px 0 22px}.app-text-intro>p:not(.eyebrow){font-size:1.02rem;color:#c9d2d6;line-height:1.72;max-width:720px}.app-showcase-text .public-button.light{background:#fff;color:var(--sigam-ink)}
.app-text-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-text-capabilities article{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.055)}.app-text-capabilities article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--sigam-yellow);color:var(--sigam-ink);font-size:.62rem;font-weight:900}.app-text-capabilities b{display:block;font-size:.85rem;margin-bottom:6px}.app-text-capabilities p{font-size:.65rem;color:#bcc6ca;line-height:1.55;margin:0}

/* micrositios */
.group-main{background:linear-gradient(180deg,#f3f5f4 0,#fff 28%)}
.group-layout{gap:24px}.group-layout .content-card,.group-sidebar .sidebar-card{border-radius:24px;border-color:var(--sigam-line);box-shadow:var(--sigam-shadow-soft)}
.group-map-card{overflow:hidden}.group-map-card .card-title{padding:24px 26px;background:#fff;border-bottom:1px solid var(--sigam-line)}
.group-map-card .map.large{min-height:560px}
.group-about .rich-story{font-size:.86rem;line-height:1.9;color:#4f5b62}
.group-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.group-facts>div{border:1px solid #e1e6e8;background:#f9faf9;border-radius:14px;padding:14px}
.weather-live{background:linear-gradient(150deg,#20272d,#313b42);color:#fff;border:0!important}.weather-live .eyebrow{color:var(--sigam-yellow-soft)}.weather-live h3{color:#fff}.weather-live .weather-main div span,.weather-live dt{color:#bfc9cd}.weather-live dd{color:#fff}
.group-timeline-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.group-timeline-summary div{padding:13px;border-radius:14px;background:#f5f7f6;border:1px solid #e1e6e8}.group-timeline-summary span{display:block;font-size:.54rem;color:#768188;text-transform:uppercase}.group-timeline-summary b{display:block;font-size:.78rem;margin-top:4px}

/* pantalla completa del bloque vivo */
#live-command-shell:fullscreen{width:100vw;height:100vh;border-radius:0;grid-template-columns:minmax(0,1.7fr) minmax(360px,.5fr);background:#fff}
#live-command-shell:fullscreen .map-command-column{grid-template-rows:auto minmax(0,1fr) auto}
#live-command-shell:fullscreen .map-stage,#live-command-shell:fullscreen .public-map{height:100%;min-height:0}

@media(max-width:1200px){
  .map-command-toolbar{grid-template-columns:1fr auto}.map-command-toolbar .map-filters{grid-column:1/-1;grid-row:2}.live-command-shell{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)}
  .service-grid-modern{grid-template-columns:repeat(2,1fr)}.app-text-shell{grid-template-columns:1fr;gap:40px}.app-text-capabilities{max-width:900px}
}
@media(max-width:900px){
  .alert-command-strip .public-alert{grid-template-columns:1fr}.alert-command-strip .alert-meta{justify-items:start;grid-auto-flow:column;justify-content:start}
  .live-command-shell{grid-template-columns:1fr;min-height:0}.map-command-column{border-right:0;border-bottom:1px solid var(--sigam-line)}.command-featured{min-height:500px}.active-groups-track{grid-template-columns:1fr}.active-mini-card{grid-template-columns:120px 1fr}.active-mini-card img{width:120px}.service-grid-modern{grid-template-columns:1fr 1fr}.app-text-capabilities{grid-template-columns:1fr}
}
@media(max-width:650px){
  .live-heading,.command-strip .strip-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions .public-button{flex:1}
  .map-command-toolbar{display:flex;flex-direction:column;align-items:stretch}.map-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.map-command-toolbar .map-filters{order:2}.map-toolbar-actions{order:3}.map-stage,.map-stage .public-map{min-height:430px}.command-featured{padding:21px}.command-featured .featured-cover{height:200px}.active-mini-card{grid-template-columns:92px 1fr}.active-mini-card img{width:92px}.service-grid-modern{grid-template-columns:1fr}.service-card-modern{min-height:270px}.app-showcase-text{padding:68px 0}.app-text-intro h2{font-size:2.75rem}.group-timeline-summary{grid-template-columns:1fr 1fr}
}
.mini-card-actions{display:flex;gap:7px;margin-top:10px}.mini-card-actions button,.mini-card-actions a{border:0;border-radius:9px;padding:7px 9px;font-size:.55rem;font-weight:800;text-decoration:none;cursor:pointer}.mini-card-actions button{background:var(--group-color,var(--sigam-yellow));color:#182129}.mini-card-actions a{background:#edf0f1;color:#26323a}.command-featured .live-tag{display:inline-flex;align-items:center;gap:7px}.command-featured .live-tag i{width:8px;height:8px;border-radius:50%;display:block}
.weather-context-note{margin:14px 0 0;padding-top:12px;border-top:1px solid #e5e9eb;color:#6d787e;font-size:.68rem;line-height:1.5}

.official-alerts.board{display:grid;gap:16px}.official-alerts.board .official-alert{background:#fff;border:1px solid var(--sigam-line);border-left:6px solid #7c8790;border-radius:22px;padding:20px 22px;box-shadow:var(--sigam-shadow-soft)}.official-alerts.board .official-alert header,.official-alerts.board .official-alert footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.official-alerts.board .official-alert .badge{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:#eef2f4;color:#182129;font-size:.72rem;font-weight:800;letter-spacing:.08em}.official-alerts.board .official-alert.alert-warning{border-left-color:#D39B13;background:#fffaf0}.official-alerts.board .official-alert.alert-info{border-left-color:#2F78B7;background:#f5faff}.official-alerts.board .official-alert.alert-critical,.official-alerts.board .official-alert.alert-danger{border-left-color:#C93429;background:#fff6f5}.official-alerts.board .official-alert .alert-copy h2{margin:12px 0 8px;font-size:1.22rem}.official-alerts.board .official-alert .alert-copy p{margin:0;color:#556168;line-height:1.65}.gallery-filter-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.ad-card.placeholder,.empty-sponsor{display:flex;align-items:flex-start;justify-content:flex-start;min-height:120px;padding:18px;border:1px dashed var(--sigam-line);border-radius:18px;background:#fff}.ad-card.placeholder div,.empty-sponsor{gap:6px;flex-direction:column}.empty-sponsor b,.empty-sponsor span{display:block}.group-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}