/*
 * Arcadys Municipal Core 1.0.0 · Arcadys (Rodrigo Arce Muñoz) · GPL-2.0-or-later
 * Página Emergencias: números, filtros por grupo y mapa. Usa las variables del tema y trae valores de respaldo.
 */
.emerg { --e-borde: var(--a-borde, #d0d7de); --e-radio: var(--a-radio, 10px); --e-texto-s: var(--a-texto-s, #57606a); }
.emerg h2 { display: flex; align-items: center; gap: .5em; }

/* Números nacionales */
.emerg__nacionales { margin: 0 0 2rem; }
.emerg__nacionales ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: .75rem; margin: 0; padding: 0; list-style: none; }
.emerg__nacionales a { display: flex; flex-direction: column; align-items: flex-start; gap: .1rem; height: 100%; padding: .85rem 1rem; color: var(--a-texto, #1f2328); text-decoration: none; background: var(--a-fondo-s, #f6f8fa); border: 1px solid var(--e-borde); border-left: 4px solid var(--a-peligro, #c62f35); border-radius: var(--e-radio); }
.emerg__nacionales a:hover { border-color: var(--a-peligro, #c62f35); }
.emerg__nacionales a:focus-visible { outline: 3px solid var(--a-foco, #0063b3); outline-offset: 2px; }
.emerg__nacionales strong { font-size: 1.6rem; line-height: 1.1; color: var(--a-peligro, #c62f35); }
.emerg__nacionales span { font-size:var(--t-sm,.9375rem); color: var(--e-texto-s); }
.emerg__seguridad a { border-left-color: var(--a-pri, #0063b3); }
.emerg__seguridad strong { color: var(--a-pri, #0063b3); font-size: 1.3rem; }

/* Filtros */
.emerg__filtros { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1rem; }
.emerg__filtro { --c: var(--a-pri, #0063b3); display: inline-flex; align-items: center; gap: .4em; padding: .45em .9em; font: inherit; font-size:var(--t-sm,.9375rem); color: var(--a-texto, #1f2328); background: #fff; border: 1px solid var(--e-borde); border-radius: 999px; cursor: pointer; }
.emerg__filtro i { color: var(--c); }
.emerg__filtro:hover { border-color: var(--c); }
.emerg__filtro[aria-pressed="true"] { color: #fff; background: var(--c); border-color: var(--c); }
.emerg__filtro[aria-pressed="true"] i { color: #fff; }
.emerg__filtro:focus-visible { outline: 3px solid var(--a-foco, #0063b3); outline-offset: 2px; }
.emerg__n { min-width: 1.5em; padding: 0 .35em; font-size: .8em; text-align: center; background: rgba(0,0,0,.08); border-radius: 999px; }
.emerg__filtro[aria-pressed="true"] .emerg__n { background: rgba(255,255,255,.25); }

/* Mapa */
.emerg__mapa-caja { margin: 0 0 2rem; }
.emerg__mapa { height: min(60vh, 480px); min-height: 300px; border: 1px solid var(--e-borde); border-radius: var(--e-radio); z-index: 0; }
.emerg__mapa:focus-visible { outline: 3px solid var(--a-foco, #0063b3); outline-offset: 2px; }
.emerg-pin { background: none; border: 0; }
.emerg-pin span { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; color: #fff; font-size: 16px; background: var(--c, #c62f35); border: 2px solid #fff; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); box-shadow: 0 2px 6px rgba(0,0,0,.35); }
.emerg-pin i { transform: rotate(45deg); }
.emerg-pop { display: flex; flex-direction: column; gap: .2rem; min-width: 180px; font-size:var(--t-sm,.9375rem); line-height: 1.35; }
.emerg-pop strong { font-size:var(--t-md,1.0625rem); }
.emerg-pop__grupo { font-size:var(--t-xs,.8125rem); text-transform: uppercase; letter-spacing: .04em; color: var(--e-texto-s); }
.emerg-pop__tel { font-weight: 700; font-size:var(--t-md,1.0625rem); }
.emerg-pop__ir { margin-top: .3rem; }

/* Listado */
.emerg__grupo { --c: var(--a-pri, #0063b3); margin: 0 0 2rem; }
.emerg__grupo[hidden] { display: none; }
.emerg__ico { display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; font-size: .8em; color: #fff; background: var(--c); border-radius: 50%; }
.emerg .emerg__grupo h2 .emerg__ico i { color: #fff; }
.emerg__lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.emerg__item { padding: 1rem 1.1rem; background: #fff; border: 1px solid var(--e-borde); border-top: 4px solid var(--c); border-radius: var(--e-radio); box-shadow: var(--a-sombra, none); }
.emerg__item h3 { margin: 0 0 .5rem; font-size:var(--t-lg,clamp(1.125rem,1rem + .4vw,1.3125rem)); }
.emerg__item p { display: flex; gap: .45em; margin: .3rem 0; color: var(--e-texto-s); }
.emerg__item p > i { flex: 0 0 auto; margin-top: .2em; color: var(--c); }
.emerg__tel { flex-wrap: wrap; font-size:var(--t-lg,clamp(1.125rem,1rem + .4vw,1.3125rem)); font-weight: 700; }
.emerg__tel a { color: var(--a-texto, #1f2328); }
.emerg__acciones { flex-wrap: wrap; gap: .5rem 1rem !important; margin-top: .75rem !important; padding-top: .6rem; border-top: 1px solid var(--e-borde); }
.emerg__ver { display: inline-flex; align-items: center; gap: .35em; padding: 0; font: inherit; color: var(--a-pri, #0063b3); text-decoration: underline; background: none; border: 0; cursor: pointer; }
.emerg__acciones a { display: inline-flex; align-items: center; gap: .35em; }
.emerg__ver:focus-visible, .emerg__acciones a:focus-visible { outline: 3px solid var(--a-foco, #0063b3); outline-offset: 2px; }
.emerg__vacio { padding: 1rem; background: var(--a-fondo-s, #f6f8fa); border-radius: var(--e-radio); }
.emerg .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media print { .emerg__mapa-caja, .emerg__filtros, .emerg__acciones { display: none; } }