/* SIGAM 22.4 — pulido visual, micrositios, alertas y cortes de calles */
:root{--sigam-danger:#c93429;--sigam-warning:#c78612;--sigam-info:#2f78b7;--sigam-success:#25866a;--sigam-soft:#f3f5f4;--sigam-line:#dfe5e7;--sigam-shadow:0 18px 48px rgba(20,29,34,.08)}

/* Micrositio */
.group-microsite .group-main{padding-top:34px}
.group-microsite .group-summary{margin-top:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.group-microsite .group-summary>article{position:relative;min-height:154px;padding:24px!important;border:1px solid var(--sigam-line);border-radius:22px!important;background:linear-gradient(145deg,#fff,#fbfcfb);box-shadow:0 12px 34px rgba(20,29,34,.06);overflow:hidden}
.group-microsite .group-summary>article:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-24px;bottom:-26px;background:color-mix(in srgb,var(--group-primary) 13%,transparent)}
.group-microsite .group-summary span,.group-microsite .group-summary small{font-size:.66rem!important;line-height:1.45;color:#768188!important}
.group-microsite .group-summary span{text-transform:uppercase;letter-spacing:.07em;font-weight:700}
.group-microsite .group-summary strong{font-size:clamp(1.55rem,2.2vw,2.25rem)!important;line-height:1.08;margin:10px 0 8px!important;color:#172129}
.group-microsite .group-summary .progress{height:8px;margin-top:17px;border-radius:999px;background:#e9edee;overflow:hidden}
.group-microsite .group-summary .progress i{display:block;height:100%;border-radius:inherit;background:var(--group-primary)}
.group-badges{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px!important;margin-top:22px}
.group-badges>span{display:inline-flex!important;align-items:center;gap:8px;min-height:42px;padding:0 15px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;backdrop-filter:blur(12px);font-size:.72rem!important;font-weight:600}
.group-badges .live-tag{background:#eefaf5!important;color:#14734f!important;border-color:#d6eee3!important}
.identity-chip i{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.13);font-style:normal;font-size:.8rem;font-weight:800}
.movement-chip{border-color:color-mix(in srgb,var(--group-primary) 65%,#fff)!important;background:color-mix(in srgb,var(--group-primary) 23%,rgba(15,20,24,.5))!important}
.movement-chip i{background:var(--group-primary);color:#172129}
.group-alert-board{margin:24px 0;padding:24px;border:1px solid var(--sigam-line);border-radius:26px;background:#fff;box-shadow:var(--sigam-shadow)}
.group-alert-board-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}
.group-alert-board-head h2{font-size:1.55rem;margin:4px 0 0}
.group-alert-board-head>span{min-width:84px;padding:9px 12px;border-radius:999px;background:#f1f3f4;text-align:center;font-size:.66rem;font-weight:800}
.group-alert-board .alert-board-list{margin:0}
.group-alert-board .alert-notice{box-shadow:none}
.group-about .section-head{margin:0 0 26px!important}
.group-about .rich-story{padding:20px 0 5px!important;border-top:1px solid #edf0f1}
.group-facts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.group-facts div,.group-timeline-summary div{position:relative;min-height:118px;padding:19px!important;border:1px solid #e1e6e8;border-radius:18px!important;background:#fbfcfb!important}
.group-facts span,.group-timeline-summary span{font-size:.62rem!important;letter-spacing:.07em;color:#7b868c!important}
.group-facts b,.group-timeline-summary b{font-size:.88rem!important;line-height:1.45;margin-top:9px!important;color:#1d272e}
.group-timeline-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}

/* Alertas públicas */
.public-alert-center{margin-bottom:58px}
.public-count-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:999px;background:#eef2f3;color:#273139;font-size:.68rem;font-weight:800}
.public-count-chip.danger{background:#fff0ee;color:#a72820}
.official-alerts.board{display:grid;gap:14px}
.official-alerts.board .official-alert{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:17px!important;padding:20px!important;border:1px solid var(--sigam-line)!important;border-left:6px solid var(--sigam-info)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 38px rgba(20,29,34,.065)!important}
.official-alerts.board .official-alert.alert-warning{border-left-color:var(--sigam-warning)!important;background:#fffaf0!important}
.official-alerts.board .official-alert.alert-critical,.official-alerts.board .official-alert.alert-danger{border-left-color:var(--sigam-danger)!important;background:#fff6f5!important}
.official-alerts.board .official-alert.alert-celebration{border-left-color:var(--sigam-success)!important;background:#f5fbf8!important}
.official-alert-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#20272d;color:#f2c500;font-size:1.15rem;font-weight:900}
.official-alert-body header{display:flex!important;align-items:center;justify-content:space-between;gap:14px}
.official-alert-body .badge{min-height:31px!important;padding:0 12px!important;border-radius:999px!important;background:#edf1f2!important;font-size:.59rem!important;letter-spacing:.09em!important;font-weight:800!important}
.official-alert-body time{font-size:.62rem;color:#7c878d}
.official-alert-body .alert-copy h3{font-size:1.15rem;margin:14px 0 7px}
.official-alert-body .alert-copy p{margin:0;color:#58646a;line-height:1.7;font-size:.78rem}
.official-alert-body footer{margin-top:15px;display:flex;align-items:center;justify-content:flex-start!important}

/* Cortes de calles */
.road-closures-public{padding-top:46px;border-top:1px solid #e5e9ea}
.road-closures-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);border:1px solid var(--sigam-line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--sigam-shadow)}
#road-closure-map{min-height:610px}
.road-closure-list{max-height:610px;overflow:auto;padding:18px;background:#f8faf9;border-left:1px solid var(--sigam-line)}
.road-closure-list article{padding:18px;border:1px solid #e0e5e7;border-radius:18px;background:#fff;margin-bottom:12px;box-shadow:0 8px 22px rgba(20,29,34,.045)}
.closure-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.closure-card-head span{display:inline-flex;min-height:27px;align-items:center;padding:0 10px;border-radius:999px;background:#fff0ee;color:#a72820;font-size:.56rem;font-weight:800;letter-spacing:.08em}
.closure-card-head time{font-size:.56rem;color:#7d878d}
.road-closure-list h3{font-size:1rem;margin:12px 0 6px}
.road-closure-list p{font-size:.69rem;line-height:1.55;color:#5f6a70;margin:7px 0}
.closure-address{font-weight:700;color:#29343b!important}
.closure-detour{margin-top:11px;padding:12px;border-radius:12px;background:#fff8dc}
.closure-detour b,.closure-detour span{display:block}.closure-detour b{font-size:.62rem}.closure-detour span{font-size:.65rem;color:#645b35;margin-top:4px}
.road-closure-list button{margin-top:13px;border:0;border-radius:11px;background:#20272d;color:#fff;padding:10px 13px;font-size:.64rem;font-weight:800}
.sigam-road-closure-marker{background:transparent!important;border:0!important}
.sigam-road-closure-marker>span{position:relative;width:42px;height:42px;border-radius:13px;background:#c93429;border:3px solid #fff;box-shadow:0 8px 20px rgba(105,25,20,.28);display:grid;place-items:center;overflow:hidden}
.sigam-road-closure-marker i{position:absolute;width:55px;height:7px;background:#fff;transform:rotate(35deg)}
.sigam-road-closure-marker i:nth-child(2){transform:rotate(-35deg)}
.sigam-road-closure-marker b{position:relative;z-index:2;color:#c93429;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:.78rem}
.closure-popup{display:grid;gap:5px;min-width:230px}.closure-popup small{font-size:.58rem;color:#a72820;font-weight:800;letter-spacing:.07em}.closure-popup b{font-size:.85rem}.closure-popup span,.closure-popup p,.closure-popup em{font-size:.66rem;line-height:1.45;color:#5d686e}.closure-popup p{margin:2px 0}.closure-popup em{font-style:normal;padding-top:5px;border-top:1px solid #e5e9ea}

@media(max-width:1080px){.group-microsite .group-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.group-facts,.group-timeline-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.road-closures-layout{grid-template-columns:1fr}.road-closure-list{max-height:none;border-left:0;border-top:1px solid var(--sigam-line)}}
@media(max-width:640px){.group-microsite .group-summary{grid-template-columns:1fr!important}.group-microsite .group-summary>article{min-height:126px}.group-facts,.group-timeline-summary{grid-template-columns:1fr!important}.group-alert-board{padding:17px}.group-alert-board-head{align-items:flex-start;flex-direction:column}.official-alerts.board .official-alert{grid-template-columns:42px minmax(0,1fr)!important;padding:15px!important}.official-alert-icon{width:40px;height:40px}.official-alert-body header{align-items:flex-start;flex-direction:column}.road-closure-list{padding:12px}#road-closure-map{min-height:430px}}