/* /gestion-integral-del-riesgo composition only. Bars, centred articulation, the service spacer, the relation block, the facts list and the lines grid come from specialized-pages.css. */

.gr-facts-col{display:grid;gap:1.25rem;align-content:start}

/* Typologies: equal cards; card titles keep the icon gap of the family h3 (critique 2). */
.gr-typologies h4{display:flex;align-items:center;gap:.6rem;margin:0 0 .5rem}
.gr-typologies{grid-template-columns:repeat(2,minmax(0,1fr))}
.gr-typology-sector{border-style:dashed}
@media(max-width:600px){.gr-typologies{grid-template-columns:1fr}}

/* Control weights: a unit column wide enough for «25 %». */
.gr-bars{--sp-bar-value:3rem}

/* Nested bands: appetite inside tolerance inside capacity. */
.gr-bands{margin:1.25rem 0;max-width:36rem}
.gr-band{border:2px solid var(--udc-orange);border-radius:var(--udc-radius-md);padding:.6rem .8rem .8rem}
.gr-band>span{display:block;margin-bottom:.5rem;color:var(--udc-text);font-size:.9rem;font-weight:700}
.gr-band-capacity{border-color:var(--udc-line)}
.gr-band-tolerance{border-style:dashed}
.gr-band-appetite{background:var(--udc-card)}
.gr-band small{color:var(--udc-muted);font-weight:400;font-size:.85rem}

/* KRI example: the level name is written, colour is only a cue. */
.gr-semaphore{display:grid;gap:.5rem;margin:1rem 0;padding:0;list-style:none}
.gr-semaphore li{display:flex;align-items:baseline;gap:.6rem}
.gr-dot{flex:0 0 .8rem;height:.8rem;border-radius:50%;transform:translateY(.1rem)}
.gr-sem-green .gr-dot{background:#3fa66b}
.gr-sem-yellow .gr-dot{background:#e8b32a}
.gr-sem-red .gr-dot{background:#d9534f}

.gr-subtle{color:var(--udc-muted);font-weight:400;font-size:.85em}
.gr-sigrip{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1023px){.gr-sigrip{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.gr-sigrip{grid-template-columns:1fr}}