/* ============================================================
   SIADE Mapeo GobChi — Experiencia inmersiva premium
   Gobernacion Departamental de Chiquimula
   ============================================================ */

.siade-app, .siade-app *, .siade-app *::before, .siade-app *::after { box-sizing: border-box; }

/* === Reset interno: aisla la app de los estilos del tema activo === */
.siade-app {
  line-height: 1.5;
  font-size: 15px;
  text-align: left;
  letter-spacing: normal;
  text-transform: none;
}
.siade-app h1, .siade-app h2, .siade-app h3, .siade-app h4,
.siade-app p, .siade-app ul, .siade-app ol, .siade-app li, .siade-app figure {
  margin: 0; padding: 0; line-height: inherit;
}
.siade-app ul, .siade-app ol { list-style: none; }
.siade-app a { text-decoration: none; color: inherit; box-shadow: none; }
.siade-app button { font: inherit; letter-spacing: inherit; }
.siade-app img { max-width: 100%; height: auto; display: block; }
.siade-app input, .siade-app select, .siade-app textarea { font: inherit; color: inherit; }
/* Neutraliza el ancho restringido del tema cuando el shortcode va en pagina normal */
.siade-app-shell { max-width: none !important; }

.siade-app {
  --azul: #1E3159;
  --azul-2: #2A4576;
  --celeste: #2c74b3;
  --celeste-claro: #5ba4d4;
  --dorado: #F2A119;
  --dorado-claro: #F6B23E;
  --ok: #10b981;
  --warn: #f59e0b;
  --err: #ef4444;
  --gris: #64748b;
  --gris-bg: #f1f5f9;
  --linea: #e2e8f0;
  --radio: 16px;
  --sombra: 0 1px 2px rgba(18,28,54,.05), 0 8px 22px rgba(18,28,54,.06);
  --sombra-lg: 0 3px 8px rgba(18,28,54,.08), 0 22px 50px rgba(18,28,54,.14);
  font-family: 'Altivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #0f172a;
  max-width: 760px;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
}

/* ---------- HERO / BIENVENIDA ---------- */
.siade-welcome {
  background: linear-gradient(135deg, #16233F 0%, #1E3159 50%, #2A4576 100%);
  border-radius: 20px;
  padding: 24px 26px;
  color: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: var(--sombra-lg);
  display: flex;
  align-items: center;
  gap: 28px;
}
.siade-welcome::after {
  content: ""; position: absolute; top: -70px; right: -50px;
  width: 220px; height: 220px; border-radius: 50%;
  background: radial-gradient(circle, rgba(212,160,23,.22), transparent 70%);
  pointer-events: none;
}
.siade-welcome-main { flex: 1; min-width: 0; position: relative; z-index: 1; }
.siade-welcome-eyebrow {
  font-size: 10.5px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase;
  color: var(--celeste-claro); margin-bottom: 8px;
}
.siade-welcome h2 { font-size: 23px; font-weight: 800; margin: 0 0 6px; letter-spacing: -.02em; line-height: 1.15; word-break: break-word; }
.siade-welcome p { font-size: 13px; color: rgba(255,255,255,.74); margin: 0 0 14px; line-height: 1.55; }

/* lado derecho: anillo + stats */
.siade-welcome-side { display: flex; align-items: center; gap: 18px; flex-shrink: 0; position: relative; z-index: 1; }
.siade-ring { position: relative; width: 92px; height: 92px; flex-shrink: 0; }
.siade-ring svg { transform: rotate(-90deg); }
.siade-ring-track { fill: none; stroke: rgba(255,255,255,.14); stroke-width: 9; }
.siade-ring-fill  { fill: none; stroke: url(#siadeGrad); stroke-width: 9; stroke-linecap: round; transition: stroke-dashoffset 1s cubic-bezier(.4,0,.2,1); }
.siade-ring-label { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.siade-ring-pct { font-size: 22px; font-weight: 900; line-height: 1; }
.siade-ring-sub { font-size: 8px; color: rgba(255,255,255,.6); text-transform: uppercase; letter-spacing: .08em; margin-top: 2px; }
.siade-welcome-stats { display: flex; flex-direction: column; gap: 7px; }
.siade-welcome-stat { display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgba(255,255,255,.84); white-space: nowrap; }
.siade-welcome-stat .dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }

.siade-status-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 13px; border-radius: 99px; font-size: 11px; font-weight: 700;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18);
}

/* ---------- INSIGNIAS / GAMIFICACION ---------- */
.siade-badges { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.siade-medal {
  display: flex; align-items: center; gap: 7px;
  padding: 7px 12px; border-radius: 12px; font-size: 11px; font-weight: 700;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.5); transition: all .3s;
}
.siade-medal.earned { background: rgba(212,160,23,.18); border-color: rgba(212,160,23,.45); color: var(--dorado-claro); }
.siade-medal .ic { font-size: 15px; filter: grayscale(1) opacity(.5); }
.siade-medal.earned .ic { filter: none; }

/* ---------- TARJETAS DE ACCION (panel ficha) ---------- */
.siade-actions-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
.siade-action-card {
  background: #fff; border: 1px solid var(--linea); border-radius: var(--radio);
  padding: 18px; cursor: pointer; transition: all .2s; text-align: left;
  display: flex; flex-direction: column; gap: 8px; box-shadow: var(--sombra);
}
.siade-action-card:hover { border-color: var(--celeste); transform: translateY(-2px); box-shadow: var(--sombra-lg); }
.siade-action-ic { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.siade-action-card h4 { margin: 0; font-size: 14px; font-weight: 700; color: var(--azul); }
.siade-action-card p { margin: 0; font-size: 11px; color: var(--gris); line-height: 1.5; }
.siade-action-meta { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 11px; font-weight: 700; }

/* ---------- SHELL / FORM ---------- */
.siade-shell { margin-top: 18px; }

/* barra progreso superior */
.siade-progress-bar { height: 8px; background: var(--gris-bg); border-radius: 99px; overflow: hidden; margin-bottom: 6px; }
.siade-progress-bar span { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--celeste), var(--dorado)); transition: width .6s cubic-bezier(.4,0,.2,1); }
.siade-progress-text { display: flex; justify-content: space-between; font-size: 11px; color: var(--gris); margin-bottom: 18px; font-weight: 600; }

/* stepper */
.siade-stepper { display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 12px; margin-bottom: 16px; scrollbar-width: none; }
.siade-stepper::-webkit-scrollbar { display: none; }
.siade-step {
  position: relative; flex: 0 0 auto; width: 106px; min-height: 98px;
  display: flex; flex-direction: column; align-items: flex-start; gap: 9px;
  padding: 12px; border-radius: 16px; cursor: pointer; text-align: left;
  border: 1.5px solid #e3ecf5; background: #fff; color: #334155;
  transition: transform .16s, box-shadow .16s, border-color .16s, background .16s; font-family: inherit;
}
.siade-step:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(10,38,71,.10); }
.siade-step-ic { width: 38px; height: 38px; border-radius: 11px; background: #f1f6fc; color: #1E3159; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.siade-step-ic svg { width: 21px; height: 21px; }
.siade-step-label { font-size: 11.5px; font-weight: 700; line-height: 1.25; color: inherit; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.siade-step-badge { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; border-radius: 50%; background: #eef2f7; color: #64748b; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
.siade-step.active { border-color: var(--azul); background: linear-gradient(160deg, #eaf4fd, #fff); box-shadow: 0 6px 18px rgba(0,120,208,.16); }
.siade-step.active .siade-step-ic { background: var(--azul); color: #fff; }
.siade-step.active .siade-step-badge { background: var(--azul); color: #fff; }
.siade-step.active .siade-step-label { color: #1E3159; }
.siade-step.done { border-color: rgba(31,146,84,.4); background: #f1faf5; }
.siade-step.done .siade-step-ic { background: #1f9254; color: #fff; }
.siade-step.done .siade-step-badge { background: #1f9254; color: #fff; }
.siade-step.done .siade-step-label { color: #14663b; }

/* tarjeta de seccion */
.siade-card {
  background: #fff; border: 1px solid var(--linea); border-radius: 20px; padding: 26px;
  box-shadow: var(--sombra); animation: siadeIn .4s cubic-bezier(.4,0,.2,1);
}
@keyframes siadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.siade-card-head { margin-bottom: 22px; }
.siade-card-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--celeste); margin-bottom: 5px; }
.siade-card h3 { margin: 0; font-size: 19px; font-weight: 800; color: var(--azul); letter-spacing: -.02em; }
.siade-card-desc { font-size: 12px; color: var(--gris); margin-top: 4px; line-height: 1.5; }

/* campos */
.siade-field { margin-bottom: 20px; animation: siadeIn .35s ease; }

/* Campo de contraseña con ojo mostrar/ocultar */
.siade-pass-wrap { position: relative; }
.siade-pass-wrap input { width: 100%; padding-right: 48px !important; }
.siade-eye {
  position: absolute; top: 0; right: 4px; height: 100%;
  width: 40px; display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: 0; cursor: pointer; color: #94a3b8; border-radius: 8px;
  transition: color .15s;
}
.siade-eye:hover { color: #475569; }
.siade-eye svg { width: 20px; height: 20px; }
.siade-eye .eye-hide { display: none; }
.siade-eye.is-on .eye-show { display: none; }
.siade-eye.is-on .eye-hide { display: block; }
.siade-field > label { display: block; font-size: 13px; font-weight: 700; color: #1e293b; margin-bottom: 8px; }
.siade-req { color: var(--err); }
.siade-pub-tag {
  display: inline-flex; align-items: center; gap: 3px; font-size: 9px; font-weight: 700;
  padding: 2px 7px; border-radius: 99px; margin-left: 6px; vertical-align: middle;
  text-transform: uppercase; letter-spacing: .04em;
}
.siade-pub-tag.pub { background: #d1fae5; color: #065f46; }
.siade-pub-tag.int { background: #f1f5f9; color: #64748b; }
.siade-pub-tag.mix { background: #fef3c7; color: #92400e; }
.siade-multi-tag {
  display: inline-flex; align-items: center; gap: 3px; font-size: 9.5px; font-weight: 700;
  padding: 2px 8px; border-radius: 99px; margin-left: 6px; vertical-align: middle;
  text-transform: uppercase; letter-spacing: .03em; background: #e0edff; color: #1e40af;
}

.siade-field input[type=text], .siade-field input[type=email], .siade-field input[type=url],
.siade-field input[type=number], .siade-field input[type=date], .siade-field input[type=tel],
.siade-field textarea, .siade-field select {
  width: 100%; padding: 13px 15px; border: 1.5px solid var(--linea); border-radius: 12px;
  font-size: 14px; font-family: inherit; outline: none; transition: all .2s; background: #fff; color: #0f172a;
}
.siade-field input:focus, .siade-field textarea:focus, .siade-field select:focus {
  border-color: var(--celeste); box-shadow: 0 0 0 4px rgba(44,116,179,.12);
}
.siade-field textarea { resize: vertical; min-height: 96px; line-height: 1.6; }
.siade-charcount { text-align: right; font-size: 10px; color: var(--gris); margin-top: 4px; }

.siade-help { font-size: 11px; color: var(--gris); margin-top: 6px; line-height: 1.5; display: flex; gap: 5px; align-items: flex-start; }
.siade-help::before { content: "i"; flex-shrink: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--gris-bg); color: var(--gris); font-size: 9px; font-weight: 800; display: flex; align-items: center; justify-content: center; font-style: normal; }

/* chips de seleccion */
.siade-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.siade-chip {
  display: inline-flex; align-items: center; gap: 7px; padding: 10px 16px;
  border: 1.5px solid var(--linea); border-radius: 99px; font-size: 13px; font-weight: 600;
  cursor: pointer; transition: all .18s; background: #fff; color: #334155; user-select: none;
}
.siade-chip:hover { border-color: var(--celeste-claro); background: #f8fafc; }
.siade-chip input { position: absolute; opacity: 0; pointer-events: none; }
.siade-chip.selected { background: var(--azul); color: #fff; border-color: var(--azul); box-shadow: 0 4px 12px rgba(10,38,71,.2); }
.siade-chip.selected::before { content: "\2713"; font-weight: 900; }

/* tarjetas de opcion grandes (tipo actor) */
.siade-optcards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.siade-optcard {
  border: 1.5px solid var(--linea); border-radius: 16px; padding: 18px 16px; cursor: pointer;
  transition: all .2s cubic-bezier(.22,1,.36,1); background: #fff; text-align: center; position: relative;
}
.siade-optcard:hover { border-color: var(--celeste); transform: translateY(-3px); box-shadow: 0 10px 24px rgba(10,38,71,.1); }
.siade-optcard.selected { border-color: var(--azul); border-width: 2px; background: linear-gradient(135deg, #f0f7ff, #fff); box-shadow: 0 8px 22px rgba(10,38,71,.14); }
.siade-optcard.selected::after { content: "\2713"; position: absolute; top: 10px; right: 12px; width: 24px; height: 24px; border-radius: 50%; background: var(--azul); color: #fff; font-size: 13px; font-weight: 900; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(10,38,71,.25); animation: siadeCardIn .3s cubic-bezier(.22,1.2,.36,1); }
.siade-optcard-label { font-size: 13px; font-weight: 700; color: var(--azul); line-height: 1.3; }

/* acciones / botones */
.siade-actions { display: flex; gap: 10px; margin-top: 26px; }
.siade-actions-row { align-items: stretch; }
.siade-btn-save {
  flex: 0 0 auto; border: 1.5px solid var(--linea); border-radius: 13px;
  background: #fff; color: var(--azul-2); cursor: pointer; transition: all .18s;
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  font-family: inherit; font-size: 13.5px; font-weight: 700; padding: 0 18px; min-height: 52px;
}
.siade-btn-save svg { width: 20px; height: 20px; flex: 0 0 auto; }
.siade-btn-save:hover { border-color: var(--celeste); background: #f8fafc; color: var(--celeste); }
.siade-btn-save:active { transform: scale(.96); }
.siade-btn-save.saving { opacity: .5; }
.siade-save-note { text-align: center; font-size: 12px; color: var(--ok); font-weight: 600; margin-top: 10px; min-height: 16px; transition: opacity .2s; }
.siade-btn {
  flex: 1; padding: 0 22px; min-height: 52px; border: none; border-radius: 13px; font-size: 14px; font-weight: 700;
  cursor: pointer; transition: all .18s; font-family: inherit;
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  background: linear-gradient(135deg, #1E3159, #2A4576); color: #fff;
  box-shadow: 0 6px 18px rgba(10,38,71,.26);
}
.siade-btn:hover { transform: translateY(-1px); box-shadow: 0 9px 24px rgba(10,38,71,.34); }
.siade-btn:active { transform: scale(.98); }
.siade-btn:disabled { opacity: .6; cursor: default; transform: none; }
.siade-btn.secondary { background: #fff; color: var(--azul); border: 1.5px solid var(--linea); box-shadow: none; flex: 0 0 auto; padding: 0 20px; min-height: 52px; }
.siade-btn.secondary:hover { border-color: var(--celeste); background: #f8fafc; }
.siade-btn.gold { background: linear-gradient(135deg, #F2A119, #b8870f); color: #fff !important; text-shadow: 0 1px 2px rgba(120,80,0,.28); box-shadow: 0 6px 18px rgba(212,160,23,.34); }
.siade-btn.gold:hover { box-shadow: 0 10px 26px rgba(212,160,23,.42); }
/* Botón de peligro (Rechazar): rojo con buen contraste, no chillón */
.siade-btn.danger { background: linear-gradient(135deg, #ef4444, #dc2626); color: #fff !important; box-shadow: 0 6px 18px rgba(239,68,68,.3); }
.siade-btn.danger:hover { box-shadow: 0 10px 26px rgba(239,68,68,.4); }

/* resumen final: en móvil etiqueta arriba / valor abajo; nunca se parte letra por letra */
.siade-summary { background: #f8fafc; border: 1px solid var(--linea); border-radius: 16px; padding: 18px; }

/* ===== Mini-tablero ejecutivo del resumen ===== */
.siade-dash-exec .siade-de-head { display: flex; align-items: center; gap: 16px; padding: 2px 0 16px; border-bottom: 1px solid var(--linea); margin-bottom: 16px; }
.siade-de-id { flex: 1; min-width: 0; }
.siade-de-name { font-size: 19px; font-weight: 800; color: #1E3159; line-height: 1.2; }
.siade-de-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.siade-de-tag { font-size: 11.5px; font-weight: 700; padding: 4px 11px; border-radius: 999px; background: #1E3159; color: #fff; }
.siade-de-tag.soft { background: #eef3f9; color: #2c5680; }
.siade-de-ringwrap { flex: 0 0 auto; transform: scale(.9); transform-origin: right center; }
.siade-de-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 20px; }
.siade-de-metric { background: #f8fafc; border: 1px solid var(--linea); border-radius: 14px; padding: 13px 10px; text-align: center; display: flex; flex-direction: column; gap: 4px; }
.siade-de-metric b { font-size: 22px; font-weight: 800; color: #1E3159; line-height: 1; }
.siade-de-metric b span { font-size: 13px; font-weight: 700; color: #94a3b8; }
.siade-de-metric > span { font-size: 10.5px; color: #64748b; font-weight: 600; line-height: 1.25; }
.siade-de-block { margin-bottom: 20px; }
.siade-de-block h4 { font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #64748b; margin: 0 0 12px; }
.siade-de-secs { display: flex; flex-direction: column; gap: 9px; }
.siade-de-secrow { display: flex; align-items: center; gap: 11px; }
.siade-de-secname { flex: 0 0 42%; font-size: 12.5px; font-weight: 600; color: #334155; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.siade-de-secbar { flex: 1; height: 7px; border-radius: 4px; background: #eef2f7; overflow: hidden; }
.siade-de-secbar i { display: block; height: 100%; border-radius: 4px; transition: width .5s; }
.siade-de-secpct { flex: 0 0 auto; font-size: 12px; font-weight: 800; color: #475569; min-width: 34px; text-align: right; }
.siade-de-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.siade-de-card { background: #fff; border: 1px solid var(--linea); border-radius: 16px; padding: 14px 15px; }
.siade-de-card-t { font-size: 12.5px; font-weight: 800; color: #1E3159; margin-bottom: 8px; }
.siade-de-item { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; }
.siade-de-item + .siade-de-item { border-top: 1px solid #f1f5f9; }
.siade-de-item-ic { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 9px; background: #eef3f9; color: #2c5680; display: flex; align-items: center; justify-content: center; }
.siade-de-item-ic svg { width: 16px; height: 16px; }
.siade-de-item-tx { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
.siade-de-item-lbl { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #94a3b8; }
.siade-de-item-val { font-size: 13.5px; font-weight: 600; color: #1e293b; word-break: break-word; }
.siade-de-item.empty .siade-de-item-ic { background: #f1f5f9; color: #cbd5e1; }
.siade-de-item.empty .siade-de-item-val { color: #b6c0cc; font-weight: 500; font-style: italic; }
.siade-de-detail { margin-top: 4px; border: 1px solid var(--linea); border-radius: 14px; overflow: hidden; }
.siade-de-detail summary { cursor: pointer; padding: 13px 16px; font-size: 13px; font-weight: 700; color: #1E3159; background: #f8fafc; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.siade-de-detail summary::-webkit-details-marker { display: none; }
.siade-de-detail summary::after { content: "\25BE"; color: #94a3b8; transition: transform .2s; }
.siade-de-detail[open] summary::after { transform: rotate(180deg); }
.siade-de-detail .siade-summary { border: 0; border-radius: 0; background: #fff; padding: 4px 14px 14px; }
.siade-summary h4 { margin: 0 0 16px; font-size: 15px; font-weight: 800; color: var(--azul); }
.siade-summary-row { display: flex; flex-direction: column; gap: 3px; padding: 11px 0; border-bottom: 1px solid var(--linea); min-width: 0; }
.siade-summary-row:last-child { border-bottom: none; }
.siade-summary-k { font-size: 12px; color: var(--gris); font-weight: 600; min-width: 0; }
.siade-summary-v { font-size: 14px; color: #0f172a; font-weight: 600; min-width: 0; text-align: left; word-break: normal; overflow-wrap: anywhere; }
.siade-summary-v.empty { color: #94a3b8; font-style: italic; font-weight: 400; }
@media (min-width: 720px) {
  .siade-summary-row { flex-direction: row; justify-content: space-between; gap: 18px; align-items: baseline; }
  .siade-summary-k { flex: 0 1 45%; }
  .siade-summary-v { flex: 1 1 55%; text-align: right; }
}

/* alertas */
.siade-alert { padding: 16px 18px; border-radius: 13px; font-size: 13px; line-height: 1.55; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; }
.siade-alert.success { background: #ecfdf5; border-color: #6ee7b7; color: #065f46; }
.siade-alert.error { background: #fef2f2; border-color: #fca5a5; color: #991b1b; }
.siade-alert.warn { background: #fffbeb; border-color: #fcd34d; color: #92400e; }
/* lista de campos obligatorios clicable */
.siade-err-list { margin: 8px 0 0; padding: 0; list-style: none; }
.siade-err-list li { margin: 2px 0; }
.siade-err-jump {
  background: none; border: none; cursor: pointer; font-family: inherit;
  color: #991b1b; font-size: 13px; font-weight: 600; text-align: left; padding: 4px 0;
  text-decoration: underline; text-underline-offset: 2px;
}
.siade-err-jump:hover { color: #7f1d1d; }
/* resaltado al saltar a un campo */
.siade-field-flash { animation: siadeFlash 1.8s ease; border-radius: 12px; }
@keyframes siadeFlash {
  0%, 100% { box-shadow: 0 0 0 0 rgba(212,160,23,0); }
  15% { box-shadow: 0 0 0 4px rgba(212,160,23,.35); }
  60% { box-shadow: 0 0 0 4px rgba(212,160,23,.22); }
}

/* skeleton loader */
.siade-skeleton { background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%); background-size: 200% 100%; animation: siadeShimmer 1.4s infinite; border-radius: 12px; }
@keyframes siadeShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.siade-sk-line { height: 16px; margin-bottom: 12px; }
.siade-sk-card { height: 120px; margin-bottom: 14px; }

/* toast celebracion */
.siade-toast {
  position: fixed; bottom: calc(96px + env(safe-area-inset-bottom)); top: auto; left: 50%; transform: translateX(-50%) translateY(160px);
  background: var(--azul); color: #fff; padding: 14px 22px; border-radius: 14px;
  font-size: 13px; font-weight: 600; box-shadow: var(--sombra-lg); z-index: 99999;
  display: flex; align-items: center; gap: 10px; transition: transform .4s cubic-bezier(.34,1.56,.64,1);
  max-width: 90vw;
}
.siade-toast.show { transform: translateX(-50%) translateY(0); }
.siade-toast .ic { font-size: 18px; }
/* El toast aparece arriba (top) para no colisionar nunca con la barra de acciones ni la bottom-nav */
@media (max-width: 720px) {
  .siade-toast { top: calc(14px + env(safe-area-inset-top)); font-size: 13.5px; }
}

/* ---------- DIRECTORIO PUBLICO ---------- */
.siade-dir-hero { background: #fff; border: 1px solid var(--linea); border-left: 4px solid var(--azul); border-radius: 12px; padding: 20px 24px; color: var(--azul); margin-bottom: 22px; }
.siade-dir-hero h2 { margin: 0 0 5px; font-size: 20px; font-weight: 700; color: var(--azul); letter-spacing: -.01em; }
.siade-dir-hero p { margin: 0; font-size: 13px; color: var(--gris); line-height: 1.5; }
.siade-dir-stats { display: flex; gap: 26px; margin-top: 16px; flex-wrap: wrap; padding-top: 14px; border-top: 1px solid var(--linea); }
.siade-dir-stat b { font-size: 22px; font-weight: 800; display: block; color: var(--azul); }
.siade-dir-stat span { font-size: 11px; color: var(--gris); }

.siade-dir-tools { display: flex; gap: 10px; margin-bottom: 18px; flex-wrap: wrap; }
.siade-dir-tools input, .siade-dir-tools select {
  padding: 11px 14px; border: 1.5px solid var(--linea); border-radius: 10px; font-size: 13px;
  font-family: inherit; outline: none; background: #fff; transition: all .2s;
}
.siade-dir-tools input { flex: 1; min-width: 180px; }
.siade-dir-tools input:focus, .siade-dir-tools select:focus { border-color: var(--celeste); box-shadow: 0 0 0 3px rgba(44,116,179,.1); }

.siade-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 14px; }
.siade-actor-card {
  background: #fff; border: 1px solid var(--linea); border-radius: 14px; padding: 18px 20px;
  box-shadow: 0 1px 3px rgba(10,38,71,.05); transition: all .2s; position: relative;
}
.siade-actor-card:hover { border-color: var(--celeste); box-shadow: var(--sombra); transform: translateY(-2px); }
.siade-actor-top { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.siade-actor-logo { width: 46px; height: 46px; border-radius: 11px; background: linear-gradient(135deg, var(--azul), var(--celeste)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; flex-shrink: 0; }
.siade-actor-card h3 { margin: 0; font-size: 14.5px; font-weight: 700; color: var(--azul); line-height: 1.25; }
.siade-actor-card .sigla { font-size: 11px; color: var(--gris); margin-top: 2px; }
.siade-badge { display: inline-block; font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 99px; background: #eff6ff; color: var(--celeste); margin: 2px 4px 2px 0; }
.siade-actor-meta { font-size: 11px; color: var(--gris); line-height: 1.7; margin: 10px 0; }
.siade-actor-desc { font-size: 12px; color: #475569; line-height: 1.55; margin: 10px 0; }
.siade-contact { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.siade-contact a { font-size: 11px; font-weight: 700; padding: 7px 13px; border-radius: 10px; text-decoration: none; background: var(--gris-bg); color: var(--azul); transition: all .15s; }
.siade-contact a:hover { background: var(--azul); color: #fff; }

/* panel revision */
.siade-review-row { background: #fff; border: 1px solid var(--linea); border-radius: 16px; padding: 18px 20px; margin-bottom: 14px; box-shadow: 0 2px 10px rgba(10,38,71,.06); transition: box-shadow .2s; }
.siade-review-row:hover { box-shadow: 0 6px 20px rgba(10,38,71,.1); }
.siade-review-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.siade-review-head strong { font-size: 15px; color: var(--azul); font-weight: 800; line-height: 1.3; }
.siade-review-actions { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 14px; }
.siade-review-actions .siade-btn { flex: 0 0 auto; padding: 10px 18px; font-size: 12.5px; min-height: 0; }
.siade-obs { width: 100%; min-height: 70px; border: 1.5px solid var(--linea); border-radius: 12px; padding: 11px 14px; font-family: inherit; font-size: 13px; margin-top: 14px; resize: vertical; transition: border-color .15s; box-sizing: border-box; }
.siade-obs:focus { outline: none; border-color: var(--celeste); box-shadow: 0 0 0 3px rgba(44,116,179,.12); }
/* pestañas de la bandeja de revisión */
.siade-review-tabs { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 16px; -webkit-overflow-scrolling: touch; }
.siade-review-tab {
  flex: 0 0 auto; background: #fff; border: 1.5px solid var(--linea); border-radius: 99px;
  padding: 8px 14px; font-size: 12.5px; font-weight: 700; color: var(--gris); cursor: pointer;
  font-family: inherit; display: inline-flex; align-items: center; gap: 6px; transition: all .15s;
}
.siade-review-tab:hover { border-color: var(--celeste); }
.siade-review-tab.active { background: var(--azul); border-color: var(--azul); color: #fff; }
.siade-tab-count { background: rgba(0,0,0,.12); border-radius: 99px; padding: 1px 7px; font-size: 11px; }
.siade-review-tab.active .siade-tab-count { background: rgba(255,255,255,.22); }
.siade-review-row .siade-linklike { border: 0; background: transparent; color: var(--celeste); font-weight: 700; cursor: pointer; padding: 8px 0; font-size: 12.5px; font-family: inherit; }
.siade-ficha-detalle { margin: 4px 0 0; }

/* ---- Bandeja: cabecera con anillo de avance (estilo ficha) ---- */
.siade-review-head2 { display: flex; align-items: center; gap: 15px; }
.siade-rev-ring { position: relative; width: 56px; height: 56px; flex: 0 0 56px; }
.siade-rev-ring svg { transform: rotate(-90deg); }
.siade-rev-ring-tk { fill: none; stroke: #e8edf3; stroke-width: 6; }
.siade-rev-ring-fl { fill: none; stroke-width: 6; stroke-linecap: round; transition: stroke-dashoffset .9s cubic-bezier(.4,0,.2,1); }
.siade-rev-ring-pct { position: absolute; inset: 0; display: grid; place-items: center; font-size: 14px; font-weight: 800; letter-spacing: -.02em; }
.siade-review-meta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.siade-review-meta strong { font-size: 15px; color: var(--azul); font-weight: 800; line-height: 1.3; }
.siade-review-meta .siade-small { color: #64748b; }
.siade-review-badges { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; margin-top: 2px; }
.siade-rev-date { font-size: 11.5px; color: #94a3b8; font-weight: 600; }

/* ---- Bandeja: toggle "ver información" ---- */
.siade-rev-toggle { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #dbe5ef; background: #f6f9fc; color: #2c74b3; font-weight: 700; cursor: pointer; padding: 8px 14px; border-radius: 10px; font-size: 12.5px; font-family: inherit; transition: background .15s, border-color .15s; }
.siade-rev-toggle:hover { background: #eef4fb; border-color: #c5d6e8; }
.siade-rev-caret { font-size: 10px; }

/* ---- Bandeja: botones de acción nativos ---- */
.siade-rev-actions2 { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 14px; align-items: stretch; }
.siade-rev-act { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 0; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 700; padding: 11px 18px; border-radius: 12px; transition: transform .14s, box-shadow .14s, background .14s; }
.siade-rev-act svg { width: 17px; height: 17px; }
.siade-rev-act:active { transform: scale(.97); }
.siade-rev-act.approve { color: #fff; background: linear-gradient(150deg,#d8a423,#bf8a16); box-shadow: 0 5px 14px rgba(191,138,22,.32); flex: 1 1 100%; padding: 13px; font-size: 14px; }
.siade-rev-act.approve:hover { box-shadow: 0 8px 20px rgba(191,138,22,.4); transform: translateY(-1px); }
.siade-rev-act.observe { color: #1d4e89; background: #eaf2fb; }
.siade-rev-act.observe:hover { background: #dceafa; }
.siade-rev-act.reject { color: #c0392b; background: #fdecea; }
.siade-rev-act.reject:hover { background: #fbddd9; }
.siade-rev-act.ghost { color: #64748b; background: #f1f5f9; }
.siade-rev-act.ghost:hover { background: #e7edf3; }

/* ---- Modal de acción del revisor ---- */
.siade-rev-modal-ov { position: fixed; inset: 0; z-index: 100000; background: rgba(8,28,52,.55); display: flex; align-items: center; justify-content: center; padding: 16px; animation: siadeRmFade .18s ease; }
@keyframes siadeRmFade { from { opacity: 0; } to { opacity: 1; } }
.siade-rev-modal { background: #fff; border-radius: 18px; max-width: 440px; width: 100%; max-height: 92vh; overflow: auto; box-shadow: 0 30px 80px rgba(2,12,27,.45); animation: siadeRmPop .22s cubic-bezier(.34,1.3,.5,1); }
@keyframes siadeRmPop { from { transform: translateY(14px) scale(.97); opacity: 0; } to { transform: none; opacity: 1; } }
.siade-rev-modal-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; position: relative; }
.siade-rev-modal-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #94a3b8; text-transform: uppercase; }
.siade-rev-modal-title { font-size: 18px; font-weight: 800; color: #1E3159; line-height: 1.25; margin-top: 3px; padding-right: 34px; }
.siade-rev-modal-x { position: absolute; top: 16px; right: 18px; border: 0; background: #f1f5f9; width: 30px; height: 30px; border-radius: 8px; cursor: pointer; color: #475569; font-size: 18px; line-height: 1; }
.siade-rev-modal-x:hover { background: #e7edf3; }
.siade-rev-modal-body { padding: 16px 20px; }
.siade-rev-modal-desc { font-size: 13.5px; color: #475569; line-height: 1.55; margin: 0 0 12px; }
.siade-rev-modal-ta { width: 100%; min-height: 92px; border: 1.5px solid #d9e2ec; border-radius: 12px; padding: 11px 13px; font-family: inherit; font-size: 13.5px; resize: vertical; box-sizing: border-box; transition: border-color .15s, box-shadow .15s; }
.siade-rev-modal-ta:focus { outline: none; border-color: var(--celeste); box-shadow: 0 0 0 3px rgba(44,116,179,.12); }
.siade-rev-modal-foot { display: flex; gap: 10px; padding: 4px 20px 20px; }
.siade-rev-modal-cancel { flex: 0 0 auto; border: 1.5px solid #e2e8f0; background: #fff; color: #475569; font-family: inherit; font-size: 13.5px; font-weight: 700; padding: 12px 20px; border-radius: 12px; cursor: pointer; transition: background .15s; }
.siade-rev-modal-cancel:hover { background: #f8fafc; }
.siade-rev-modal-go { flex: 1; border: 0; color: #fff; font-family: inherit; font-size: 13.5px; font-weight: 750; padding: 12px; border-radius: 12px; cursor: pointer; box-shadow: 0 5px 14px rgba(8,33,59,.2); transition: transform .14s, box-shadow .14s, filter .14s; }
.siade-rev-modal-go:hover { transform: translateY(-1px); filter: brightness(1.04); }
.siade-rev-modal-go:active { transform: scale(.98); }

.siade-login-required { background: #fff; border: 1px solid var(--linea); border-radius: 18px; padding: 32px; text-align: center; box-shadow: var(--sombra); max-width: 420px; margin: 0 auto; }
.siade-login-required h3 { color: var(--azul); font-size: 18px; margin: 0 0 8px; }
.siade-login-required p { color: var(--gris); font-size: 13px; margin: 0 0 18px; }

.siade-small { font-size: 11px; color: var(--gris); }

/* ============================================================
   v0.7.0 — APP SHELL EJECUTIVA (sidebar + topbar + drawer)
   ============================================================ */

/* Plantilla inmersiva: el wrapper ocupa toda la pantalla */
body.siade-immersive, body.siade-fullscreen-app { background: var(--gris-bg); }
.siade-immersive-wrap { min-height: 100vh; }

/* El shell ANULA el max-width de .siade-app y ocupa todo */
.siade-app.siade-app-shell {
  max-width: none; margin: 0; width: 100%;
  display: flex; min-height: 100vh; height: 100vh; background: var(--gris-bg);
  position: relative; overflow: hidden;
}
/* En plantilla fullscreen, fija la altura real del viewport */
body.siade-immersive .siade-app.siade-app-shell,
body.siade-fullscreen-app .siade-app.siade-app-shell { height: 100vh; }

/* ---- SIDEBAR (escritorio) ---- */
.siade-sidebar {
  width: 264px; flex-shrink: 0; height: 100%;
  background: linear-gradient(185deg, #1E3159 0%, #16233F 100%);
  display: flex; flex-direction: column;
  border-right: 1px solid rgba(255,255,255,.06);
  z-index: 40;
}
.siade-sidebar-top { padding: 22px 20px 18px; border-bottom: 1px solid rgba(255,255,255,.07); }
.siade-brand-id { display: flex; align-items: center; gap: 12px; min-width: 0; }
.siade-brand-logo { height: 42px; width: 42px; object-fit: contain; border-radius: 10px; background: #fff; padding: 4px; flex-shrink: 0; }
.siade-brand-logo.placeholder { display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 900; color: var(--azul); }
.siade-brand-text { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.siade-brand-text strong { font-size: 13.5px; font-weight: 700; color: #fff; letter-spacing: -.01em; }
.siade-brand-text span { font-size: 10.5px; color: var(--celeste-claro); margin-top: 2px; }

.siade-nav { flex: 1; padding: 14px 12px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.siade-nav-group-title {
  font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: rgba(255,255,255,.38); padding: 16px 12px 8px;
}
.siade-nav-item {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 11px 12px; border: none; background: none; cursor: pointer;
  color: rgba(255,255,255,.72); font-family: inherit; font-size: 13.5px; font-weight: 500;
  border-radius: 10px; text-align: left; transition: all .16s ease; position: relative;
}
.siade-nav-item:hover { background: rgba(255,255,255,.07); color: #fff; }
.siade-nav-item.active { background: rgba(91,164,212,.16); color: #fff; font-weight: 600; }
.siade-nav-item.active::before {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 3px; height: 20px; background: var(--dorado); border-radius: 0 3px 3px 0;
}
.siade-nav-ic { width: 20px; height: 20px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; opacity: .9; }
.siade-nav-ic svg { width: 19px; height: 19px; }
.siade-nav-label { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.siade-sidebar-foot { padding: 14px; border-top: 1px solid rgba(255,255,255,.07); }
.siade-side-user { display: flex; align-items: center; gap: 10px; }
.siade-side-avatar {
  width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0;
  background: linear-gradient(135deg, var(--celeste), var(--azul-2));
  color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px;
}
.siade-side-uinfo { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.siade-side-uname { font-size: 12.5px; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.siade-side-urole { font-size: 10.5px; color: rgba(255,255,255,.45); }
.siade-side-logout { width: 32px; height: 32px; flex-shrink: 0; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.55); background: rgba(255,255,255,.06); }
.siade-side-logout:hover { color: #fff; background: rgba(239,68,68,.25); }
.siade-side-logout svg { width: 16px; height: 16px; }
.siade-side-login { display: block; width: 100%; box-sizing: border-box; text-align: center; padding: 14px 16px; border-radius: 12px; background: var(--dorado); color: #3a2c05; font-weight: 800; font-size: 15px; text-decoration: none; box-shadow: 0 4px 14px rgba(212,160,23,.32); transition: filter .15s; }
.siade-side-login:hover { filter: brightness(1.06); }

/* ---- MAIN + TOPBAR ---- */
.siade-shell-main { flex: 1; min-width: 0; display: flex; flex-direction: column; height: 100%; }
.siade-topbar {
  height: 62px; flex-shrink: 0; display: flex; align-items: center; gap: 14px;
  padding: 0 26px; background: #fff; border-bottom: 1px solid var(--linea); z-index: 30;
}
.siade-burger { display: none; background: none; border: none; cursor: pointer; color: var(--azul); padding: 4px; }
.siade-burger svg { width: 24px; height: 24px; }
.siade-topbar-title { font-size: 17px; font-weight: 700; color: var(--azul); letter-spacing: -.01em; flex: 1; }
.siade-topbar-right { display: flex; align-items: center; gap: 12px; }
.siade-topbar-avatar { width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg, var(--celeste), var(--azul-2)); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
.siade-topbar-login { font-size: 13.5px; font-weight: 700; color: #fff; background: var(--dorado); text-decoration: none; border: 0; padding: 9px 18px; border-radius: 9px; }

.siade-shell-scroll { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.siade-panel { padding: 26px; max-width: 1180px; margin: 0 auto; width: 100%; animation: siade-fade .3s ease; }
@keyframes siade-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* ---- DRAWER overlay (movil) ---- */
.siade-drawer-overlay { display: none; position: absolute; inset: 0; background: rgba(10,38,71,.5); z-index: 35; opacity: 0; transition: opacity .25s; }

/* ---- HUB / Home ejecutivo ---- */
.siade-hub { padding: 4px; }
.siade-hub-hero { padding: 8px 4px 26px; }
.siade-hub-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: capitalize; color: var(--celeste); margin-bottom: 8px; }
.siade-hub-hero h1 { margin: 0 0 6px; font-size: 28px; font-weight: 800; color: var(--azul); letter-spacing: -.025em; }
.siade-hub-hero p { margin: 0; color: var(--gris); font-size: 14.5px; line-height: 1.6; max-width: 620px; }
.siade-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.siade-tile {
  display: flex; align-items: center; gap: 16px; text-align: left;
  background: #fff; border: 1px solid var(--linea); border-radius: 14px; padding: 18px 20px;
  cursor: pointer; font-family: inherit; transition: all .18s cubic-bezier(.4,0,.2,1);
}
.siade-tile:hover { border-color: var(--celeste); box-shadow: var(--sombra); transform: translateY(-2px); }
.siade-tile-ic { width: 44px; height: 44px; flex-shrink: 0; border-radius: 11px; background: rgba(44,116,179,.1); color: var(--celeste); display: flex; align-items: center; justify-content: center; }
.siade-tile-ic svg { width: 22px; height: 22px; }
.siade-tile-body { flex: 1; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.siade-tile-label { font-size: 15px; font-weight: 700; color: var(--azul); }
.siade-tile-desc { font-size: 12.5px; color: var(--gris); line-height: 1.45; }
.siade-tile-arrow { color: var(--gris); opacity: .4; transition: all .18s; }
.siade-tile-arrow svg { width: 18px; height: 18px; }
.siade-tile:hover .siade-tile-arrow { opacity: 1; color: var(--celeste); transform: translateX(3px); }

/* ===== HOME PREMIUM ===== */
.siade-home { padding: 2px; }
.siade-home-hero { position: relative; border-radius: 22px; overflow: hidden; padding: 30px 26px; margin-bottom: 18px; color: #fff; }
.siade-home-hero-bg { position: absolute; inset: 0; background: linear-gradient(135deg, var(--azul) 0%, var(--azul-2) 55%, var(--celeste) 130%); }
.siade-home-hero-bg::after { content: ""; position: absolute; right: -40px; top: -40px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(212,160,23,.34), transparent 70%); }
.siade-home-hero-bg::before { content: ""; position: absolute; left: -30px; bottom: -60px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(91,164,212,.30), transparent 70%); }
.siade-home-hero-content { position: relative; z-index: 1; }
.siade-home-eyebrow { font-size: 11.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--celeste-claro); margin-bottom: 10px; }
.siade-home-hero h1 { margin: 0 0 8px; font-size: 27px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.siade-home-hero p { margin: 0; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.86); max-width: 560px; }
.siade-home-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 22px; }
.siade-home-kpi { background: #fff; border: 1px solid var(--linea); border-radius: 14px; padding: 14px 10px; text-align: center; box-shadow: 0 2px 10px rgba(15,23,42,.05); }
.siade-home-kpi b { display: block; font-size: 24px; font-weight: 800; color: var(--azul); line-height: 1; }
.siade-home-kpi span { display: block; font-size: 11px; color: var(--gris); margin-top: 5px; font-weight: 600; }
.siade-home-section-title { font-size: 13px; font-weight: 800; color: var(--azul); text-transform: uppercase; letter-spacing: .04em; margin: 0 2px 12px; }
.siade-home-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px,1fr)); gap: 12px; }
.siade-home-card { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: left; background: #fff; border: 1px solid var(--linea); border-radius: 16px; padding: 18px; cursor: pointer; font-family: inherit; transition: all .18s cubic-bezier(.4,0,.2,1); }
.siade-home-card:hover { border-color: var(--celeste); box-shadow: 0 10px 28px rgba(10,38,71,.13); transform: translateY(-3px); }
.siade-home-card-ic { width: 46px; height: 46px; border-radius: 13px; background: linear-gradient(135deg, rgba(44,116,179,.13), rgba(10,38,71,.08)); color: var(--azul-2); display: grid; place-items: center; }
.siade-home-card-ic svg { width: 23px; height: 23px; }
.siade-home-card-label { font-size: 15px; font-weight: 700; color: var(--azul); }
.siade-home-card-desc { font-size: 12px; color: var(--gris); line-height: 1.45; }
@media (max-width: 720px) {
  .siade-home-hero { padding: 26px 20px; border-radius: 18px; }
  .siade-home-hero h1 { font-size: 23px; }
  .siade-home-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .siade-home-card { padding: 15px; }
  .siade-home-kpi b { font-size: 21px; }
}

/* Directorio por categorias */
.siade-gchips { display: flex; gap: 8px; flex-wrap: wrap; max-width: 1180px; margin: 0 auto 4px; }
.siade-gchip {
  border: 1.5px solid var(--linea); background: #fff; color: var(--azul);
  padding: 8px 15px; border-radius: 99px; font-size: 12.5px; font-weight: 600; cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px; font-family: inherit; transition: all .15s;
}
.siade-gchip:hover { border-color: var(--gc, var(--celeste)); }
.siade-gchip.active { background: var(--gc, var(--azul)); color: #fff; border-color: var(--gc, var(--azul)); }
.siade-gchip-ic { display: inline-flex; width: 16px; height: 16px; }
.siade-gchip-ic svg { width: 16px; height: 16px; }
.siade-dir-section-ic { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 10px; background: color-mix(in srgb, var(--gc, var(--azul)) 12%, #fff); color: var(--gc, var(--azul)); }
.siade-dir-section-ic svg { width: 18px; height: 18px; }
.siade-dir-section { max-width: 1180px; margin: 0 auto 26px; }
.siade-dir-section-head { position: relative; display: flex; align-items: center; gap: 11px; margin: 22px 0 16px; padding-bottom: 12px; }
.siade-dir-section-head::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px; background: linear-gradient(to right, var(--gc, var(--azul)), color-mix(in srgb, var(--gc, var(--azul)) 16%, transparent) 58%, transparent); }
.siade-dir-section-head h3 { margin: 0; font-size: 16.5px; font-weight: 800; letter-spacing: -.01em; color: #1E3159; flex: 1; }
.siade-dir-count { background: color-mix(in srgb, var(--gc, var(--azul)) 12%, #fff); color: var(--gc, var(--azul)); border-radius: 99px; font-size: 12px; font-weight: 800; padding: 3px 12px; border: 1px solid color-mix(in srgb, var(--gc, var(--azul)) 22%, transparent); }
.siade-actor-logo-img { width: 46px; height: 46px; border-radius: 11px; object-fit: contain; background: #fff; border: 1px solid var(--linea); padding: 4px; }
.siade-actor-areas { display: flex; flex-wrap: wrap; gap: 5px; }

/* Avisos */
.siade-avisos { max-width: 820px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }
.siade-aviso { background: #fff; border: 1px solid var(--linea); border-left: 4px solid var(--celeste); border-radius: 14px; padding: 18px 20px; }
.siade-aviso-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.siade-aviso h3 { margin: 0 0 6px; font-size: 16px; font-weight: 700; color: var(--azul); }
.siade-aviso p { margin: 0; font-size: 13.5px; color: var(--gris); line-height: 1.6; }

/* ============================================================
   v0.6.0 — DASHBOARD, MAPA, PERFIL PUBLICO, MESAS, AVISOS
   ============================================================ */
.siade-section-title { font-size: 15px; font-weight: 800; color: var(--azul); margin: 22px 0 12px; padding: 0 2px; }

/* Dashboard */
.siade-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; max-width: 1100px; margin: 0 auto 22px; }
.siade-kpi {
  background: #fff; border: 1px solid var(--linea); border-radius: 16px; padding: 18px 20px;
  border-left: 5px solid var(--kc, var(--azul)); display: flex; flex-direction: column; gap: 2px; position: relative;
}
.siade-kpi-ic { font-size: 20px; position: absolute; top: 16px; right: 18px; opacity: .5; }
.siade-kpi b { font-size: 34px; font-weight: 900; color: var(--kc, var(--azul)); line-height: 1; }
.siade-kpi-label { font-size: 12.5px; font-weight: 600; color: var(--gris); }
.siade-dash-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; max-width: 1100px; margin: 0 auto; }
.siade-dash-card { background: #fff; border: 1px solid var(--linea); border-radius: 16px; padding: 20px; }
.siade-dash-card h3 { margin: 0 0 16px; font-size: 14px; font-weight: 800; color: var(--azul); }
.siade-bars { display: flex; flex-direction: column; gap: 10px; }
.siade-bar-row { display: flex; align-items: center; gap: 10px; }
.siade-bar-label { font-size: 12px; color: var(--gris); width: 130px; flex-shrink: 0; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.siade-bar-track { flex: 1; height: 22px; background: #f1f5f9; border-radius: 6px; overflow: hidden; }
.siade-bar-fill { display: block; height: 100%; border-radius: 6px; transition: width .7s cubic-bezier(.4,0,.2,1); min-width: 2px; }
.siade-bar-val { font-size: 13px; font-weight: 800; color: var(--azul); width: 34px; text-align: left; }

/* Mapa */
.siade-map { height: 520px; border-radius: 16px; overflow: hidden; border: 1px solid var(--linea); margin-top: 6px; }
.siade-mapmark-wrap { background: none; border: none; }
.siade-mapmark {
  background: linear-gradient(135deg, var(--celeste), var(--azul)); color: #fff; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px;
  border: 3px solid #fff; box-shadow: 0 3px 10px rgba(10,38,71,.4);
}

/* Perfil publico de actor */
.siade-profile-hero {
  background: linear-gradient(120deg, var(--gc, var(--azul)), #0a2540); color: #fff;
  border-radius: 18px; padding: 22px 24px; margin-bottom: 18px; position: relative;
}
.siade-back {
  background: rgba(255,255,255,.15); border: none; color: #fff; padding: 7px 14px; border-radius: 8px;
  font-size: 12px; font-weight: 700; cursor: pointer; font-family: inherit; margin-bottom: 16px;
}
.siade-profile-id { display: flex; align-items: center; gap: 18px; }
.siade-profile-logo { height: 72px; width: 72px; border-radius: 14px; object-fit: contain; background: #fff; padding: 6px; flex-shrink: 0; }
.siade-profile-logo.placeholder { display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 900; color: #fff; }
.siade-profile-eyebrow { font-size: 12px; font-weight: 700; opacity: .85; margin-bottom: 4px; }
.siade-profile-hero h1 { margin: 0; font-size: 26px; font-weight: 900; letter-spacing: -.02em; }
.siade-profile-sigla { font-size: 13px; opacity: .8; margin-top: 2px; }
.siade-profile-body { display: grid; grid-template-columns: 2fr 1fr; gap: 18px; }
.siade-profile-block { background: #fff; border: 1px solid var(--linea); border-radius: 14px; padding: 18px 20px; margin-bottom: 14px; }
.siade-profile-block h3 { margin: 0 0 10px; font-size: 13px; font-weight: 800; color: var(--azul); text-transform: uppercase; letter-spacing: .04em; }
.siade-profile-list { margin: 0; padding-left: 18px; color: var(--gris); font-size: 13.5px; line-height: 1.8; }
.siade-profile-contact { display: flex; flex-direction: column; gap: 8px; }
.siade-profile-contact .siade-btn { justify-content: flex-start; width: 100%; }
.siade-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.siade-pill { background: #f1f5f9; color: var(--azul); font-size: 11.5px; font-weight: 600; padding: 4px 10px; border-radius: 99px; }
.siade-actor-more {
  margin-top: 12px; width: 100%; background: #f8fafc; border: 1px solid var(--linea); border-radius: 9px;
  color: var(--azul); font-size: 12.5px; font-weight: 700; padding: 9px; cursor: pointer; font-family: inherit;
}
.siade-actor-more:hover { background: var(--azul); color: #fff; }

/* Formulario de avisos en panel de revision */
.siade-aviso-form { background: #fff; border: 1px solid var(--linea); border-radius: 14px; padding: 4px 18px; margin-bottom: 18px; }
.siade-aviso-form summary { cursor: pointer; font-weight: 700; color: var(--azul); padding: 12px 0; font-size: 14px; }
.siade-aviso-fields { display: flex; flex-direction: column; gap: 10px; padding: 8px 0 16px; }

/* ============================================================
   RESPONSIVE — escritorio (sidebar fija) -> tablet/movil (drawer)
   ============================================================ */

/* TABLET y MOVIL: el sidebar se convierte en drawer deslizante */
@media (max-width: 1024px) {
  .siade-app.siade-app-shell .siade-burger { display: inline-flex; }
  .siade-sidebar {
    position: absolute; top: 0; left: 0; height: 100%;
    transform: translateX(-100%); transition: transform .28s cubic-bezier(.4,0,.2,1);
    box-shadow: 0 0 40px rgba(0,0,0,.3);
  }
  .siade-app-shell.siade-drawer-open .siade-sidebar { transform: translateX(0); }
  .siade-app-shell.siade-drawer-open .siade-drawer-overlay { display: block; opacity: 1; }
  .siade-shell-main { width: 100%; }
}

/* MOVIL */
@media (max-width: 600px) {
  .siade-welcome { padding: 24px 18px; }
  .siade-welcome h2 { font-size: 20px; }
  .siade-card { padding: 20px 16px; }
  .siade-actions-grid { grid-template-columns: 1fr; }
  .siade-optcards { grid-template-columns: 1fr 1fr; }
  .siade-grid { grid-template-columns: 1fr; }
  .siade-actions-row { flex-direction: row; flex-wrap: nowrap; align-items: stretch; }
  .siade-actions-row .siade-btn { flex: 1; }
  .siade-actions-row .siade-btn.secondary { flex: 0 0 auto; padding: 0 16px; }

  .siade-topbar { height: 56px; padding: 0 16px; }
  .siade-topbar-title { font-size: 15px; }
  .siade-panel { padding: 16px 14px 28px; }
  .siade-hub-hero h1 { font-size: 23px; }
  .siade-tiles { grid-template-columns: 1fr; gap: 11px; }
  .siade-tile { padding: 15px 16px; }
  .siade-sidebar { width: 80%; max-width: 300px; }

  /* Dashboard, perfil y mapa en movil */
  .siade-profile-body { grid-template-columns: 1fr; }
  .siade-bar-label { width: 92px; }
  .siade-map { height: 380px; }
  .siade-kpi b { font-size: 28px; }
  .siade-kpis { grid-template-columns: 1fr 1fr; }
  .siade-dash-grid { grid-template-columns: 1fr; }
}


/* ============================================================
   v0.7.2 — Correcciones críticas de app nativa, móvil y rendimiento percibido
   ============================================================ */
:root {
  --siade-azul: #1E3159;
  --siade-azul-2: #2A4576;
  --siade-celeste: #2c74b3;
  --siade-dorado: #F2A119;
  --siade-bg: #f1f5f9;
  --siade-linea: #e2e8f0;
}
html.siade-immersive-html,
body.siade-fullscreen-app,
body.siade-fullscreen-app .siade-immersive-wrap {
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  background: var(--siade-bg) !important;
}
body.siade-fullscreen-app #wpadminbar { display: none !important; }
body.siade-fullscreen-app { padding-top: 0 !important; }
body.siade-fullscreen-app.admin-bar { margin-top: 0 !important; }
body.siade-fullscreen-app .wp-site-blocks,
body.siade-fullscreen-app main,
body.siade-fullscreen-app .entry-content,
body.siade-fullscreen-app .wp-block-post-content,
body.siade-fullscreen-app .is-layout-constrained,
body.siade-fullscreen-app .wp-block-group,
body.siade-fullscreen-app .wp-block-group__inner-container {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
body.siade-fullscreen-app :where(header, footer, .wp-block-template-part, .wp-block-post-title, .entry-header) {
  display: none !important;
}
.siade-app, .siade-app * { min-width: 0; }
.siade-app { --gris-bg: var(--siade-bg); }
.siade-shell { margin-top: 0 !important; }
.siade-app.siade-app-shell {
  display: grid !important;
  grid-template-columns: 284px minmax(0, 1fr);
  width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--gris-bg) !important;
}
.siade-sidebar { width: 284px; height: 100dvh; }
.siade-shell-main { height: 100dvh; min-height: 0; min-width: 0; overflow: hidden; }
.siade-shell-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; }
.siade-panel { width: 100%; max-width: 1240px; margin: 0 auto; padding: 28px; }
.siade-app-shell .siade-view { max-width: min(1160px, 100%); margin: 0 auto; width: 100%; }
.siade-app-shell .siade-view-actualizar,
.siade-app-shell .siade-view-nuevo,
.siade-app-shell .siade-view-auth { max-width: 920px; }
.siade-summary-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .9fr);
  align-items: start;
}
.siade-summary-k { min-width: 0; flex-shrink: 1 !important; overflow-wrap: anywhere; }
.siade-summary-v { min-width: 0; text-align: right; overflow-wrap: anywhere; word-break: normal; }
.siade-bottom-nav { display: none; }
.siade-skeleton { opacity: .78; }
.siade-field input[type=text], .siade-field input[type=email], .siade-field input[type=url],
.siade-field input[type=number], .siade-field input[type=date], .siade-field input[type=tel],
.siade-field textarea, .siade-field select { min-height: 48px; }

@media (max-width: 1024px) {
  .siade-app.siade-app-shell { grid-template-columns: 1fr; }
  .siade-sidebar { height: 100dvh; }
  .siade-shell-main { width: 100%; }
}

@media (max-width: 720px) {
  html.siade-immersive-html,
  body.siade-fullscreen-app,
  body.siade-fullscreen-app .siade-immersive-wrap { overflow: hidden !important; }
  .siade-app.siade-app-shell {
    height: 100dvh !important;
    min-height: 100dvh !important;
    width: 100vw !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column;
  }
  .siade-shell-main { height: 100dvh; padding-bottom: 76px; }
  .siade-topbar {
    height: 58px;
    padding: 0 14px;
    position: sticky;
    top: 0;
    z-index: 45;
  }
  .siade-topbar-title { font-size: 16px; }
  .siade-topbar-avatar { width: 34px; height: 34px; border-radius: 12px; }
  .siade-topbar-login { padding: 7px 13px; font-size: 12.5px; }
  .siade-shell-scroll { height: calc(100dvh - 58px - 76px); padding-bottom: 96px; }
  .siade-panel { padding: 14px 12px 18px; max-width: 100%; }
  .siade-app-shell .siade-view { max-width: 100%; width: 100%; margin: 0; }
  .siade-sidebar { width: 86vw; max-width: 320px; z-index: 70; }
  .siade-drawer-overlay { z-index: 60; }
  .siade-bottom-nav {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    height: 62px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    align-items: center;
    padding: 7px;
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(226,232,240,.95);
    border-radius: 22px;
    box-shadow: 0 16px 45px rgba(10,38,71,.18);
    z-index: 80;
  }
  .siade-bottom-item {
    height: 48px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: #64748b;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-size: 10px;
    font-weight: 750;
    font-family: inherit;
  }
  .siade-bottom-item .siade-nav-ic { width: 24px; height: 24px; display: grid; place-items: center; transition: transform .18s; }
  .siade-bottom-item .siade-nav-ic svg { width: 22px; height: 22px; }
  .siade-bottom-item { transition: color .18s, background .18s; }
  .siade-bottom-item:active { transform: scale(.93); }
  .siade-bottom-item.active { background: linear-gradient(155deg, #1a4d7e 0%, #1E3159 100%); color: #fff; box-shadow: 0 7px 18px rgba(10,38,71,.34), inset 0 1px 0 rgba(255,255,255,.12); }
  .siade-bottom-item.active .siade-nav-ic { transform: translateY(-1px); }
  .siade-bottom-item.active .siade-nav-ic svg { stroke-width: 1.95; }
  .siade-welcome { border-radius: 22px; padding: 22px 18px; }
  .siade-welcome h2 { font-size: 21px; line-height: 1.15; }
  .siade-ring-wrap { gap: 14px; }
  .siade-ring { width: 82px; height: 82px; }
  .siade-medal { padding: 7px 10px; font-size: 11px; }
  .siade-progress-text { font-size: 12px; margin-bottom: 10px; }
  .siade-stepper { margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px; }
  .siade-step { width: 108px; min-height: 100px; padding: 12px; border-radius: 16px; }
  .siade-card { border-radius: 22px; padding: 20px 16px; overflow: hidden; }
  .siade-card h3 { font-size: 22px; }
  .siade-field { margin-bottom: 18px; }
  .siade-field > label { font-size: 15px; line-height: 1.25; }
  .siade-help { font-size: 13px; }
  .siade-field input[type=text], .siade-field input[type=email], .siade-field input[type=url],
  .siade-field input[type=number], .siade-field input[type=date], .siade-field input[type=tel],
  .siade-field textarea, .siade-field select {
    font-size: 16px !important;
    min-height: 52px;
    padding: 13px 15px;
    border-radius: 16px;
  }
  .siade-field textarea { min-height: 122px; }
  .siade-optcards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .siade-optcard { padding: 14px 10px; }
  .siade-chips { gap: 8px; }
  .siade-chip { max-width: 100%; padding: 10px 14px; font-size: 14px; white-space: normal; }
  .siade-actions {
    display: flex !important;
    flex-direction: row;
    gap: 10px;
    margin: 22px 0 0;
  }
  .siade-actions .siade-btn { flex: 1; min-height: 52px; padding: 0 14px; }
  .siade-actions .siade-btn.secondary { flex: 0 0 auto; padding: 0 16px; }
  .siade-actions .siade-btn-save { min-height: 52px; }
  .siade-summary { padding: 16px; border-radius: 18px; }
  .siade-summary-row { grid-template-columns: 1fr !important; gap: 5px; padding: 12px 0; }
  .siade-summary-k, .siade-summary-v { text-align: left !important; font-size: 13px; overflow-wrap: anywhere; }
  .siade-summary-v.empty { display: inline-block; }
  .siade-gchips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; margin-left: -4px; margin-right: -4px; }
  .siade-gchip { flex: 0 0 auto; }
  .siade-dir-filters, .siade-filterbar { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; }
  .siade-kpis { grid-template-columns: 1fr !important; }
}

@media (max-width: 380px) {
  .siade-optcards { grid-template-columns: 1fr; }
  .siade-bottom-item span { display: none; }
  .siade-bottom-nav { height: 56px; }
  .siade-shell-main { padding-bottom: 68px; }
}

/* ============================================================
   v0.7.3 — Ajustes de estabilización móvil, ortografía y presentación
   ============================================================ */
html.siade-immersive-html,
body.siade-fullscreen-app,
body.siade-fullscreen-app * {
  -webkit-text-size-adjust: 100%;
}
html.siade-immersive-html,
body.siade-fullscreen-app {
  overflow: hidden !important;
  overscroll-behavior: none;
}
.siade-app,
.siade-app-shell,
.siade-shell-main,
.siade-shell-scroll,
.siade-panel,
.siade-view,
.siade-card,
.siade-dir-hero,
.siade-summary,
.siade-grid,
.siade-dir-tools,
.siade-gchips,
.siade-chips,
.siade-optcards {
  max-width: 100%;
  min-width: 0;
}
.siade-panel,
.siade-view,
.siade-card,
.siade-dir-hero {
  overflow-wrap: break-word;
}
.siade-shell-scroll,
.siade-panel,
.siade-view { overflow-x: hidden !important; }
.siade-step-label { display: -webkit-box; min-width: 0; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.siade-form-action-spacer { display: none; }

/* Directorio: evita que los filtros se salgan de la pantalla */
.siade-gchips {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.siade-gchips::-webkit-scrollbar { display: none; }
.siade-gchip { flex-shrink: 0; max-width: 100%; }
.siade-dir-tools input,
.siade-dir-tools select { min-width: 0; max-width: 100%; }

/* Resumen final: nunca partir valores letra por letra */
.siade-summary-row { min-width: 0; }
.siade-summary-k,
.siade-summary-v {
  min-width: 0;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal !important;
}
.siade-summary-v.empty { opacity: .75; }

@media (max-width: 720px) {
  .siade-panel {
    padding: 14px 10px calc(126px + env(safe-area-inset-bottom));
  }
  .siade-app-shell .siade-view,
  .siade-app-shell .siade-view-actualizar,
  .siade-app-shell .siade-view-nuevo,
  .siade-app-shell .siade-view-auth {
    max-width: 100% !important;
    width: 100% !important;
    padding-bottom: calc(128px + env(safe-area-inset-bottom));
  }

  /* Hero de ficha más compacto en móvil */
  .siade-welcome {
    padding: 20px 17px;
    border-radius: 20px;
    margin-bottom: 10px;
  }
  .siade-welcome-eyebrow { font-size: 10px; letter-spacing: .11em; }
  .siade-welcome h2 { font-size: 20px; }
  .siade-welcome p { font-size: 13px; }
  .siade-ring-wrap { margin-top: 14px; align-items: center; }
  .siade-ring { width: 72px; height: 72px; }
  .siade-ring-pct { font-size: 19px; }
  .siade-welcome-stats { min-width: 0; }
  .siade-welcome-stat { font-size: 12px; margin-bottom: 5px; }
  .siade-status-pill { margin-top: 10px; }
  .siade-badges { display: none; }

  /* Stepper: en móvil se ven números compactos, no los 17 títulos completos */
  .siade-stepper {
    gap: 8px;
    padding: 4px 10px 12px;
    margin-left: -10px;
    margin-right: -10px;
    scroll-snap-type: x proximity;
  }
  .siade-step {
    flex: 0 0 auto;
    width: 108px;
    min-height: 100px;
    padding: 12px !important;
    border-radius: 16px;
    scroll-snap-align: start;
    box-shadow: 0 2px 10px rgba(10,38,71,.06);
  }
  .siade-step-label { display: -webkit-box !important; max-width: none; font-size: 11.5px; font-weight: 700; }

  /* Tarjetas y campos más cómodos para llenar desde teléfono */
  .siade-card {
    padding: 18px 15px calc(104px + env(safe-area-inset-bottom));
    border-radius: 20px;
  }
  .siade-card-head { margin-bottom: 18px; }
  .siade-card h3 { font-size: 21px; line-height: 1.12; }
  .siade-card-desc { font-size: 13px; }
  .siade-field { margin-bottom: 17px; }
  .siade-field > label { font-size: 15px; }
  .siade-field input[type=text], .siade-field input[type=email], .siade-field input[type=url],
  .siade-field input[type=number], .siade-field input[type=date], .siade-field input[type=tel],
  .siade-field input[type=password], .siade-field textarea, .siade-field select {
    font-size: 16px !important;
    max-width: 100%;
  }
  .siade-help { font-size: 12.5px; line-height: 1.45; }
  .siade-optcards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .siade-optcard { min-width: 0; padding: 13px 8px; }
  .siade-optcard-label { font-size: 13px; overflow-wrap: anywhere; }
  .siade-chips { display: flex; flex-wrap: wrap; align-items: flex-start; }
  .siade-chip { max-width: 100%; white-space: normal; line-height: 1.25; }

  /* Barra de acciones: fila simple, sin caja flotante invasiva */
  .siade-actions {
    display: flex !important;
    flex-direction: row;
    gap: 9px;
    width: 100%;
    margin: 18px 0 4px;
  }
  .siade-actions .siade-btn { flex: 1; min-height: 50px; padding: 12px 12px; font-size: 15px; }
  .siade-actions .siade-btn.secondary { flex: 0 0 auto; }
  .siade-actions .siade-btn-save { min-height: 50px; }

  /* Directorio y filtros en móvil */
  .siade-dir-hero {
    padding: 19px 18px;
    border-radius: 18px;
    margin-bottom: 18px;
  }
  .siade-dir-hero h2 { font-size: 21px; line-height: 1.18; }
  .siade-dir-hero p { font-size: 14px; }
  .siade-dir-stats { gap: 20px; }
  .siade-gchips {
    flex-wrap: nowrap !important;
    gap: 8px;
    margin: 0 0 12px;
    padding: 0 2px 8px;
  }
  .siade-gchip {
    max-width: calc(100vw - 72px);
    white-space: nowrap;
  }
  .siade-dir-tools {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100%;
  }
  .siade-dir-tools input,
  .siade-dir-tools select {
    width: 100% !important;
    font-size: 16px !important;
  }

  /* Resumen final móvil */
  .siade-summary { padding: 16px; border-radius: 18px; }
  .siade-summary h4 { font-size: 16px; }
  .siade-summary-row {
    display: block !important;
    padding: 13px 0;
  }
  .siade-summary-k,
  .siade-summary-v {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  .siade-summary-v { margin-top: 5px; }

  /* Navegación inferior: deja respiración visual y evita cubrir contenido */
  .siade-bottom-nav {
    left: 10px;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 380px) {
  .siade-panel { padding-left: 9px; padding-right: 9px; }
  .siade-optcards { grid-template-columns: 1fr; }
  .siade-welcome h2 { font-size: 18px; }
  .siade-ring { width: 66px; height: 66px; }
}

/* ============================================================
   v0.7.4 — Perfil institucional, desktop estable y formulario móvil optimizado
   ============================================================ */
html.siade-immersive-html,
body.siade-fullscreen-app {
  width: 100% !important;
  max-width: 100% !important;
}
body.siade-fullscreen-app .siade-app.siade-app-shell {
  width: 100% !important;
  max-width: 100% !important;
}
/* Asegura que en escritorio el shell siempre se vea completo */
@media (min-width: 1025px) {
  .siade-app.siade-app-shell {
    display: grid !important;
    grid-template-columns: 284px minmax(0, 1fr) !important;
    min-height: 100dvh !important;
    height: 100dvh !important;
  }
  .siade-sidebar {
    position: relative !important;
    transform: none !important;
    width: 284px !important;
    max-width: 284px !important;
    height: 100dvh !important;
  }
  .siade-shell-main {
    min-width: 0 !important;
    height: 100dvh !important;
  }
  .siade-bottom-nav { display: none !important; }
}

/* Botón de Perfil como acción principal en móvil */
.siade-bottom-item.siade-bottom-profile {
  color: #1E3159;
  font-weight: 850;
}
.siade-bottom-item.siade-bottom-profile.active,
.siade-bottom-item.siade-bottom-profile {
  box-shadow: inset 0 0 0 1px rgba(10,38,71,.06);
}
@media (max-width: 720px) {
  .siade-bottom-item.siade-bottom-profile {
    background: linear-gradient(135deg, #1E3159, #2c74b3);
    color: #fff;
  }
  .siade-bottom-item.siade-bottom-profile:not(.active) {
    opacity: .92;
  }
}

/* Título compacto de paso solo móvil */
.siade-mobile-step-title {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin: 0 0 14px; padding: 11px 15px;
  border: 1px solid var(--linea); border-radius: 14px;
  background: #fff; box-shadow: 0 2px 10px rgba(10,38,71,.05);
}
.siade-mobile-step-title strong { font-size: 14.5px; color: var(--azul); line-height: 1.25; min-width: 0; font-weight: 800; }
.siade-step-pend {
  flex: 0 0 auto; font-size: 11.5px; font-weight: 700; white-space: nowrap;
  padding: 5px 11px; border-radius: 99px; background: #fff7ed; color: #c2410c; border: 1px solid #fed7aa;
}
.siade-step-pend.ok { background: #ecfdf5; color: #047857; border-color: #6ee7b7; }
@media (max-width: 720px) {
  .siade-mobile-step-title { margin: 0 0 10px; padding: 10px 12px; border-radius: 16px; }
  .siade-mobile-step-title strong { font-size: 13.5px; }
  .siade-step-pend { font-size: 10.5px; padding: 4px 9px; }
}

/* (regla antigua reemplazada) */
.siade-mobile-step-title-OLD { display: none; }
@media (max-width: 720px) {
  .siade-mobile-step-title-OLD {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 10px;
    padding: 10px 12px;
    border: 1px solid rgba(226,232,240,.95);
    border-radius: 16px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 8px 22px rgba(10,38,71,.06);
  }
  .siade-mobile-step-title-OLD strong {
    font-size: 13.5px;
    color: #1E3159;
    line-height: 1.25;
    min-width: 0;
  }
  .siade-mobile-step-title-OLD span {
    flex: 0 0 auto;
    font-size: 11px;
    color: #64748b;
    white-space: nowrap;
  }
}

/* Perfil institucional: hero más discreto para que el usuario vea campos rápido */
@media (max-width: 720px) {
  .siade-view-actualizar .siade-welcome {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 12px;
    align-items: center;
    padding: 15px 14px !important;
  }
  .siade-view-actualizar .siade-welcome-eyebrow,
  .siade-view-actualizar .siade-welcome p,
  .siade-view-actualizar .siade-badges {
    display: none !important;
  }
  .siade-view-actualizar .siade-welcome h2 {
    grid-column: 1 / 2;
    font-size: 17px !important;
    margin: 0;
  }
  .siade-view-actualizar .siade-ring-wrap {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    margin: 0;
    justify-content: end;
  }
  .siade-view-actualizar .siade-ring {
    width: 54px !important;
    height: 54px !important;
  }
  .siade-view-actualizar .siade-ring svg {
    width: 54px;
    height: 54px;
  }
  .siade-view-actualizar .siade-ring-label { transform: scale(.72); }
  .siade-view-actualizar .siade-welcome-stats {
    display: none !important;
  }
  .siade-view-actualizar .siade-status-pill {
    grid-column: 1 / 2;
    margin: 6px 0 0 !important;
    padding: 5px 9px;
    font-size: 11px;
    max-width: 100%;
  }
}

/* Barra de acciones fija del formulario: no tapa campos */
@media (max-width: 720px) {
  .siade-view-actualizar,
  .siade-view-nuevo {
    padding-bottom: calc(152px + env(safe-area-inset-bottom)) !important;
  }
  .siade-view-actualizar .siade-card,
  .siade-view-nuevo .siade-card {
    padding-bottom: 28px !important;
  }
  .siade-view-actualizar .siade-actions,
  .siade-view-nuevo .siade-actions {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 85 !important;
    background: rgba(255, 255, 255, .97) !important;
    backdrop-filter: blur(8px);
    padding: 9px 10px !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(10, 38, 71, .18) !important;
    gap: 8px !important;
  }
  .siade-view-actualizar .siade-actions + .siade-small,
  .siade-view-nuevo .siade-actions + .siade-small {
    display: none;
  }
  .siade-view-actualizar .siade-actions .siade-btn,
  .siade-view-nuevo .siade-actions .siade-btn {
    border-radius: 16px;
  }
}

/* En escritorio, formulario y perfil más cómodos */
@media (min-width: 721px) {
  .siade-app-shell .siade-view-actualizar,
  .siade-app-shell .siade-view-nuevo,
  .siade-app-shell .siade-view-auth {
    max-width: 980px !important;
  }
  .siade-view-actualizar .siade-welcome {
    padding: 22px 24px;
  }
  .siade-view-actualizar .siade-ring { width: 76px; height: 76px; }
  .siade-view-actualizar .siade-ring svg { width: 76px; height: 76px; }
}

/* Evita zoom en iOS y corrige inputs de contraseña */
.siade-field input[type=password],
.siade-auth-card input[type=password],
.siade-auth-card input[type=email],
.siade-auth-card input[type=text] {
  font-size: 16px !important;
}

/* Pequeños ajustes visuales */
.siade-card-desc { color: #64748b; }
.siade-summary h4 { color: #1E3159; }
.siade-dir-hero h2 { letter-spacing: -.02em; }

/* ============================================================
   v0.7.6 — Ajustes UX: errores visibles, directorio compacto,
   autorizaciones y logo institucional
   ============================================================ */
.siade-form-errors{
  border:1px solid #fecaca!important;
  background:#fff7f7!important;
  color:#991b1b!important;
  margin:12px 0 16px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(153,27,27,.10)!important;
}
.siade-form-errors strong{display:block;margin-bottom:8px;font-size:15px}
.siade-form-errors ul{margin:0;padding-left:18px;line-height:1.45;font-size:13px}
.siade-form-errors li{margin:4px 0}
.siade-field-invalid input,
.siade-field-invalid textarea,
.siade-field-invalid select{
  border-color:#ef4444!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.10)!important;
}
.siade-field-error{
  display:flex;align-items:center;gap:6px;
  margin-top:7px;color:#b91c1c;font-size:12px;font-weight:800;
}
.siade-check-accept{
  display:flex;align-items:flex-start;gap:10px;
  border:1px solid #dbe5ef;border-radius:16px;padding:13px 14px;
  background:#fff;font-weight:800;color:#1E3159;line-height:1.35;
}
.siade-check-accept input{width:20px;height:20px;margin-top:1px;accent-color:#0a66b7}
.siade-field .siade-upload{padding:16px;border:1px dashed #b8c7d7;border-radius:18px;background:#f8fbff}
.siade-field .siade-upload .siade-small{line-height:1.45}
.siade-logo-preview{max-width:120px;max-height:120px;border-radius:18px;object-fit:contain;background:#fff;border:1px solid #e5edf5;padding:8px;box-shadow:0 10px 28px rgba(15,23,42,.08)}

.siade-dir-hero.compact-hero{padding:22px 24px!important;margin-bottom:18px!important}
.siade-dir-hero.compact-hero h2{font-size:clamp(26px,3vw,36px)!important}
.siade-dir-tools{display:grid;grid-template-columns:minmax(220px,1fr) 180px 230px;gap:12px;margin:12px 0 20px}
.siade-dir-tools input,.siade-dir-tools select{min-height:48px;font-size:16px;border-radius:16px}
.siade-dir-section{margin:22px 0 28px}
.siade-dir-section-head{display:flex;align-items:center;gap:10px;margin:0 0 12px;border-bottom:2px solid var(--gc,#1E3159);padding-bottom:9px;color:#1E3159}
.siade-dir-section-head h3{margin:0;font-size:22px;line-height:1.15}
.siade-dir-section-ic{width:28px;height:28px;display:grid;place-items:center;color:var(--gc,#1E3159)}
.siade-dir-section-ic svg{width:24px;height:24px}
.siade-dir-count{margin-left:auto;background:var(--gc,#1E3159);color:#fff;border-radius:999px;font-weight:900;padding:4px 10px;min-width:34px;text-align:center}
.siade-grid.compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.siade-actor-card.compact{padding:14px 15px!important;border-radius:16px!important;min-height:0!important;border:1px solid var(--linea)!important;border-left:4px solid var(--gc,#1E3159)!important;box-shadow:0 2px 10px rgba(15,23,42,.05)!important;cursor:pointer;transition:all .16s;display:flex;flex-direction:column}
.siade-actor-card.compact:hover{box-shadow:0 8px 22px rgba(15,23,42,.12)!important;transform:translateY(-2px)}
.siade-actor-card.compact .siade-actor-top{display:flex;gap:11px;align-items:center;margin-bottom:8px}
.siade-actor-logo,.siade-actor-logo-img{width:44px!important;height:44px!important;border-radius:12px!important;flex:0 0 44px;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:800;object-fit:contain;background:#fff}
.siade-actor-logo-img{border:1px solid #e5edf5;padding:4px;background:#fff}
.siade-actor-title{min-width:0}
.siade-actor-title h3{margin:0;font-size:15px;line-height:1.2;color:#1E3159;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.siade-actor-type{font-size:11.5px;font-weight:700;margin-top:3px;text-transform:none}
.siade-actor-meta{font-size:12px;color:#64748b;margin:4px 0 6px}
.siade-actor-svcs{font-size:12px;color:#475569;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.siade-actor-soc{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.siade-soc{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--azul-2);transition:all .15s}
.siade-soc svg{width:16px;height:16px}
.siade-soc:hover{background:var(--azul);color:#fff}
.siade-actor-more{margin-top:auto;font-size:12.5px;font-weight:700;color:var(--celeste)}
.siade-badge{display:inline-block;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:900;color:#1E3159;background:#e9eef5}

/* espacios de coordinación */
.siade-space-search{margin:0 0 16px}
.siade-space-search input{width:100%;padding:13px 16px;border:1.5px solid var(--linea);border-radius:13px;font-size:16px;font-family:inherit;background:#fff}
.siade-space-search input:focus{outline:none;border-color:var(--celeste)}
.siade-space-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:8px}
.siade-space-card{background:#fff;border:1px solid var(--linea);border-left:4px solid #2e7d32;border-radius:16px;padding:15px 16px;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(15,23,42,.05);transition:all .16s}
.siade-space-card:hover{box-shadow:0 8px 22px rgba(15,23,42,.12);transform:translateY(-2px)}
.siade-space-top{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.siade-space-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800;flex:0 0 44px}
.siade-space-info{min-width:0;flex:1}
.siade-space-info h3{margin:0;font-size:15px;font-weight:700;color:var(--azul);line-height:1.25}
.siade-space-meta{font-size:11.5px;color:var(--gris);margin-top:3px}
.siade-space-tema{font-size:12.5px;color:#475569;line-height:1.45;margin-bottom:12px;background:#f8fafc;border-radius:9px;padding:8px 10px}
.siade-space-foot{margin-top:auto}
.siade-space-btn{width:100%;flex:1}
@media (max-width:720px){
  .siade-space-grid{grid-template-columns:1fr;gap:10px}
}

@media (max-width:720px){
  .siade-dir-tools{grid-template-columns:1fr;gap:10px}
  .siade-gchips{overflow-x:auto;display:flex;gap:9px;padding-bottom:8px;scroll-snap-type:x proximity}
  .siade-gchip{white-space:nowrap;scroll-snap-align:start}
  .siade-grid.compact-grid{grid-template-columns:1fr;gap:10px}
  .siade-actor-card.compact{padding:13px 14px!important;border-radius:14px!important}
  .siade-dir-section-head h3{font-size:18px}
  .siade-form-errors{margin:10px 0 14px!important;border-radius:16px!important}
}

@media (min-width:721px){
  .siade-app-shell .siade-view-actualizar .siade-welcome,
  .siade-app-shell .siade-view-nuevo .siade-welcome{
    display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;min-height:0!important;
  }
  .siade-app-shell .siade-view-actualizar .siade-welcome h2,
  .siade-app-shell .siade-view-nuevo .siade-welcome h2{font-size:30px!important;margin-bottom:4px!important}
  .siade-app-shell .siade-view-actualizar .siade-welcome p,
  .siade-app-shell .siade-view-nuevo .siade-welcome p{margin-bottom:8px!important}
  .siade-app-shell .siade-view-actualizar .siade-form-card,
  .siade-app-shell .siade-view-nuevo .siade-form-card{margin-top:14px!important}
}

/* ============================================================
   v0.7.9 — PULIDO INTEGRAL (login, tablero, wizard, directorio,
   cuenta/sesión móvil, espacios). Bloque consolidado al final
   para sobrescribir con precisión sin tocar reglas dispersas.
   ============================================================ */

/* ---- 1. HERO DE LOGIN / BIENVENIDA: nunca partir palabras ---- */
.siade-welcome h2,
.siade-welcome-main h2,
.siade-dir-hero h2 {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}
/* El hero de autenticación usa .siade-welcome dentro de una tarjeta angosta:
   forzamos columna y ancho completo para que el título respire. */
.siade-welcome {
  align-items: flex-start;
}
.siade-welcome-main {
  width: 100%;
  min-width: 0;
}
@media (max-width: 560px) {
  .siade-welcome {
    flex-direction: column !important;
    gap: 4px;
  }
  .siade-welcome h2 { font-size: 22px !important; line-height: 1.18 !important; }
  /* el anillo de medallas baja de tamaño y no compite con el texto */
  .siade-welcome .siade-medals,
  .siade-welcome .siade-ring { align-self: flex-start; }
}

/* ---- 2. TABLERO: etiquetas completas, sin "..." cortado ---- */
.siade-bar-row {
  display: grid;
  grid-template-columns: minmax(96px, 38%) 1fr auto;
  align-items: center;
  gap: 10px;
}
.siade-bar-label {
  width: auto !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: left !important;
  line-height: 1.25;
  font-size: 12px;
  color: #475569;
  font-weight: 600;
}
.siade-bar-track { height: 20px; border-radius: 7px; }
.siade-bar-fill { border-radius: 7px; }
.siade-bar-val { width: auto !important; min-width: 26px; text-align: right; }
@media (max-width: 720px) {
  .siade-bar-row { grid-template-columns: minmax(84px, 42%) 1fr auto; gap: 8px; }
  .siade-bar-label { font-size: 11.5px; }
}

/* ---- 3. WIZARD: barra de acciones con respiro y separador ---- */
.siade-actions-row {
  align-items: center !important;
  gap: 12px !important;
  padding-top: 18px;
  margin-top: 22px;
  border-top: 1px solid var(--linea);
}
.siade-actions-row .siade-btn { min-height: 52px; }
.siade-actions-row .siade-btn.secondary {
  min-height: 52px; padding: 0 18px;
}
@media (max-width: 720px) {
  .siade-actions-row { gap: 8px !important; padding-top: 14px; margin-top: 16px; }
  .siade-actions-row .siade-btn.secondary { padding: 0 12px; }
}

/* ---- 4. DIRECTORIO: tarjetas uniformes, "Ver ficha" como chip ---- */
.siade-grid.compact-grid {
  align-items: stretch;
}
.siade-actor-card.compact {
  height: 100%;
}
.siade-actor-card.compact .siade-actor-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: auto;
  padding-top: 10px;
  font-size: 12.5px;
  font-weight: 800;
  color: var(--celeste);
  letter-spacing: .01em;
}
.siade-actor-card.compact:hover .siade-actor-more { color: var(--azul); }
.siade-actor-card.compact .siade-actor-title h3 { line-height: 1.22; }
/* refinamiento de iconos de redes ya existentes (.siade-soc) */
.siade-actor-soc { gap: 8px; margin: 4px 0 8px; }
.siade-soc:hover { background: var(--celeste) !important; transform: translateY(-1px); }

/* ---- 5. CUENTA / SESIÓN (hoja inferior, móvil + escritorio) ---- */
.siade-topbar-avatar {
  border: none; cursor: pointer; font-family: inherit;
  width: 38px; height: 38px; border-radius: 50%;
  background: linear-gradient(135deg, var(--azul), var(--celeste));
  color: #fff; font-weight: 800; font-size: 15px;
  display: inline-flex; align-items: center; justify-content: center;
  transition: transform .15s, box-shadow .15s;
}
.siade-topbar-avatar:hover { transform: scale(1.05); box-shadow: 0 4px 14px rgba(20,66,114,.32); }
.siade-topbar-avatar:active { transform: scale(.96); }

.siade-account-sheet[hidden] { display: none; }
.siade-account-sheet {
  position: fixed; inset: 0; z-index: 1200;
  display: flex; align-items: flex-end; justify-content: center;
}
.siade-account-backdrop {
  position: absolute; inset: 0;
  background: rgba(10,38,71,.42);
  backdrop-filter: blur(2px);
  animation: siadeFade .18s ease;
}
.siade-account-panel {
  position: relative; z-index: 1;
  width: 100%; max-width: 440px;
  background: #fff;
  border-radius: 22px 22px 0 0;
  padding: 22px 18px calc(22px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -10px 40px rgba(10,38,71,.22);
  animation: siadeSlideUp .22s cubic-bezier(.22,1,.36,1);
}
.siade-account-panel::before {
  content: ""; display: block;
  width: 40px; height: 4px; border-radius: 4px;
  background: #cbd5e1; margin: 0 auto 16px;
}
.siade-account-head {
  display: flex; align-items: center; gap: 13px;
  padding-bottom: 16px; margin-bottom: 12px;
  border-bottom: 1px solid var(--linea);
}
.siade-account-avatar {
  width: 48px; height: 48px; border-radius: 14px; flex: 0 0 auto;
  background: linear-gradient(135deg, var(--azul), var(--celeste));
  color: #fff; font-weight: 800; font-size: 19px;
  display: inline-flex; align-items: center; justify-content: center;
}
.siade-account-id { min-width: 0; display: flex; flex-direction: column; }
.siade-account-id strong { font-size: 15px; color: var(--azul); line-height: 1.2; }
.siade-account-id span { font-size: 12.5px; color: var(--gris); overflow-wrap: anywhere; }
.siade-account-role {
  margin-top: 4px; font-size: 11px !important; font-weight: 700;
  color: var(--celeste) !important; text-transform: uppercase; letter-spacing: .04em;
}
.siade-account-item {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 14px 12px; border: none; border-radius: 13px;
  background: #f8fafc; color: var(--azul); cursor: pointer;
  font-family: inherit; font-size: 14.5px; font-weight: 600;
  text-decoration: none; transition: background .15s; margin-bottom: 8px;
}
.siade-account-item:hover { background: #eef2f7; }
.siade-account-grouplbl { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; margin: 2px 2px 9px; }
.siade-nav-badge { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #ef4444; color: #fff; font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; box-shadow: 0 2px 6px rgba(239,68,68,.4); }
.siade-account-item .siade-nav-badge { margin-left: auto; }
.siade-account-foot { text-align: center; padding: 15px 0 2px; margin-top: 6px; border-top: 1px solid #eef2f7; display: flex; flex-direction: column; gap: 4px; }
.siade-account-ver { font-size: 11px; font-weight: 700; color: #94a3b8; letter-spacing: .02em; }
.siade-account-love { font-size: 11px; color: #b6c0cc; }
.siade-heart { color: #d4574a; }
/* Tarjeta gráfica "Tablero del territorio" en Cuenta */
.siade-acc-tablero { display: flex; align-items: center; gap: 13px; width: 100%; text-align: left; font-family: inherit; cursor: pointer; margin: 10px 0 0; padding: 13px 15px; border-radius: 16px; border: 1px solid #e3ecf5; background: linear-gradient(135deg, #f7fafd, #eef4fb); transition: transform .16s, box-shadow .16s; }
.siade-acc-tablero:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(10,38,71,.1); }
.siade-acc-tablero:active { transform: scale(.99); }
.siade-acc-tablero-viz { flex: 0 0 auto; width: 48px; height: 44px; border-radius: 11px; background: #fff; border: 1px solid #e3ecf5; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding: 7px 8px; }
.siade-acc-tablero-viz i { width: 4px; border-radius: 2px; background: linear-gradient(180deg, #2c74b3, #1E3159); display: block; }
.siade-acc-tablero-viz i:nth-child(2) { background: linear-gradient(180deg, #e8b94a, #cf9620); }
.siade-acc-tablero-viz i:nth-child(4) { background: linear-gradient(180deg, #5ba4d4, #1565c0); }
.siade-acc-tablero-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.siade-acc-tablero-tx strong { font-size: 14px; font-weight: 800; color: #1E3159; }
.siade-acc-tablero-tx span { font-size: 11.5px; color: #64748b; line-height: 1.35; }
.siade-acc-tablero-go { flex: 0 0 auto; width: 20px; height: 20px; color: #94a3b8; }
.siade-account-item svg { width: 20px; height: 20px; flex: 0 0 auto; }
.siade-account-item.danger { color: #dc2626; }
.siade-account-item.danger:hover { background: #fef2f2; }

/* Resumen de avance de la ficha en el sheet de cuenta (institución) */
.siade-account-ficha { margin: 4px 0 8px; padding: 14px; border-radius: 16px; background: linear-gradient(160deg,#f7fafd,#eef4fb); border: 1px solid #e3ecf5; }
.siade-acc-ficha-row { display: flex; align-items: center; gap: 14px; min-height: 64px; }
.siade-acc-ring { position: relative; width: 64px; height: 64px; flex: 0 0 64px; }
.siade-acc-ring svg { transform: rotate(-90deg); }
.siade-acc-ring-track { fill: none; stroke: #e2e9f1; stroke-width: 6; }
.siade-acc-ring-fill { fill: none; stroke-width: 6; stroke-linecap: round; transition: stroke-dashoffset 1s cubic-bezier(.4,0,.2,1); }
.siade-acc-ring.is-skel .siade-acc-ring-track { animation: siadeAccPulse 1.3s ease-in-out infinite; }
@keyframes siadeAccPulse { 0%,100%{opacity:.45} 50%{opacity:1} }
.siade-acc-ring-pct { position: absolute; inset: 0; display: grid; place-items: center; font-size: 16px; font-weight: 800; color: #1d2e44; letter-spacing: -.02em; }
.siade-acc-ficha-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.siade-acc-ficha-tx strong { font-size: 14.5px; font-weight: 750; color: #16243a; letter-spacing: -.01em; }
.siade-acc-ficha-meta { font-size: 12px; color: #5b6b82; }
.siade-acc-ficha-pend { font-size: 11.5px; font-weight: 600; color: #b45309; }
.siade-acc-ficha-ok { font-size: 11.5px; font-weight: 600; color: #1f9254; }
.siade-acc-ficha-date { font-size: 11px; color: #93a1b5; margin-top: 1px; }
.siade-acc-ficha-btn { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; margin-top: 12px; padding: 11px; border: 0; border-radius: 12px; cursor: pointer; font-family: inherit; font-size: 13.5px; font-weight: 650; color: #fff; background: linear-gradient(150deg,#103257,#08213b); box-shadow: 0 5px 14px rgba(8,33,59,.28); transition: transform .15s, box-shadow .15s; }
.siade-acc-ficha-btn svg { width: 16px; height: 16px; }
.siade-acc-ficha-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(8,33,59,.34); }
.siade-acc-ficha-btn:active { transform: scale(.98); }
@keyframes siadeFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes siadeSlideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
/* en escritorio centramos como modal pequeño */
@media (min-width: 721px) {
  .siade-account-sheet { align-items: center; }
  .siade-account-panel {
    max-width: 380px; border-radius: 18px;
    padding: 22px 20px 20px;
    animation: siadePop .18s cubic-bezier(.22,1,.36,1);
  }
  .siade-account-panel::before { display: none; }
}
@keyframes siadePop { from { transform: scale(.96); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* ---- 6. ESPACIOS: botón Unirme más compacto en escritorio ---- */
@media (min-width: 721px) {
  .siade-space-btn { width: auto; min-width: 150px; flex: 0 0 auto; align-self: flex-start; }
  .siade-space-card { padding-bottom: 16px; }
}

/* ============================================================
   v0.7.9b — PULIDO ESCRITORIO + TABLERO
   ============================================================ */

/* ---- Scrollbars finas y discretas (sidebar + contenido) ---- */
.siade-shell-scroll,
.siade-nav,
.siade-account-panel {
  scrollbar-width: thin;
  scrollbar-color: rgba(100,116,139,.35) transparent;
}
.siade-shell-scroll::-webkit-scrollbar,
.siade-nav::-webkit-scrollbar { width: 8px; }
.siade-shell-scroll::-webkit-scrollbar-thumb,
.siade-nav::-webkit-scrollbar-thumb {
  background: rgba(100,116,139,.3); border-radius: 8px;
}
.siade-shell-scroll::-webkit-scrollbar-thumb:hover { background: rgba(100,116,139,.5); }
.siade-nav::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); }
.siade-shell-scroll::-webkit-scrollbar-track,
.siade-nav::-webkit-scrollbar-track { background: transparent; }

/* ---- Tablero: notas y estados vacíos ---- */
.siade-dash-note {
  margin: 12px 0 0; font-size: 11.5px; color: var(--gris);
  font-style: italic; line-height: 1.4;
}
.siade-dash-empty {
  font-size: 13px; color: var(--gris); line-height: 1.5;
  background: #f8fafc; border: 1px dashed var(--linea);
  border-radius: 10px; padding: 18px; text-align: center;
}

/* ---- Tablero: tarjetas con un poco más de presencia en escritorio ---- */
@media (min-width: 721px) {
  .siade-dash-card { padding: 22px 24px; box-shadow: 0 2px 12px rgba(15,23,42,.04); }
  .siade-dash-card h3 {
    font-size: 14px; padding-bottom: 12px; margin-bottom: 16px;
    border-bottom: 1px solid var(--linea);
  }
  .siade-kpi {
    box-shadow: 0 2px 12px rgba(15,23,42,.05);
    transition: transform .16s, box-shadow .16s;
  }
  .siade-kpi:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(15,23,42,.1); }
  /* hero del tablero con jerarquía un poco mayor en escritorio */
  .siade-dir-hero h2 { font-size: 22px; }
}

/* ---- Directorio: aprovechar mejor el ancho en escritorio ---- */
@media (min-width: 1000px) {
  .siade-grid.compact-grid { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
}

/* ---- Topbar: avatar redondo coherente con la hoja de cuenta ---- */
.siade-topbar-avatar { border-radius: 50% !important; }

/* ---- Sidebar: pie con borde más sutil y usuario clicable ---- */
@media (min-width: 721px) {
  .siade-side-user { padding: 4px 2px; }
  .siade-side-logout { transition: all .15s; }
}

/* ============================================================
   v0.8.0 — MICROINTERACCIONES Y PULIDO FINO
   Detalles que hacen que se sienta como app nativa.
   ============================================================ */

/* ---- Accesibilidad: respetar "reducir movimiento" ---- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---- Quitar el flash azul de tap en iOS/Android ---- */
.siade-app * { -webkit-tap-highlight-color: transparent; }
button, a, .siade-actor-card, .siade-bottom-item, .siade-step, .siade-chip, .siade-optcard {
  -webkit-tap-highlight-color: transparent;
}

/* ---- Anillo de foco accesible y elegante (solo teclado) ---- */
.siade-app button:focus-visible,
.siade-app a:focus-visible,
.siade-app input:focus-visible,
.siade-app select:focus-visible,
.siade-app textarea:focus-visible,
.siade-app [tabindex]:focus-visible {
  outline: 2px solid var(--celeste);
  outline-offset: 2px;
  border-radius: 8px;
}

/* ---- Botones: feedback de presión consistente ---- */
.siade-btn, .siade-btn-save, .siade-account-item, .siade-chip, .siade-optcard,
.siade-step, .siade-bottom-item, .siade-nav-item, .siade-soc, .siade-actor-more {
  -webkit-user-select: none; user-select: none;
}
.siade-btn:active:not(:disabled) { transform: scale(.975); }
.siade-account-item:active { transform: scale(.985); }
.siade-tile:active, .siade-home-card:active { transform: scale(.99); }

/* ---- Entrada escalonada de tarjetas del directorio/espacios ---- */
@keyframes siadeCardIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.siade-grid.compact-grid .siade-actor-card.compact,
.siade-space-grid .siade-space-card {
  animation: siadeCardIn .34s cubic-bezier(.22,1,.36,1) both;
}
/* el escalonado da sensación de carga viva, sin librerías */
.siade-grid.compact-grid .siade-actor-card.compact:nth-child(1),
.siade-space-grid .siade-space-card:nth-child(1) { animation-delay: .02s; }
.siade-grid.compact-grid .siade-actor-card.compact:nth-child(2),
.siade-space-grid .siade-space-card:nth-child(2) { animation-delay: .06s; }
.siade-grid.compact-grid .siade-actor-card.compact:nth-child(3),
.siade-space-grid .siade-space-card:nth-child(3) { animation-delay: .10s; }
.siade-grid.compact-grid .siade-actor-card.compact:nth-child(4),
.siade-space-grid .siade-space-card:nth-child(4) { animation-delay: .14s; }
.siade-grid.compact-grid .siade-actor-card.compact:nth-child(5),
.siade-space-grid .siade-space-card:nth-child(5) { animation-delay: .18s; }
.siade-grid.compact-grid .siade-actor-card.compact:nth-child(n+6),
.siade-space-grid .siade-space-card:nth-child(n+6) { animation-delay: .22s; }

/* ---- KPIs del tablero: entrada suave escalonada ---- */
.siade-kpis .siade-kpi { animation: siadeCardIn .3s cubic-bezier(.22,1,.36,1) both; }
.siade-kpis .siade-kpi:nth-child(2) { animation-delay: .05s; }
.siade-kpis .siade-kpi:nth-child(3) { animation-delay: .10s; }
.siade-kpis .siade-kpi:nth-child(4) { animation-delay: .15s; }

/* ---- Bottom-nav: transición e indicador más vivos ---- */
@media (max-width: 720px) {
  .siade-bottom-item {
    transition: color .18s ease, background .22s cubic-bezier(.22,1,.36,1), transform .14s;
  }
  .siade-bottom-item .siade-nav-ic { transition: transform .2s cubic-bezier(.34,1.56,.64,1); }
  .siade-bottom-item.active .siade-nav-ic { transform: translateY(-1px) scale(1.08); }
  .siade-bottom-item:active { transform: scale(.92); }
  .siade-bottom-item.active { box-shadow: 0 6px 16px rgba(8,33,59,.34); }
}

/* ---- Stepper: paso activo con leve realce ---- */
.siade-step { transition: all .18s cubic-bezier(.22,1,.36,1); }
.siade-step:active { transform: scale(.96); }

/* ---- Inputs: foco con anillo suave de color institucional ---- */
.siade-field input:focus,
.siade-field select:focus,
.siade-field textarea:focus,
.siade-auth-card input:focus {
  border-color: var(--celeste) !important;
  box-shadow: 0 0 0 3px rgba(91,164,212,.16) !important;
}

/* ---- Tarjetas de actor: elevar imagen/logo sutilmente al hover ---- */
.siade-actor-card.compact .siade-actor-logo,
.siade-actor-card.compact .siade-actor-logo-img { transition: transform .2s ease; }
.siade-actor-card.compact:hover .siade-actor-logo,
.siade-actor-card.compact:hover .siade-actor-logo-img { transform: scale(1.05); }

/* ---- Toast: barra de acento + entrada con rebote ya existente ---- */
.siade-toast { border-left: 4px solid var(--celeste); }

/* ---- Avatar topbar/cuenta: micro-rebote al abrir hoja ---- */
.siade-topbar-avatar:active { transform: scale(.92); }

/* ---- Enlaces de redes: rebote sutil ---- */
.siade-soc:active { transform: scale(.9); }

/* ---- Botón guardar borrador: pulso al guardar (estado .saving) ---- */
@keyframes siadeSavePulse {
  0%, 100% { opacity: .5; }
  50% { opacity: .85; }
}
.siade-btn-save.saving { animation: siadeSavePulse 1s ease-in-out infinite; }

/* ---- Scroll suave en toda la app ---- */
.siade-shell-scroll { scroll-behavior: smooth; }

/* ============================================================
   v0.8.3 — FICHA PÚBLICA DEL ACTOR (perfil enriquecido)
   ============================================================ */

/* Hero: profundidad + brillo institucional */
.siade-profile-hero {
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(10,38,71,.18);
}
.siade-profile-hero::after {
  content: ""; position: absolute; top: -40%; right: -10%;
  width: 280px; height: 280px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.10), transparent 70%);
  pointer-events: none;
}
.siade-profile-hero h1 { line-height: 1.15; word-break: normal; overflow-wrap: break-word; }
.siade-back { transition: background .15s, transform .12s; }
.siade-back:hover { background: rgba(255,255,255,.26); }
.siade-back:active { transform: scale(.97); }
.siade-profile-id > div { min-width: 0; }

/* Redes sociales en el hero (blancas sobre el degradado) */
.siade-profile-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.siade-profile-social .siade-soc {
  width: 34px; height: 34px; border-radius: 10px;
  background: rgba(255,255,255,.16); color: #fff;
  transition: all .16s;
}
.siade-profile-social .siade-soc:hover {
  background: #fff; color: var(--gc, var(--azul)); transform: translateY(-2px);
}
.siade-profile-social .siade-soc svg { width: 17px; height: 17px; }

/* Descripción "Sobre la institución" */
.siade-profile-about p {
  margin: 0; font-size: 14.5px; line-height: 1.65; color: #334155;
}

/* Chips informativos (alcance / rol / presencia) */
.siade-info-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.siade-info-chip {
  display: inline-flex; flex-direction: column; gap: 2px;
  background: #fff; border: 1px solid var(--linea); border-left: 3px solid var(--celeste);
  border-radius: 11px; padding: 9px 14px; font-size: 13px; font-weight: 600; color: var(--azul);
  box-shadow: 0 1px 4px rgba(15,23,42,.04);
}
.siade-info-chip-k {
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  color: var(--gris);
}

/* Sede con icono */
.siade-profile-sede { margin: 0; font-size: 14px; font-weight: 600; color: var(--azul); }

/* Animación de entrada del perfil */
.siade-profile-hero { animation: siadeCardIn .34s cubic-bezier(.22,1,.36,1) both; }
.siade-profile-body .siade-profile-block { animation: siadeCardIn .34s cubic-bezier(.22,1,.36,1) both; }
.siade-profile-main .siade-profile-block:nth-child(2) { animation-delay: .05s; }
.siade-profile-main .siade-profile-block:nth-child(3) { animation-delay: .10s; }
.siade-profile-side .siade-profile-block:nth-child(2) { animation-delay: .08s; }
.siade-profile-side .siade-profile-block:nth-child(3) { animation-delay: .12s; }

/* Listas de servicios con viñeta de color */
.siade-profile-list li { margin-bottom: 4px; }
.siade-profile-list { list-style: none; padding-left: 0; }
.siade-profile-list li::before {
  content: "\2022"; color: var(--celeste); font-weight: 900;
  display: inline-block; width: 16px; margin-left: -2px;
}

/* Móvil: hero y chips más compactos */
@media (max-width: 720px) {
  .siade-profile-hero { padding: 18px; border-radius: 18px; }
  .siade-profile-hero h1 { font-size: 21px; }
  .siade-profile-logo { height: 60px; width: 60px; }
  .siade-info-chip { flex: 1 1 auto; min-width: 130px; }
  .siade-profile-social .siade-soc { width: 38px; height: 38px; }
}

/* ============================================================
   v0.8.4 — CLARIDAD DE BOTONES Y MENSAJE DE GUARDADO
   ============================================================ */

/* Botón "Guardar" con texto siempre visible */
.siade-btn-save-txt { white-space: nowrap; }
@media (max-width: 380px) {
  /* en pantallas muy estrechas, compactar un poco el texto */
  .siade-btn-save { padding: 0 12px; font-size: 12.5px; }
}

/* Mensaje "Borrador guardado": píldora clara ARRIBA de los botones */
.siade-save-note {
  min-height: 0;
}
.siade-save-note:not(:empty) {
  display: inline-flex; align-items: center; gap: 6px;
  background: #ecfdf5; color: #065f46;
  border: 1px solid #6ee7b7; border-radius: 10px;
  padding: 9px 14px; font-size: 13px; font-weight: 700;
  margin: 0 0 12px; width: auto;
  animation: siadeCardIn .26s cubic-bezier(.22,1,.36,1) both;
  box-shadow: 0 2px 8px rgba(16,185,129,.12);
}

/* Reforzar distinción de botones de la fila de acciones */
.siade-actions-row .siade-btn[data-next],
.siade-actions-row .siade-btn[data-submit] {
  font-weight: 800; letter-spacing: .01em;
}
.siade-actions-row .siade-btn.secondary {
  background: #fff; border: 1.5px solid #cbd5e1; color: var(--azul);
}
/* La nota de guardado nunca debe quedar tapada por la fila de acciones */
.siade-actions-row { margin-top: 8px !important; }

/* ============================================================
   v0.8.6 — AVISO CENTRAL (modal toast) bonito y centrado
   ============================================================ */
.siade-center-toast-wrap {
  position: fixed; inset: 0; z-index: 100000;
  display: flex; align-items: center; justify-content: center;
  background: rgba(10, 38, 71, 0); pointer-events: none;
  transition: background .3s ease; padding: 24px;
}
.siade-center-toast-wrap.show { background: rgba(10, 38, 71, .28); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }

.siade-center-toast {
  background: #fff; border-radius: 22px; padding: 30px 30px 26px;
  width: min(330px, 86vw); text-align: center;
  box-shadow: 0 24px 60px rgba(10,38,71,.32), 0 4px 14px rgba(10,38,71,.16);
  transform: scale(.84) translateY(8px); opacity: 0;
  transition: transform .34s cubic-bezier(.22,1.2,.36,1), opacity .26s ease;
}
.siade-center-toast-wrap.show .siade-center-toast { transform: scale(1) translateY(0); opacity: 1; }

.siade-ct-icon {
  width: 76px; height: 76px; margin: 0 auto 16px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.siade-center-toast.ok  .siade-ct-icon { background: #ecfdf5; color: #10b981; }
.siade-center-toast.err .siade-ct-icon { background: #fef2f2; color: #ef4444; }
.siade-ct-icon svg { width: 46px; height: 46px; }

/* animación del check */
.siade-ct-circle { stroke-dasharray: 145; stroke-dashoffset: 145; animation: siadeCtCircle .5s cubic-bezier(.65,0,.45,1) .1s forwards; }
.siade-ct-check  { stroke-dasharray: 48;  stroke-dashoffset: 48;  animation: siadeCtCheck .35s cubic-bezier(.65,0,.45,1) .45s forwards; }
@keyframes siadeCtCircle { to { stroke-dashoffset: 0; } }
@keyframes siadeCtCheck  { to { stroke-dashoffset: 0; } }

.siade-ct-title { font-size: 19px; font-weight: 800; color: var(--azul); letter-spacing: -.01em; }
.siade-ct-sub { margin-top: 7px; font-size: 13.5px; color: #64748b; line-height: 1.5; }
@media (prefers-reduced-motion: reduce) {
  .siade-ct-circle, .siade-ct-check { animation: none; stroke-dashoffset: 0; }
  .siade-center-toast { transition: opacity .2s ease; transform: none; }
}

/* ============================================================
   v0.8.6 — PESTAÑAS DE ACCESO (login) limpias y con contraste
   ============================================================ */
.siade-auth-tabs {
  display: flex; gap: 4px; background: #f1f5f9; border: 1px solid var(--linea);
  border-radius: 14px; padding: 4px; margin-bottom: 22px; flex-wrap: nowrap;
}
.siade-auth-tab {
  flex: 1 1 0; min-width: 0; padding: 12px 6px; border: none; cursor: pointer;
  font-family: inherit; font-weight: 700; font-size: 12.5px; border-radius: 10px;
  background: transparent; color: #475569; transition: all .18s;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.siade-auth-tab:hover { color: var(--azul); background: rgba(255,255,255,.6); }
.siade-auth-tab.active {
  background: #fff; color: var(--azul);
  box-shadow: 0 2px 8px rgba(10,38,71,.12); font-weight: 800;
}
@media (max-width: 420px) {
  .siade-auth-tab { font-size: 11.5px; padding: 11px 4px; }
}

/* ============================================================
   v0.8.9 — ICONOS SVG PROFESIONALES en tarjetas de tipo de actor
   ============================================================ */
.siade-optcard-ic { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.siade-tipo-svg {
  width: 30px; height: 30px; color: var(--celeste);
  transition: color .18s, transform .18s;
}
.siade-optcard:hover .siade-tipo-svg { transform: scale(1.08); }
.siade-optcard.selected .siade-tipo-svg { color: var(--azul); }
/* En el ícono dentro de tarjetas seleccionadas, un fondo circular suave para que resalte */
.siade-optcard.selected .siade-optcard-ic {
  position: relative;
}

/* ============================================================
   v0.9.0 — RESUMEN FINAL agrupado y banner de progreso
   ============================================================ */
.siade-summary-banner {
  display: flex; align-items: center; gap: 16px;
  padding: 16px 18px; border-radius: 16px; margin: 4px 0 18px;
  border: 1px solid var(--linea);
}
.siade-summary-banner.full { background: linear-gradient(135deg, #ecfdf5, #f0fdf4); border-color: #6ee7b7; }
.siade-summary-banner.mid  { background: linear-gradient(135deg, #eff6ff, #f0f7ff); border-color: #bfdbfe; }
.siade-summary-banner.low  { background: linear-gradient(135deg, #fff7ed, #fffbeb); border-color: #fed7aa; }
.siade-summary-banner-pct {
  flex: 0 0 auto; font-size: 26px; font-weight: 800; color: var(--azul);
  width: 64px; height: 64px; border-radius: 50%; background: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 12px rgba(10,38,71,.1);
}
.siade-summary-banner.full .siade-summary-banner-pct { color: #047857; }
.siade-summary-banner-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.siade-summary-banner-txt strong { font-size: 15px; color: var(--azul); }
.siade-summary-banner-txt span { font-size: 12.5px; color: #64748b; line-height: 1.4; }

.siade-summary-sec { margin-bottom: 18px; }
.siade-summary-sec:last-child { margin-bottom: 0; }
.siade-summary-sec-title {
  font-size: 12px; font-weight: 800; color: var(--celeste);
  text-transform: uppercase; letter-spacing: .04em;
  padding: 8px 0 6px; margin-bottom: 4px; border-bottom: 2px solid #eff6ff;
}

/* ============================================================
   v0.9.5 — MAPA TERRITORIAL
   ============================================================ */
.siade-map-chips { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 14px; }
.siade-map-layout { display: grid; grid-template-columns: 1fr 300px; gap: 16px; align-items: start; }
@media (max-width: 900px) { .siade-map-layout { grid-template-columns: 1fr; } }
.siade-map { height: 520px; border-radius: 18px; overflow: hidden; border: 1px solid var(--linea); box-shadow: 0 8px 24px rgba(10,38,71,.08); position: relative; z-index: 0; }
@media (max-width: 720px) { .siade-map { height: 420px; } }
.siade-map-loading { display: flex; align-items: center; justify-content: center; height: 100%; color: #64748b; font-size: 14px; }
.siade-mapmark-wrap { background: transparent; border: 0; }
.siade-mapmark {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  border-radius: 50%; background: var(--azul); color: #fff;
  border: 2.5px solid #fff; box-shadow: 0 4px 14px rgba(10,38,71,.35);
  transition: transform .15s;
}
.siade-mapmark:hover { transform: scale(1.08); }
.siade-mapmark b { font-size: 14px; line-height: 1; }
.siade-mapmark span { font-size: 8px; opacity: .85; margin-top: 1px; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.siade-mapmark.empty { background: #94a3b8; box-shadow: 0 3px 9px rgba(100,116,139,.3); }
.siade-pop { font-family: inherit; min-width: 220px; }
.siade-pop-head { border-bottom: 2px solid #eff6ff; padding-bottom: 7px; margin-bottom: 7px; }
.siade-pop-head b { display: block; color: var(--azul); font-size: 14px; }
.siade-pop-head span { font-size: 11px; color: #64748b; }
.siade-pop-item { padding: 6px 8px; border-radius: 9px; cursor: pointer; transition: background .12s; }
.siade-pop-item:hover { background: #f0f7ff; }
.siade-pop-item b { display: block; font-size: 12px; color: var(--azul); line-height: 1.25; }
.siade-pop-item span { font-size: 10.5px; color: var(--celeste); }
.siade-pop-more, .siade-pop-empty { font-size: 11px; color: #64748b; padding: 6px 8px 2px; font-style: italic; }
.siade-map-rank { background: #fff; border: 1px solid var(--linea); border-radius: 18px; padding: 18px; box-shadow: 0 6px 18px rgba(10,38,71,.06); }
.siade-map-rank h3 { margin: 0 0 12px; font-size: 14.5px; color: var(--azul); }
.siade-rank-row { display: grid; grid-template-columns: 96px 1fr 26px; align-items: center; gap: 8px; margin-bottom: 8px; }
.siade-rank-name { font-size: 11.5px; color: #334155; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.siade-rank-bar { height: 9px; background: #eef2f7; border-radius: 99px; overflow: hidden; }
.siade-rank-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--celeste), var(--azul)); border-radius: 99px; transition: width .6s cubic-bezier(.22,1,.36,1); }
.siade-rank-row b { font-size: 12px; color: var(--azul); text-align: right; }

/* ============================================================
   v0.9.5 — TABLERO: donut de avance
   ============================================================ */
.siade-donut-card { display: flex; flex-direction: column; align-items: center; text-align: center; }
.siade-donut {
  --p: 0; width: 140px; height: 140px; border-radius: 50%;
  background: conic-gradient(#10b981 calc(var(--p) * 1%), #e8eef5 0);
  display: flex; align-items: center; justify-content: center; position: relative; margin-top: 6px;
}
.siade-donut::before { content: ""; position: absolute; inset: 14px; border-radius: 50%; background: #fff; box-shadow: inset 0 1px 4px rgba(10,38,71,.06); }
.siade-donut b { position: relative; font-size: 26px; color: var(--azul); font-weight: 800; }

/* KPI con icono SVG */
.siade-kpi-ic svg { width: 26px; height: 26px; color: var(--kc, var(--azul)); }

/* Chips de filtro del mapa (estado activo sin check) */
.siade-map-chips .siade-chip { cursor: pointer; }
.siade-chip.active { background: var(--azul); color: #fff; border-color: var(--azul); box-shadow: 0 4px 12px rgba(10,38,71,.2); }

/* ============================================================
   v0.9.6 — PORTADA DEL PERFIL, WHATSAPP, CAMPANITA, FICHA VIVA
   ============================================================ */
/* Portada de entrada al perfil */
.siade-cover {
  background: linear-gradient(135deg, #1E3159 0%, #2A4576 70%, #1d5a96 100%);
  border-radius: 20px; padding: 24px 26px; color: #fff;
  box-shadow: 0 14px 36px rgba(10,38,71,.26); position: relative; overflow: hidden;
}
.siade-cover::after { content: ""; position: absolute; right: -80px; top: -90px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(212,160,23,.20), transparent 65%); pointer-events: none; }

/* Layout en 2 columnas: identidad | progreso + acciones */
.siade-cover-grid { display: grid; grid-template-columns: 1fr; gap: 22px; position: relative; }
@media (min-width: 860px) {
  .siade-cover-grid { grid-template-columns: 1.35fr 1fr; gap: 30px; align-items: center; }
  .siade-cover-right { border-left: 1px solid rgba(255,255,255,.12); padding-left: 30px; }
}
.siade-cover-left { display: flex; flex-direction: column; min-width: 0; }
.siade-cover-right { display: flex; flex-direction: column; justify-content: center; gap: 13px; }

.siade-cover-eyebrow { font-size: 10.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #e8c766; margin-bottom: 14px; }
.siade-cover-inst { display: flex; align-items: center; gap: 15px; margin-bottom: 14px; }
.siade-cover-ic { width: 54px; height: 54px; border-radius: 15px; background: rgba(255,255,255,.1); border: 1.5px solid rgba(212,160,23,.55); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.siade-cover-ic svg { width: 28px; height: 28px; color: #fff; }
.siade-cover-idtx { min-width: 0; }
.siade-cover-label { font-size: 11.5px; color: #aec4dc; margin-bottom: 3px; }
.siade-cover h2 { margin: 0; font-size: 23px; line-height: 1.18; color: #fff; }

/* Estado premium: badge con punto pulsante + variantes de color */
.siade-cover-state { display: inline-flex; align-items: center; gap: 9px; align-self: flex-start; padding: 8px 15px; border-radius: 12px; margin-bottom: 13px; font-size: 13px; }
.siade-cover-state-lbl { font-weight: 800; letter-spacing: .02em; }
.siade-cover-state-sub { font-size: 11.5px; opacity: .85; font-weight: 500; }
.siade-cover-state-dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; position: relative; }
.siade-cover-state-dot::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; animation: siadePulse 2s ease-out infinite; }
@keyframes siadePulse { 0% { box-shadow: 0 0 0 0 currentColor; opacity: .55; } 100% { box-shadow: 0 0 0 9px transparent; opacity: 0; } }
.siade-cover-state--ok { background: rgba(16,185,129,.16); border: 1px solid rgba(16,185,129,.42); }
.siade-cover-state--ok .siade-cover-state-dot { background: #10b981; color: #10b981; }
.siade-cover-state--ok .siade-cover-state-lbl, .siade-cover-state--ok .siade-cover-state-sub { color: #d1fae5; }
.siade-cover-state--wait { background: rgba(245,158,11,.16); border: 1px solid rgba(245,158,11,.42); }
.siade-cover-state--wait .siade-cover-state-dot { background: #f59e0b; color: #f59e0b; }
.siade-cover-state--wait .siade-cover-state-lbl, .siade-cover-state--wait .siade-cover-state-sub { color: #fef3c7; }
.siade-cover-state--warn { background: rgba(239,68,68,.16); border: 1px solid rgba(239,68,68,.42); }
.siade-cover-state--warn .siade-cover-state-dot { background: #ef4444; color: #ef4444; }
.siade-cover-state--warn .siade-cover-state-lbl, .siade-cover-state--warn .siade-cover-state-sub { color: #fee2e2; }
.siade-cover-state--draft { background: rgba(148,163,184,.16); border: 1px solid rgba(148,163,184,.42); }
.siade-cover-state--draft .siade-cover-state-dot { background: #94a3b8; color: #94a3b8; }
.siade-cover-state--draft .siade-cover-state-lbl, .siade-cover-state--draft .siade-cover-state-sub { color: #e2e8f0; }

.siade-cover-sub { color: #dce7f2; font-size: 13.5px; line-height: 1.5; margin: 0; }

/* Progreso: anillo + cifras */
.siade-cover-progress { display: flex; align-items: center; gap: 18px; }
.siade-cover-stats { display: flex; flex-direction: column; gap: 9px; }
.siade-cover-stats > div { display: flex; flex-direction: column; line-height: 1.1; }
.siade-cover-stats b { color: #fff; font-size: 22px; font-weight: 800; }
.siade-cover-stats span { font-size: 12px; color: #b8cadd; }

/* Acciones (columna derecha) */
.siade-cover-cta { width: 100%; justify-content: center; padding: 14px 20px; font-size: 15px; }
.siade-cover-rowbtns { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.siade-btn.ghost { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.24); color: #fff; }
.siade-btn.ghost:hover { background: rgba(255,255,255,.18); transform: translateY(-1px); }
.siade-cover-summary { flex: 1 1 auto; justify-content: center; }

/* Botones de descarga (PDF/Excel) — sólidos y visibles */
.siade-cover-dl { display: inline-flex; align-items: center; gap: 7px; }
.siade-cover-dl-lbl { font-size: 10.5px; color: rgba(255,255,255,.55); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.siade-dlbtn {
  display: inline-flex; align-items: center; gap: 6px; padding: 9px 15px; border-radius: 10px; cursor: pointer;
  background: rgba(255,255,255,.94); border: 0; color: #1E3159;
  font-family: inherit; font-size: 12.5px; font-weight: 750; transition: transform .12s, box-shadow .15s;
  box-shadow: 0 3px 10px rgba(0,0,0,.18);
}
.siade-dlbtn svg { width: 15px; height: 15px; }
.siade-dlbtn:hover { transform: translateY(-1px); box-shadow: 0 5px 14px rgba(0,0,0,.24); }
.siade-dlbtn:active { transform: translateY(0); }

.siade-cover-note { margin-top: 18px; font-size: 11.5px; color: #8fa9c4; border-top: 1px solid rgba(255,255,255,.12); padding-top: 13px; position: relative; }

@media (max-width: 859px) {
  .siade-cover { padding: 22px 18px; border-radius: 18px; }
  .siade-cover h2 { font-size: 20px; }
  .siade-cover-rowbtns { justify-content: space-between; }
  .siade-cover-dl { flex: 0 1 auto; }
}

/* Botón de WhatsApp prominente en ficha pública */
.siade-btn.wa { background: #25D366; color: #fff; border: 0; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 16px rgba(37,211,102,.35); }
.siade-btn.wa:hover { background: #1fb557; transform: translateY(-1px); }

/* Contacto de ficha: iconos alineados */
.siade-profile-contact .siade-btn { display: inline-flex; align-items: center; gap: 8px; }

/* Insignia de la campanita en el menú de Avisos */
.siade-nav-item { position: relative; }
.siade-nav-badge {
  position: absolute; top: 6px; right: 10px; min-width: 18px; height: 18px;
  border-radius: 99px; background: #e8590c; color: #fff; font-size: 10.5px; font-weight: 800;
  display: flex; align-items: center; justify-content: center; padding: 0 5px;
  box-shadow: 0 2px 6px rgba(232,89,12,.4); animation: siadeBadgePop .35s cubic-bezier(.22,1.4,.36,1);
}
@keyframes siadeBadgePop { from { transform: scale(.4); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* Hero de la ficha pública con degradado del color del grupo */
.siade-profile-hero { background: linear-gradient(135deg, var(--gc, #1E3159), color-mix(in srgb, var(--gc, #1E3159) 65%, #1E3159)) !important; }

/* ===== v0.9.8: Correos y accesos (en plataforma) ===== */
.siade-acc-list{display:flex;flex-direction:column;gap:8px}
.siade-acc-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(200px,1.2fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--linea,#e2e8f0);border-radius:12px;background:#fff}
.siade-acc-name{display:flex;flex-direction:column;min-width:0}
.siade-acc-name strong{font-size:13.5px;color:var(--azul,#1E3159);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.siade-acc-name span{font-size:11px;color:var(--gris,#64748b)}
.siade-acc-mail{padding:8px 10px;border:1px solid var(--linea,#e2e8f0);border-radius:9px;font-size:13px;min-width:0}
.siade-acc-msg{grid-column:1/-1;font-size:11.5px;min-height:0}
.siade-acc-msg.ok{color:var(--ok,#10b981)}
.siade-acc-msg.err{color:#b91c1c}
@media (max-width:640px){.siade-acc-row{grid-template-columns:1fr}}

/* ===== v0.9.8: Cerrar sesión en navegación (drawer móvil) ===== */
.siade-nav-logout{color:#b91c1c !important;margin-top:10px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;text-decoration:none;display:flex;align-items:center;gap:10px}
.siade-nav-logout .siade-nav-ic svg{stroke:#e07a7a}

/* ===== v0.9.8: Tarjeta definir contraseña ===== */
.siade-setpass-overlay{position:fixed;inset:0;z-index:99999;background:radial-gradient(120% 120% at 50% 0%,rgba(20,66,114,.96),rgba(8,28,52,.975));display:flex;align-items:center;justify-content:center;padding:16px;animation:siadeActvFade .25s ease}
@keyframes siadeActvFade{from{opacity:0}to{opacity:1}}
.siade-actv-card{max-width:480px;width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(2,12,27,.5);animation:siadeActvRise .35s cubic-bezier(.16,.84,.44,1);max-height:94vh;display:flex;flex-direction:column}
@keyframes siadeActvRise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.siade-actv-head{display:flex;align-items:center;gap:12px;padding:16px 22px;background:linear-gradient(135deg,#1E3159,#2A4576);border-bottom:3px solid #C99700}
.siade-actv-logo{height:40px;width:auto;max-width:120px;border-radius:6px;background:#fff;padding:3px;object-fit:contain}
.siade-actv-seal{flex:none;height:42px;width:42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.siade-actv-brand-main{color:#fff;font-weight:700;font-size:13.5px;line-height:1.25}
.siade-actv-brand-sub{color:#9fc0e0;font-size:11.5px;margin-top:1px}
.siade-actv-body{padding:22px 24px;overflow-y:auto}
.siade-actv-eyebrow{display:inline-block;background:#eef4fb;color:#2A4576;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:99px;margin-bottom:8px}
.siade-actv-title{margin:0 0 6px;font-size:20px;color:#1E3159;line-height:1.2;font-weight:700}
.siade-actv-lead{margin:0 0 18px;color:#475569;font-size:13.5px;line-height:1.55}
.siade-actv-section{border:1px solid #e7edf3;border-radius:14px;padding:14px 16px;margin:0 0 14px;background:#fbfcfe}
.siade-actv-sec-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.siade-actv-sec-num{flex:none;width:24px;height:24px;border-radius:50%;background:#1E3159;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.siade-actv-sec-title{font-size:13.5px;font-weight:700;color:#1d2327}
.siade-actv-sec-note{font-size:11.5px;color:#64748b;margin-top:1px}
.siade-actv-field{margin:0 0 10px}
.siade-actv-field:last-child{margin-bottom:0}
.siade-actv-field label{display:block;font-size:12px;font-weight:600;color:#334155;margin-bottom:4px}
.siade-actv-field .req{color:#B4232A}
.siade-actv-field .opt{color:#94a3b8;font-weight:400}
.siade-actv-field input{width:100%;border:1.5px solid #d7dee7;border-radius:9px;padding:9px 11px;font-size:14px;color:#0f172a;transition:border-color .15s,box-shadow .15s;background:#fff;box-sizing:border-box}
.siade-actv-field input:focus{outline:none;border-color:#2C74B3;box-shadow:0 0 0 3px rgba(44,116,179,.15)}
.siade-actv-row{display:flex;gap:10px;flex-wrap:wrap}
.siade-actv-row .siade-actv-field{flex:1;min-width:130px}
.siade-actv-legal{font-size:11.5px;color:#64748b;line-height:1.5;margin:0 0 14px;padding:10px 12px;background:#f6f8fb;border-left:3px solid #C99700;border-radius:0 8px 8px 0}
.siade-actv-btn{width:100%;border:none;border-radius:11px;padding:13px;font-size:15px;font-weight:700;color:#1E3159;background:linear-gradient(135deg,#E8C766,#C99700);cursor:pointer;box-shadow:0 6px 18px rgba(201,151,0,.35);transition:transform .12s,box-shadow .12s}
.siade-actv-btn:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(201,151,0,.45)}
.siade-actv-btn:disabled{opacity:.7;cursor:default;transform:none;box-shadow:none}
.siade-actv-foot{text-align:center;font-size:11px;color:#94a3b8;margin-top:12px}

/* ===== v0.9.10: Perfil de actor y revisión más compactos ===== */
.siade-profile-hero{padding:15px 18px!important;margin-bottom:13px!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(10,38,71,.14)!important}
.siade-profile-hero::after{width:180px!important;height:180px!important}
.siade-back{margin-bottom:11px!important;padding:6px 12px!important;font-size:11.5px!important}
.siade-profile-id{gap:13px!important}
.siade-profile-logo{height:54px!important;width:54px!important;border-radius:11px!important;padding:5px!important}
.siade-profile-logo.placeholder{font-size:21px!important}
.siade-profile-hero h1{font-size:20px!important;line-height:1.15!important}
.siade-profile-eyebrow{font-size:11px!important;margin-bottom:2px!important}
.siade-profile-social{margin-top:9px!important;gap:7px!important}
.siade-profile-body{gap:13px!important;grid-template-columns:1.8fr 1fr!important}
.siade-profile-block{padding:13px 15px!important;margin-bottom:10px!important;border-radius:12px!important}
.siade-profile-block h3{margin:0 0 7px!important;font-size:11.5px!important;letter-spacing:.03em!important}
.siade-profile-about p,.siade-profile-block p{font-size:13px!important;line-height:1.5!important;margin:0!important}
.siade-profile-list{font-size:13px!important;line-height:1.55!important;padding-left:16px!important}
.siade-profile-contact{gap:6px!important}
.siade-profile-contact .siade-btn{padding:8px 11px!important;font-size:12.5px!important}
.siade-info-chips{gap:7px!important;margin-bottom:11px!important}
.siade-info-chip{padding:6px 10px!important;font-size:11.5px!important}
.siade-badges{gap:5px!important}
.siade-badge{font-size:11px!important;padding:3px 8px!important}
/* Resumen en bandeja de revisión: filas más apretadas */
.siade-summary{padding:13px!important;border-radius:12px!important}
.siade-summary-sec{margin-bottom:8px!important}
.siade-summary-row{padding:7px 0!important;gap:2px!important}
.siade-summary-k{font-size:11.5px!important}
.siade-summary-v{font-size:13px!important;font-weight:500!important}
.siade-summary-sec-title{font-size:11.5px!important;font-weight:800;color:var(--azul);text-transform:uppercase;letter-spacing:.03em;margin:4px 0 4px;padding-top:8px;border-top:1px dashed var(--linea)}
.siade-summary-sec:first-child .siade-summary-sec-title{border-top:none;padding-top:0}

/* ===== v0.9.12: Fix barra inferior en Android (íconos invisibles por backdrop-filter) ===== */
/* En varios Android el backdrop-filter crea una capa de compositing que deja invisibles
   los SVG inline. Estabilizamos la capa y forzamos a los íconos por encima de ella. */
.siade-bottom-nav{
  background:rgba(255,255,255,.88)!important;        /* fallback sólido si el navegador no soporta blur */
  border:1px solid rgba(255,255,255,.6)!important;
  transform:translateZ(0);                          /* capa propia estable */
}
@supports ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  .siade-bottom-nav{
    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(226,232,240,.95)!important;
    box-shadow:0 12px 40px rgba(10,38,71,.16), inset 0 1px 0 rgba(255,255,255,.85)!important;
  }
}
.siade-bottom-item{position:relative;z-index:2}
.siade-bottom-item .siade-nav-ic{
  display:flex!important;align-items:center;justify-content:center;
  width:22px;height:22px;color:inherit;overflow:visible;
}
.siade-bottom-item .siade-nav-ic svg{
  display:block!important;width:21px!important;height:21px!important;
  stroke:currentColor!important;fill:none;overflow:visible;
  vector-effect:non-scaling-stroke;
}
.siade-bottom-item.active .siade-nav-ic svg{stroke:#fff!important}
.siade-bottom-item span{position:relative;z-index:2}

/* Botón danger (rechazar/eliminar) — rojo sólido y definido, consistente con el dorado */
.siade-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff !important;border:0;box-shadow:0 6px 18px rgba(239,68,68,.30)}
.siade-btn.danger:hover{box-shadow:0 10px 26px rgba(239,68,68,.42)}

/* ===== v0.9.16: Pantalla de carga (splash) ===== */
#siade-splash{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 90% at 50% 32%,#24406F 0%,#1E3159 46%,#15223C 100%);transition:opacity .5s ease;opacity:1}
#siade-splash::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(140,190,255,.06) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
#siade-splash.siade-splash-hide{opacity:0;pointer-events:none}
.siade-splash-card{position:relative;text-align:center;color:#fff;padding:24px;max-width:340px;animation:spCardIn .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes spCardIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.siade-splash-net{width:176px;height:176px;margin:0 auto 22px}
.siade-splash-net svg{width:100%;height:100%;overflow:visible}
.sp-ring{fill:none;stroke:rgba(130,195,255,.28);stroke-width:1;stroke-dasharray:2 8;transform-box:fill-box;transform-origin:center;animation:spRing 16s linear infinite}
.sp-ring2{stroke:rgba(130,195,255,.16);animation-duration:10s;animation-direction:reverse}
.sp-links line{stroke:rgba(150,205,245,.55);stroke-width:1.4;stroke-dasharray:3 5;animation:spDash 2.4s linear infinite}
.sp-nodes circle{fill:#CCF0FF;animation:spPulse 2.6s ease-in-out infinite}
.sp-nodes circle:nth-child(2){animation-delay:.25s}.sp-nodes circle:nth-child(3){animation-delay:.55s}.sp-nodes circle:nth-child(4){animation-delay:.85s}.sp-nodes circle:nth-child(5){animation-delay:1.15s}
.sp-core{fill:#F2A119;animation:spCore 2s ease-in-out infinite}
@keyframes spRing{to{transform:rotate(360deg)}}
@keyframes spDash{to{stroke-dashoffset:-40}}
@keyframes spPulse{0%,100%{opacity:.65;r:4.6}50%{opacity:1;r:6.4}}
@keyframes spCore{0%,100%{opacity:.9;r:8.4}50%{opacity:1;r:10.4}}
.siade-splash-title{font-family:'Altivo',system-ui,sans-serif;font-size:23px;font-weight:900;letter-spacing:-.02em;margin-bottom:5px}
.siade-splash-sub{font-family:'Altivo',system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9BB8DE;margin-bottom:22px}
.siade-splash-bar{height:4px;width:180px;margin:0 auto;background:rgba(255,255,255,.14);border-radius:99px;overflow:hidden}
.siade-splash-bar span{display:block;height:100%;width:42%;background:linear-gradient(90deg,#3d7fc4,#CCF0FF);border-radius:99px;animation:siadeSplashBar 1.15s ease-in-out infinite}
@keyframes siadeSplashBar{0%{margin-left:-42%}100%{margin-left:100%}}
@media(prefers-reduced-motion:reduce){.sp-ring,.sp-links line,.sp-nodes circle,.sp-core,.siade-splash-bar span,.siade-splash-card{animation:none!important}}

/* ===== v0.9.17: Mapa territorial (inicio) ===== */
.siade-mapt{padding:14px 16px 24px}
.siade-mapt-loading{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:14px}
.siade-mapt-spin{width:42px;height:42px;border:4px solid #e2e8f0;border-top-color:#C99700;border-radius:50%;animation:siadeMaptSpin .9s linear infinite}
@keyframes siadeMaptSpin{to{transform:rotate(360deg)}}
.siade-mapt-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.siade-mapt-top h2{margin:0 0 2px;font-family:Georgia,serif;color:#1E3159;font-size:22px}
.siade-mapt-top p{margin:0;color:#64748b;font-size:13.5px;max-width:560px}
.siade-mapt-legend{display:flex;align-items:center;gap:5px;font-size:11px;color:#94a3b8}
.siade-mapt-legend .lg{width:22px;height:12px;border-radius:3px;display:inline-block}
.siade-mapt-legend .lg1{background:#bcd6ec}.siade-mapt-legend .lg2{background:#5ba4d4}.siade-mapt-legend .lg3{background:#2c74b3}.siade-mapt-legend .lg4{background:#1E3159}
.siade-mapt-stage{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}
.siade-mapt-svgwrap{background:linear-gradient(160deg,#f7fafd,#eef4fa);border:1px solid #e2e8f0;border-radius:16px;padding:10px}
.siade-mapt-svg{width:100%;height:auto;display:block;max-height:70vh}
.siade-mapt-path{cursor:pointer;transition:opacity .15s,filter .15s}
.siade-mapt-path:hover{opacity:.85;filter:brightness(1.06)}
.siade-mapt-path.sel{stroke:#C99700;stroke-width:4}
.siade-mapt-side{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-height:300px;overflow:hidden;position:sticky;top:12px}
.siade-mapt-side-empty{padding:22px 18px;text-align:center;color:#64748b;font-size:30px}
.siade-mapt-side-empty p{font-size:13px;margin:6px 0 14px}
.siade-mapt-rank{text-align:left;margin-top:6px}
.siade-mapt-rank h4{margin:0 0 6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}
.siade-mapt-rankrow{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:0;border-bottom:1px solid #f1f5f9;border-radius:0;padding:7px 6px;margin:0;cursor:pointer;font-size:13px;font-weight:600;color:#1E3159;line-height:1.2}
.siade-mapt-rankrow:hover{background:#f4f8fc}
.siade-mapt-rankrow b{color:#2A4576;font-size:14px;font-variant-numeric:tabular-nums;min-width:28px;text-align:right}
.siade-mapt-side-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#1E3159,#2A4576);color:#fff}
.siade-mapt-side-head h3{margin:0;font-size:17px}
.siade-mapt-side-head p{margin:1px 0 0;font-size:12px;color:#bcd6ec}
.siade-mapt-back{background:rgba(255,255,255,.15);border:0;color:#fff;width:32px;height:32px;border-radius:8px;font-size:17px;cursor:pointer;flex:0 0 auto}
.siade-mapt-back:hover{background:rgba(255,255,255,.28)}
.siade-mapt-side-body{padding:12px 14px;max-height:62vh;overflow:auto}
.siade-mapt-group{margin-bottom:14px}
.siade-mapt-group h5{margin:0 0 6px;font-size:12px;color:#C99700;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:6px}
.siade-mapt-group h5 span{background:#fdf3da;color:#9a7400;border-radius:99px;padding:0 7px;font-size:11px}
.siade-mapt-inst{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;background:#fff;border:1px solid #eef2f7;border-radius:9px;padding:9px 11px;margin-bottom:5px;cursor:pointer}
.siade-mapt-inst:hover{border-color:#5ba4d4;background:#f7fafd}
.siade-mapt-inst-n{font-size:13.5px;color:#1E3159;line-height:1.3}
.siade-mapt-inst-n small{color:#94a3b8;font-weight:400}
.siade-mapt-inst-tag{font-size:11px;color:#64748b;white-space:nowrap;flex:0 0 auto}
@media(max-width:880px){
  .siade-mapt-stage{grid-template-columns:1fr}
  .siade-mapt-side{position:static;min-height:0}
  .siade-mapt-svg{max-height:52vh}
}

/* ===== v0.9.19: Mapa con capas sede/cobertura ===== */
.siade-mapt-tabs{display:inline-flex;gap:4px;background:#eef2f7;border-radius:11px;padding:4px;margin:4px 0 6px}
.siade-mapt-tab{border:0;background:transparent;color:#475569;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;transition:.15s}
.siade-mapt-tab:hover{color:#1E3159}
.siade-mapt-tab.active{background:#fff;color:#1E3159;box-shadow:0 1px 4px rgba(10,38,71,.12)}
.siade-mapt-capdesc{margin:0 0 10px;color:#64748b;font-size:12.5px}
.siade-mapt-svgwrap{position:relative}
.siade-mapt-svgwrap .siade-mapt-legend{position:absolute;right:12px;bottom:10px;background:rgba(255,255,255,.9);padding:5px 9px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.siade-mapt-inst-tag.is-sede{color:#1E3159;font-weight:700}

/* ===== v0.9.20: Ficha como ventana centrada en escritorio ===== */
@media(min-width:1024px){
  .siade-view-actualizar, .siade-view-nuevo{
    max-width:820px;margin:20px auto 40px;background:#fff;
    border:1px solid #e8edf3;border-radius:20px;
    box-shadow:0 24px 70px rgba(10,38,71,.16);
    padding:30px 36px;
  }
  .siade-view-actualizar .siade-stepper, .siade-view-nuevo .siade-stepper{
    overflow-x:auto;padding-bottom:6px;
  }
  /* respaldo sutil detrás de la "ventana" para sensación de modal */
  .siade-shell-scroll:has(> .siade-view-actualizar),
  .siade-shell-scroll:has(> .siade-view-nuevo){
    background:linear-gradient(180deg,#eef2f7,#e7edf4);
  }
}

/* ===== v0.9.22: Mapa territorial real (Leaflet + coropleta) ===== */
.siade-mapt-leaflet{width:100%;height:520px;border-radius:14px;overflow:hidden;background:#e8eef4;z-index:0}
.siade-mapt-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 8px}
.siade-mapt-mlbl-wrap{background:transparent!important;border:0!important}
.siade-mapt-mlbl{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;text-align:center;text-shadow:0 1px 3px rgba(255,255,255,.55),0 0 2px rgba(255,255,255,.8);pointer-events:none}
.siade-mapt-mlbl span{font-size:11.5px;font-weight:700;white-space:nowrap}
.siade-mapt-mlbl b{font-size:18px;font-weight:800;margin-top:1px}
.leaflet-container{font:inherit}
.leaflet-container a.leaflet-popup-close-button{color:#1E3159}
@media(max-width:760px){.siade-mapt-leaflet{height:60vh;min-height:360px}}

/* ===== v0.9.23: Modal de inicio de sesión ===== */
.siade-modal-ov{position:fixed;inset:0;background:rgba(10,38,71,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;animation:siadeFade .15s ease}
@keyframes siadeFade{from{opacity:0}to{opacity:1}}
.siade-modal-card{position:relative;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(10,38,71,.4);width:100%;max-width:430px;max-height:calc(100vh - 40px);overflow-y:auto;padding:30px 28px 24px;animation:siadePop .18s cubic-bezier(.2,.9,.3,1.2)}
@keyframes siadePop{from{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}
.siade-modal-x{position:absolute;top:12px;right:14px;border:0;background:transparent;font-size:26px;line-height:1;color:#94a3b8;cursor:pointer;width:34px;height:34px;border-radius:8px}
.siade-modal-x:hover{background:#f1f5f9;color:#1E3159}
.siade-modal-brand{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c99700;margin-bottom:6px}
.siade-modal-title{margin:0 0 4px;color:#1E3159;font-size:23px}
.siade-modal-sub{margin:0 0 18px;color:#64748b;font-size:13.5px;line-height:1.5}

/* Modal público de registro: intro de la iniciativa + beneficios */
.siade-rg-intro { margin: 0 0 18px; }
.siade-rg-intro p { margin: 0 0 12px; color: #475569; font-size: 14px; line-height: 1.55; }
.siade-rg-benefits { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.siade-rg-benefits li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; color: #1E3159; font-weight: 600; line-height: 1.4; }
.siade-rg-check { flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; background: #e6f4ec; color: #1f9254; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; margin-top: 1px; }
.siade-rg-back { display: block; width: 100%; margin: 10px 0 0; padding: 10px; background: transparent; border: 0; color: #64748b; font-family: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; border-radius: 10px; }
.siade-rg-back:hover { background: #f1f5f9; color: #1E3159; }
.siade-modal-go{width:100%;justify-content:center;margin-top:6px}
.siade-modal-lostlink{display:block;margin:12px auto 0;text-align:center}
.siade-modal-lostbox{margin-top:14px;padding:14px;background:#f4f8fc;border:1px solid #e2e8f0;border-radius:12px}
.siade-modal-foot{margin-top:18px;padding-top:14px;border-top:1px solid #eef2f7;text-align:center;font-size:13px;color:#64748b}
.siade-modal-foot a{color:#2c74b3;font-weight:600;text-decoration:none}
.siade-modal-foot a:hover{text-decoration:underline}
.siade-side-login,.siade-topbar-login{cursor:pointer;border:0;font-family:inherit}

/* ===== v0.9.24: ajustes finos de UI ===== */
/* Etiquetas del mapa: más pequeñas en móvil para que no se encimen los nombres largos */
@media(max-width:760px){
  .siade-mapt-mlbl span{font-size:9px;font-weight:700}
  .siade-mapt-mlbl b{font-size:13px}
  .siade-mapt-leaflet{height:54vh;min-height:340px}
}
/* Campos del modal de login: uniformes y sin el fondo de autorrelleno del navegador */
.siade-modal-card .siade-field{margin-bottom:12px}
.siade-modal-card .siade-field label{display:block;font-size:12.5px;font-weight:600;color:#475569;margin-bottom:5px}
.siade-modal-card .siade-field input{width:100%;box-sizing:border-box;height:46px;padding:0 14px;border:1.5px solid #d8e0e8;border-radius:11px;font-size:15px;background:#fff;color:#1E3159;transition:border-color .15s}
.siade-modal-card .siade-field input:focus{border-color:#2c74b3;outline:none;box-shadow:0 0 0 3px rgba(44,116,179,.12)}
.siade-modal-card .siade-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset!important;-webkit-text-fill-color:#1E3159!important}

/* ===== v0.9.25: índice de secciones en la portada del perfil (llena el espacio en móvil) ===== */
.siade-cover-secs{margin:18px 0 6px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}
.siade-cover-secs-h{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:rgba(255,255,255,.6);margin-bottom:10px;font-weight:700}
.siade-cover-sec{display:flex;align-items:center;gap:11px;width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:10px 13px;margin-bottom:7px;cursor:pointer;text-align:left;transition:.15s}
.siade-cover-sec:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.2)}
.siade-cover-sec-dot{flex-shrink:0;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:rgba(255,255,255,.16);color:#fff}
.siade-cover-sec-dot.ok{background:#10b981;color:#fff}
.siade-cover-sec-dot.partial{background:var(--dorado);color:#3a2c05}
.siade-cover-sec-name{flex:1;color:#fff;font-size:13.5px;font-weight:500;line-height:1.3}
.siade-cover-sec-n{color:rgba(255,255,255,.65);font-size:12.5px;font-variant-numeric:tabular-nums;flex-shrink:0}

/* ===== Ficha en tarjetas (vista de entrada, sobre fondo claro) ===== */
.siade-fcards-wrap{margin:18px 0 6px}
.siade-fcards-h{font-size:14px;font-weight:800;color:#1E3159;margin:0 2px 13px;display:flex;align-items:center;justify-content:space-between;gap:9px;position:sticky;top:0;z-index:6;background:linear-gradient(180deg,#eef2f8 70%,rgba(238,242,248,0));padding:8px 2px 10px}
.siade-fcards-h-t{font-weight:800}
.siade-fcards-h-pct{font-size:12px;font-weight:800;color:#bf8a16;background:#fdf3df;border:1px solid #f3dfa6;padding:3px 10px;border-radius:99px}
.siade-fcards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:640px){.siade-fcards{grid-template-columns:repeat(3,1fr)}}
@keyframes siadeFcardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.siade-fcard{animation:siadeFcardIn .42s cubic-bezier(.34,1.1,.5,1) both}
.siade-fcard:nth-child(2){animation-delay:.04s}
.siade-fcard:nth-child(3){animation-delay:.08s}
.siade-fcard:nth-child(4){animation-delay:.12s}
.siade-fcard:nth-child(5){animation-delay:.16s}
.siade-fcard:nth-child(6){animation-delay:.20s}
.siade-fcard:nth-child(7){animation-delay:.24s}
.siade-fcard:nth-child(n+8){animation-delay:.28s}
@media (prefers-reduced-motion: reduce){.siade-fcard{animation:none}}
.siade-fcard{position:relative;background:#fff;border:1px solid #e3ecf5;border-radius:18px;padding:15px 14px 14px;cursor:pointer;text-align:left;font-family:inherit;display:flex;flex-direction:column;gap:11px;min-height:142px;transition:transform .16s,box-shadow .16s,border-color .16s}
.siade-fcard:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(10,38,71,.12);border-color:#cfe0f0}
.siade-fcard:active{transform:scale(.985)}
.siade-fcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.siade-fcard-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:#eef4fb;color:#1E3159}
.siade-fcard-ic svg{width:23px;height:23px}
.siade-fcard.done .siade-fcard-ic{background:#e7f6ee;color:#1f9254}
.siade-fcard.partial .siade-fcard-ic{background:#fdf3df;color:#bf8a16}
.siade-fcard.empty .siade-fcard-ic{background:#f1f5f9;color:#94a3b8}
.siade-fcard-mini{position:relative;width:38px;height:38px;flex:0 0 auto}
.siade-fcard-mpct{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:-.02em;color:#1E3159}
.siade-fcard-num{font-size:10.5px;font-weight:800;color:#94a3b8;letter-spacing:.04em}
.siade-fcard-name{font-size:13.5px;font-weight:750;color:#1E3159;line-height:1.25;letter-spacing:-.01em}
.siade-fcard-bar{display:block;height:6px;background:#eef2f7;border-radius:99px;overflow:hidden;width:100%;margin-top:auto}
.siade-fcard-bar i{display:block;height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}
.siade-fcard-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.siade-fc-prog{font-size:11px;font-weight:700;color:#64748b}
.siade-fc-done{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;color:#1f9254;background:#e7f6ee;border:1px solid #c2e8d2;padding:2px 7px;border-radius:99px}
.siade-fc-go{display:inline-flex;align-items:center;font-size:10px;font-weight:800;color:#bf8a16;background:#fdf3df;border:1px solid #f3dfa6;padding:2px 7px;border-radius:99px}
.siade-back-cards{display:inline-flex;align-items:center;gap:6px;border:1px solid #dbe5ef;background:#fff;color:#1E3159;font-family:inherit;font-size:12.5px;font-weight:750;padding:8px 13px;border-radius:11px;cursor:pointer;margin-bottom:12px;transition:background .15s}
.siade-back-cards:hover{background:#f4f8fc}
.siade-back-cards svg{flex:0 0 auto}

/* ===== v0.9.26: chips del mapa en una sola fila con scroll (ocupaban demasiado alto) ===== */
.siade-mapt-chips{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:7px;margin:2px 0 10px!important;scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:thin}
.siade-mapt-chips::-webkit-scrollbar{height:5px}
.siade-mapt-chips::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}
.siade-mapt-chips .siade-chip{white-space:nowrap!important;flex:0 0 auto;scroll-snap-align:start;padding:8px 15px!important;font-size:13px!important;line-height:1!important;max-width:none!important}

/* ===== v0.9.26: ranking lateral del mapa, compacto y consistente en escritorio ===== */
.siade-mapt-side .siade-mapt-rank{margin-top:4px}
.siade-mapt-side .siade-mapt-rankrow{font-size:12.5px!important;padding:6px 9px!important;font-weight:600!important;line-height:1.15!important}
.siade-mapt-side .siade-mapt-rankrow span{font-size:12.5px!important;font-weight:600!important;color:#1E3159!important}
.siade-mapt-side .siade-mapt-rankrow b{font-size:13px!important;color:#2A4576!important;min-width:26px}
.siade-mapt-side-empty{padding:18px 16px!important;font-size:26px!important}
.siade-mapt-side-empty p{font-size:12.5px!important;margin:5px 0 12px!important}

/* ===== v0.9.26: tarjetas del directorio más vivas y menos planas ===== */
.siade-actor-card.compact{padding:15px 16px!important}
.siade-actor-badge{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 11px 4px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#eef2f7;color:var(--gc,#1E3159);letter-spacing:.1px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.siade-actor-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gc,#1E3159);flex:0 0 auto}
.siade-actor-meta{display:flex!important;align-items:center;gap:6px;font-size:12px!important;color:#64748b!important;margin:9px 0 8px!important}
.siade-actor-meta svg{color:var(--gc,#94a3b8)}
.siade-actor-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.siade-actor-svcs{background:#f8fafc;border-radius:9px;padding:7px 10px;font-size:12px!important;color:#475569!important;margin-bottom:9px!important}
.siade-actor-more{margin-top:auto;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--celeste);transition:gap .15s}
.siade-actor-card.compact:hover .siade-actor-more{gap:9px}
/* header de cada categoría más definido */
.siade-dir-section-head{display:flex;align-items:center;gap:10px;padding:2px 0 10px;border-bottom:2px solid var(--gc,#1E3159);margin-bottom:14px}
.siade-dir-section-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--gc,#1E3159);color:#fff;flex:0 0 auto}
.siade-dir-section-ic svg{width:17px;height:17px}
.siade-dir-section-head h3{flex:1;margin:0;font-size:17px;color:#1E3159}
.siade-dir-count{background:var(--gc,#1E3159);color:#fff;border-radius:999px;min-width:26px;height:24px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800}
/* en escritorio aprovechar mejor el ancho del directorio */
@media (min-width:1024px){
  .siade-grid.compact-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}
}

/* ============================================================
   v0.9.27 — Logos automáticos + ficha individual rediseñada
   ============================================================ */

/* Recuadro de logo: inicial de color de fondo; si carga el logo, lo tapa. Si falla, queda la inicial. */
.siade-logo-box{position:relative;width:48px;height:48px;border-radius:13px;flex:0 0 48px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
.siade-logo-box .siade-logo-ini{position:absolute;inset:0;display:grid;place-items:center;font-size:16px;font-weight:800;color:#fff;background:var(--gc,#1E3159);letter-spacing:.5px}
.siade-logo-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:6px;z-index:1}

/* Tarjeta del directorio: que el logo-box reemplace al viejo logo */
.siade-actor-card.compact .siade-actor-top{display:flex;gap:12px;align-items:center;margin-bottom:9px}

/* ---------- Ficha individual ---------- */
.siade-profile{max-width:1040px;margin:0 auto}
.siade-profile-hero{position:relative;overflow:hidden;border-radius:20px;padding:22px 24px;margin-bottom:16px;color:#fff;background:linear-gradient(135deg,var(--gc,#1E3159),#0a2540)!important;box-shadow:0 12px 30px rgba(10,38,71,.22)}
.siade-profile-hero::after{content:"";position:absolute;top:-60%;right:-8%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);pointer-events:none}
.siade-profile-hero::before{content:"";position:absolute;bottom:-70%;left:18%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);pointer-events:none}
.siade-back{position:relative;z-index:2;background:rgba(255,255,255,.16);border:none;color:#fff;padding:8px 15px;border-radius:9px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;margin-bottom:18px;transition:background .15s,transform .12s}
.siade-back:hover{background:rgba(255,255,255,.28)}
.siade-back:active{transform:scale(.97)}
.siade-profile-id{position:relative;z-index:2;display:flex;align-items:center;gap:18px}
/* En la ficha el recuadro de logo es más grande, claro y con presencia (estilo portada) */
.siade-profile-logo{position:relative;width:82px;height:82px;border-radius:20px;flex:0 0 82px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.28), 0 0 0 4px rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4)}
.siade-profile-logo .siade-logo-ini{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--gc,#1E3159),color-mix(in srgb,var(--gc,#1E3159) 55%,#fff));letter-spacing:.5px}
.siade-profile-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:10px;z-index:1}
.siade-profile-headtext{min-width:0;flex:1}
.siade-profile-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;opacity:.82;margin-bottom:5px}
.siade-profile-eyebrow svg{width:13px;height:13px;vertical-align:-2px;margin-right:3px}
.siade-profile-hero h1{margin:0;font-size:23px;font-weight:800;line-height:1.18;letter-spacing:-.01em}
.siade-profile-sigla{font-size:13px;opacity:.85;margin-top:3px;font-weight:600}
/* Redes en el hero */
.siade-profile-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.siade-profile-social .siade-soc{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);color:#fff;transition:transform .14s,background .14s}
.siade-profile-social .siade-soc svg{width:17px;height:17px}
.siade-profile-social .siade-soc:hover{background:#fff;color:var(--gc,#1E3159);transform:translateY(-2px)}

/* Cuerpo de la ficha */
.siade-profile-body{display:grid;grid-template-columns:1.9fr 1fr;gap:16px;align-items:start}
.siade-profile-block{background:#fff;border:1px solid var(--linea,#e5edf5);border-radius:16px;padding:16px 18px;box-shadow:0 2px 10px rgba(15,23,42,.05);margin:0}
.siade-profile-main{display:flex;flex-direction:column;gap:14px}
.siade-profile-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:12px}
.siade-profile-block h3{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--gc,#1E3159);display:flex;align-items:center;gap:7px}
.siade-profile-block h3::before{content:"";width:4px;height:14px;border-radius:3px;background:var(--gc,#1E3159);display:inline-block}
.siade-profile-about p{margin:0;font-size:14px;line-height:1.6;color:#334155}
.siade-profile-list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.siade-profile-list li{position:relative;padding-left:22px;font-size:13.5px;color:#334155;line-height:1.4}
.siade-profile-list li::before{content:"";position:absolute;left:4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--gc,#1E3159)}
.siade-profile-sede{margin:0;font-size:15px;font-weight:700;color:#1E3159}
.siade-badges{display:flex;flex-wrap:wrap;gap:7px}
.siade-badges .siade-badge{background:#eef2f7;color:#334155;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}
.siade-pills{display:flex;flex-wrap:wrap;gap:6px}
.siade-pills .siade-pill{background:#f0f7f4;color:#1d6b50;border:1px solid #cfe9df;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600}
.siade-info-chips{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 2px}
.siade-info-chip{background:#f8fafc;border:1px solid #e5edf5;border-radius:12px;padding:8px 13px;font-size:13px;font-weight:700;color:#1E3159;display:flex;flex-direction:column;gap:1px}
.siade-info-chip-k{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#94a3b8}
.siade-profile-contact{display:flex;flex-direction:column;gap:8px}
.siade-profile-contact .siade-btn{justify-content:flex-start;font-size:13px;padding:11px 14px}
.siade-profile-contact .siade-btn.wa{background:#25D366;color:#fff;border:none}
.siade-profile-contact .siade-btn.secondary{background:#f4f7fb;border:1px solid #e5edf5;color:#1E3159}
.siade-profile-contact .siade-btn svg{flex:0 0 auto}

@media (max-width:900px){
  .siade-profile-body{grid-template-columns:1fr;gap:12px}
  .siade-profile-side{position:static}
  .siade-profile-hero{padding:18px 18px;border-radius:18px}
  .siade-profile-hero h1{font-size:20px}
  .siade-profile-logo{width:60px;height:60px;flex:0 0 60px;border-radius:14px}
  .siade-profile-logo .siade-logo-ini{font-size:20px}
  .siade-profile-id{gap:14px}
}

/* ===================================================================
   LAYOUT DE ESCRITORIO DEL FORMULARIO — barra lateral de secciones.
   En móvil la barra se oculta y todo se ve igual que siempre.
   =================================================================== */
.siade-form-rail { display: none; }
.siade-form-main { min-width: 0; }

@media (min-width: 980px) {
  .siade-form-layout {
    display: block;
    max-width: 860px;
    margin: 0 auto;
  }
  .siade-form-rail {
    display: none;
    position: sticky;
    top: 24px;
    align-self: start;
    background: #fff;
    border: 1px solid #e6eaf0;
    border-radius: 16px;
    padding: 18px 14px;
    box-shadow: 0 2px 12px rgba(10, 38, 71, .05);
  }
  .siade-rail-head {
    padding: 0 6px 12px;
    border-bottom: 1px solid #eef1f5;
    margin-bottom: 10px;
  }
  .siade-rail-title { font-weight: 700; font-size: 14px; color: #1E3159; line-height: 1.3; }
  .siade-rail-pct { font-size: 12px; color: #2C74B3; font-weight: 600; margin-top: 3px; }
  .siade-rail-bar {
    height: 6px; background: #eef1f5; border-radius: 99px;
    margin-top: 8px; overflow: hidden;
  }
  .siade-rail-bar > span {
    display: block; height: 100%;
    background: linear-gradient(90deg, #2C74B3, #16C79A);
    border-radius: 99px; transition: width .45s ease;
  }
  .siade-rail-steps { display: flex; flex-direction: column; gap: 2px; }
  .siade-rail-step {
    display: flex; align-items: center; gap: 10px;
    width: 100%; text-align: left;
    background: none; border: none; cursor: pointer;
    padding: 9px 8px; border-radius: 10px;
    font-size: 13px; color: #51607a;
    transition: background .15s, color .15s;
  }
  .siade-rail-step:hover { background: #f3f6fb; color: #1E3159; }
  .siade-rail-num {
    flex: none; width: 24px; height: 24px; border-radius: 50%;
    display: grid; place-items: center;
    font-size: 12px; font-weight: 700;
    background: #eef1f5; color: #51607a;
    transition: background .15s, color .15s;
  }
  .siade-rail-step.active { background: #eaf2fb; color: #1E3159; font-weight: 600; }
  .siade-rail-step.active .siade-rail-num { background: #2C74B3; color: #fff; }
  .siade-rail-step.done .siade-rail-num { background: #16C79A; color: #fff; }
  .siade-rail-lbl { line-height: 1.25; }

  /* Sin barra lateral: en escritorio se mantiene el stepper horizontal y el título,
     igual que en móvil (una sola experiencia por tarjetas en ambos). */
  .siade-form-main .siade-stepper { display: flex; }

  /* Contenido centrado y legible */
  .siade-form-main { max-width: 760px; margin: 0 auto; }
}

/* Más información del perfil público (campos dinámicos por config publicable) */
.siade-profile-grid { display: flex; flex-direction: column; gap: 10px; }
.siade-pf-row { display: grid; grid-template-columns: 200px 1fr; gap: 12px; align-items: start; padding-bottom: 9px; border-bottom: 1px solid #f0f2f5; }
.siade-pf-row:last-child { border-bottom: none; padding-bottom: 0; }
.siade-pf-k { font-size: 13px; font-weight: 600; color: #51607a; }
.siade-pf-v { font-size: 14px; color: #1E3159; line-height: 1.4; }
@media (max-width: 620px) {
  .siade-pf-row { grid-template-columns: 1fr; gap: 2px; }
  .siade-pf-k { font-size: 12px; }
}

/* (El antiguo intento con position:sticky se retiró: no funcionaba porque el
   .siade-actions-row es el último hijo de su contenedor. Ahora se usa una barra
   fija — más abajo en este archivo — que sí queda siempre visible en escritorio.) */

/* ===================================================================
   ESCRITORIO: encabezado de bienvenida compacto en la ficha
   (las preguntas ganan protagonismo). El overflow visible es inofensivo
   con la barra fija y evita recortes en las vistas de ficha.
   =================================================================== */
@media (min-width: 980px) {
  .siade-app-shell .siade-view-actualizar,
  .siade-app-shell .siade-view-nuevo {
    overflow: visible !important;
  }

  /* Encabezado de bienvenida más compacto → las preguntas ganan protagonismo */
  .siade-form-main .siade-welcome { padding: 16px 22px; gap: 20px; border-radius: 16px; }
  .siade-form-main .siade-welcome h2 { font-size: 18px; line-height: 1.2; margin-bottom: 4px; }
  .siade-form-main .siade-welcome-eyebrow { margin-bottom: 5px; }
  .siade-form-main .siade-welcome p { font-size: 12.5px; margin-bottom: 0; }
  .siade-form-main .siade-progress-text { font-size: 11px; margin-bottom: 14px; }
}

/* ===================================================================
   Botones de navegación SIEMPRE visibles — BARRA FIJA (position: fixed),
   a prueba de fallos (no depende del contexto de scroll, que es lo que
   rompía el sticky). En móvil (<=720px) ya hay otra barra fija.
   - Escritorio (>=1025px): el sidebar mide 284px → la barra empieza ahí.
   - Tablet (721–1024px): el sidebar es un cajón oculto → barra a todo el ancho.
   =================================================================== */
@media (min-width: 721px) {
  .siade-view-actualizar .siade-actions-row,
  .siade-view-nuevo .siade-actions-row {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 60;
    margin: 0;
    padding: 12px 26px calc(12px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(8px);
    border-top: 1px solid var(--linea);
    box-shadow: 0 -8px 28px rgba(10, 38, 71, .12);
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: stretch;
  }
  /* Los botones se centran al ancho cómodo del formulario */
  .siade-view-actualizar .siade-actions-row > *,
  .siade-view-nuevo .siade-actions-row > * { max-width: 240px; }
  .siade-view-actualizar .siade-actions-row [data-next],
  .siade-view-actualizar .siade-actions-row [data-submit],
  .siade-view-nuevo .siade-actions-row [data-next],
  .siade-view-nuevo .siade-actions-row [data-submit] { min-width: 220px; }
  /* Espacio para que la barra fija no tape los últimos campos */
  .siade-app-shell .siade-view-actualizar,
  .siade-app-shell .siade-view-nuevo { padding-bottom: 96px !important; }
  /* La nota de "guardado" flota justo encima de la barra */
  .siade-view-actualizar .siade-save-note:not(:empty),
  .siade-view-nuevo .siade-save-note:not(:empty) {
    position: fixed; left: 0; right: 0; bottom: 70px; z-index: 59;
    text-align: center; pointer-events: none;
  }
}
/* Escritorio amplio: el sidebar ocupa 284px, la barra empieza después de él */
@media (min-width: 1025px) {
  .siade-view-actualizar .siade-actions-row,
  .siade-view-nuevo .siade-actions-row { left: 284px; }
  .siade-view-actualizar .siade-save-note:not(:empty),
  .siade-view-nuevo .siade-save-note:not(:empty) { left: 284px; }
}

/* ===================================================================
   FASE 3 — Refinamiento visual de la ficha (look nativo y premium).
   Mantiene la identidad institucional (navy / celeste / jade / dorado) y
   eleva detalle, espaciado, estados e interacciones. Scoped a la ficha
   (vistas actualizar/nuevo) para no afectar el resto de la app.
   =================================================================== */

/* --- Tarjeta de sección: acento superior y sombra suave --- */
.siade-view-actualizar .siade-card,
.siade-view-nuevo .siade-card {
  border-radius: 22px;
  border: 1px solid #e9eef5;
  box-shadow: 0 8px 34px rgba(10, 38, 71, .07);
  position: relative;
  overflow: hidden;
  padding-top: 30px;
}
.siade-view-actualizar .siade-card::before,
.siade-view-nuevo .siade-card::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--celeste) 0%, #16c79a 100%);
}
.siade-view-actualizar .siade-card-head,
.siade-view-nuevo .siade-card-head {
  margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid #f0f3f8;
}
.siade-view-actualizar .siade-card h3,
.siade-view-nuevo .siade-card h3 { font-size: 20.5px; letter-spacing: -.015em; }
.siade-view-actualizar .siade-card-eyebrow,
.siade-view-nuevo .siade-card-eyebrow { font-size: 10.5px; letter-spacing: .14em; color: var(--celeste); }
.siade-view-actualizar .siade-card-desc,
.siade-view-nuevo .siade-card-desc { font-size: 12.5px; color: #6b7a90; margin-top: 5px; }

/* --- Campo: ligera separación y resalte sutil al enfocar --- */
.siade-view-actualizar .siade-field,
.siade-view-nuevo .siade-field {
  margin-bottom: 22px; padding: 12px 14px; margin-left: -14px; margin-right: -14px;
  border-radius: 14px; transition: background .2s;
}
.siade-view-actualizar .siade-field:focus-within,
.siade-view-nuevo .siade-field:focus-within { background: #f7fbff; }
.siade-view-actualizar .siade-field > label,
.siade-view-nuevo .siade-field > label { font-size: 13.5px; font-weight: 700; color: #15233b; margin-bottom: 9px; }

/* --- Inputs: relleno suave en reposo, blanco nítido al enfocar --- */
.siade-view-actualizar .siade-field input[type=text],
.siade-view-actualizar .siade-field input[type=email],
.siade-view-actualizar .siade-field input[type=url],
.siade-view-actualizar .siade-field input[type=number],
.siade-view-actualizar .siade-field input[type=date],
.siade-view-actualizar .siade-field input[type=tel],
.siade-view-actualizar .siade-field textarea,
.siade-view-actualizar .siade-field select,
.siade-view-nuevo .siade-field input[type=text],
.siade-view-nuevo .siade-field input[type=email],
.siade-view-nuevo .siade-field input[type=url],
.siade-view-nuevo .siade-field input[type=number],
.siade-view-nuevo .siade-field input[type=date],
.siade-view-nuevo .siade-field input[type=tel],
.siade-view-nuevo .siade-field textarea,
.siade-view-nuevo .siade-field select {
  background: #f7f9fc;
  border: 1.5px solid #e6ecf3;
  border-radius: 13px;
  padding: 14px 16px;
  transition: border-color .18s, box-shadow .18s, background .18s;
}
.siade-view-actualizar .siade-field input:hover:not(:focus),
.siade-view-actualizar .siade-field textarea:hover:not(:focus),
.siade-view-actualizar .siade-field select:hover:not(:focus),
.siade-view-nuevo .siade-field input:hover:not(:focus),
.siade-view-nuevo .siade-field textarea:hover:not(:focus),
.siade-view-nuevo .siade-field select:hover:not(:focus) { border-color: #cfdbea; background: #fff; }
.siade-view-actualizar .siade-field input:focus,
.siade-view-actualizar .siade-field textarea:focus,
.siade-view-actualizar .siade-field select:focus,
.siade-view-nuevo .siade-field input:focus,
.siade-view-nuevo .siade-field textarea:focus,
.siade-view-nuevo .siade-field select:focus {
  background: #fff; border-color: var(--celeste);
  box-shadow: 0 0 0 4px rgba(44, 116, 179, .14);
}

/* --- Chips de selección: toggles táctiles tipo "cajita" suave --- */
.siade-view-actualizar .siade-chips,
.siade-view-nuevo .siade-chips { gap: 10px; }
.siade-view-actualizar .siade-chip,
.siade-view-nuevo .siade-chip {
  padding: 11px 17px; border-radius: 12px;
  border: 1.5px solid #e6ecf3; background: #f7f9fc; color: #36506f; font-weight: 600;
  transition: transform .14s, border-color .16s, background .16s, box-shadow .16s;
}
.siade-view-actualizar .siade-chip:hover,
.siade-view-nuevo .siade-chip:hover { border-color: var(--celeste-claro); background: #fff; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(10, 38, 71, .07); }
.siade-view-actualizar .siade-chip:active,
.siade-view-nuevo .siade-chip:active { transform: scale(.97); }
.siade-view-actualizar .siade-chip.selected,
.siade-view-nuevo .siade-chip.selected {
  background: linear-gradient(135deg, var(--azul), var(--azul-2));
  border-color: var(--azul); color: #fff;
  box-shadow: 0 6px 16px rgba(10, 38, 71, .22);
}

/* --- Texto de ayuda más legible --- */
.siade-view-actualizar .siade-help,
.siade-view-nuevo .siade-help { font-size: 11.5px; color: #6b7a90; margin-top: 7px; }
.siade-view-actualizar .siade-help::before,
.siade-view-nuevo .siade-help::before { background: #e6ecf3; color: #51607a; }

/* --- Banner de bienvenida: un poco más de presencia --- */
.siade-view-actualizar .siade-welcome,
.siade-view-nuevo .siade-welcome { border-radius: 22px; box-shadow: 0 14px 44px rgba(10, 38, 71, .22); }

/* --- Botones de la barra fija: UNIFORMES (misma altura, radio y alineación) --- */
@media (min-width: 721px) {
  .siade-view-actualizar .siade-actions-row,
  .siade-view-nuevo .siade-actions-row { align-items: center; }
  /* Base común para los tres botones */
  .siade-view-actualizar .siade-actions-row .siade-btn,
  .siade-view-actualizar .siade-actions-row .siade-btn-save,
  .siade-view-nuevo .siade-actions-row .siade-btn,
  .siade-view-nuevo .siade-actions-row .siade-btn-save {
    height: 50px; min-height: 50px; padding: 0 22px; margin: 0;
    border-radius: 12px; font-size: 14.5px; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 auto; line-height: 1; box-sizing: border-box;
  }
  /* Atrás y Guardar: secundarios, idénticos entre sí */
  .siade-view-actualizar .siade-actions-row .siade-btn.secondary,
  .siade-view-actualizar .siade-actions-row .siade-btn-save,
  .siade-view-nuevo .siade-actions-row .siade-btn.secondary,
  .siade-view-nuevo .siade-actions-row .siade-btn-save {
    background: #fff; color: var(--azul); border: 1.5px solid #d7dee8;
  }
  .siade-view-actualizar .siade-actions-row .siade-btn.secondary:hover,
  .siade-view-actualizar .siade-actions-row .siade-btn-save:hover,
  .siade-view-nuevo .siade-actions-row .siade-btn.secondary:hover,
  .siade-view-nuevo .siade-actions-row .siade-btn-save:hover {
    border-color: var(--celeste); color: var(--celeste); background: #f7fbff;
  }
  /* Continuar / Enviar: primario, prominente */
  .siade-view-actualizar .siade-actions-row .siade-btn[data-next],
  .siade-view-actualizar .siade-actions-row .siade-btn[data-submit],
  .siade-view-nuevo .siade-actions-row .siade-btn[data-next],
  .siade-view-nuevo .siade-actions-row .siade-btn[data-submit] {
    min-width: 240px;
    background: linear-gradient(135deg, var(--azul), var(--celeste));
    color: #fff; border: none;
    box-shadow: 0 6px 18px rgba(20, 66, 114, .28);
  }
}

/* --- Respeta usuarios que prefieren menos movimiento --- */
@media (prefers-reduced-motion: reduce) {
  .siade-app *, .siade-app *::before, .siade-app *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* --- Fase 2: badges de "enfoques y temas" en la ficha pública --- */
.siade-pf-badges { display: flex; flex-wrap: wrap; gap: 9px; }
.siade-pf-badge {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 15px; border-radius: 12px;
  background: linear-gradient(135deg, #eef4ff, #e6eeff);
  border: 1px solid #d6e2f7; color: #1e3a6e;
  font-size: 13px; font-weight: 700; line-height: 1;
}
.siade-pf-badge::before { content: "\2713"; color: #2c74b3; font-weight: 900; font-size: 12px; }

/* ============================================================
   FASE 3 — Escritorio: aprovechar el ancho + consistencia
   Solo capa de presentación. No toca datos ni guardado.
   Estrategia: en pantallas anchas el contenido del directorio
   y el tablero crecen y la grilla genera más columnas, sin que
   las tarjetas queden gigantes. Móvil y tablet quedan intactos.
   ============================================================ */

/* 8a. Ancho útil real del área de contenido en monitores grandes.
   Antes el contenido se topaba en 1160px y dejaba franjas vacías
   a los lados (el sidebar ya ocupó 284px). Subimos el tope de forma
   progresiva para que el directorio respire sin estirar formularios. */
@media (min-width: 1280px) {
  .siade-app-shell .siade-view-directorio,
  .siade-app-shell .siade-view-dashboard,
  .siade-app-shell .siade-view-espacios {
    max-width: min(1360px, 100%) !important;
  }
}
@media (min-width: 1600px) {
  .siade-app-shell .siade-view-directorio,
  .siade-app-shell .siade-view-dashboard,
  .siade-app-shell .siade-view-espacios {
    max-width: min(1520px, 100%) !important;
  }
}

/* 8b. Liberar el techo interno de la sección del directorio.
   Cada .siade-dir-section (y la barra de chips de grupo) traía un
   max-width: 1180px propio que estrangulaba la grilla aunque la vista
   ya fuera más ancha. En pantallas grandes la dejamos crecer con la vista. */
@media (min-width: 1280px) {
  .siade-app-shell .siade-dir-section,
  .siade-app-shell .siade-gchips {
    max-width: none;
  }
}

/* 8c. Grilla del directorio: más columnas conforme hay ancho.
   El minmax base (270px) deja columnas a medias en pantallas anchas;
   con auto-fill y un mínimo algo mayor llenamos el ancho de forma pareja. */
@media (min-width: 1280px) {
  .siade-dir-section .siade-grid,
  .siade-dir-section .compact-grid {
    grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
    gap: 16px;
  }
}
@media (min-width: 1600px) {
  .siade-dir-section .siade-grid,
  .siade-dir-section .compact-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 18px;
  }
}

/* 8c. Espacios de coordinación: misma lógica de llenado. */
@media (min-width: 1280px) {
  .siade-space-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
  }
}

/* 8d. Tablero: las tarjetas de indicadores aprovechan el ancho extra. */
@media (min-width: 1280px) {
  .siade-app-shell .siade-kpis { max-width: none; }
  .siade-app-shell .siade-dash-grid { max-width: none; }
}

/* 9. Consistencia de tarjetas del directorio con la ficha (Fase 3 ya hecha).
   Igualamos sombra base, radio, hover y transición a las variables
   de la paleta para que el directorio se sienta del mismo sistema. */
.siade-actor-card {
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(10, 38, 71, .06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.siade-actor-card:hover {
  border-color: var(--celeste);
  box-shadow: var(--sombra);
  transform: translateY(-3px);
}
/* Línea de acento superior sutil al pasar el cursor, en el color del grupo. */
.siade-actor-card::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  border-radius: 16px 16px 0 0;
  background: var(--gc, var(--celeste));
  opacity: 0;
  transition: opacity .18s ease;
}
.siade-actor-card:hover::after { opacity: .9; }

/* 9b. El "Ver ficha completa →" se asienta abajo para que las tarjetas
   de una misma fila igualen su línea de acción aunque varíe el alto. */
@media (min-width: 1024px) {
  .siade-actor-card.compact {
    display: flex;
    flex-direction: column;
  }
  .siade-actor-card .siade-actor-more { margin-top: auto; }
}

/* ============================================================
   PANEL DEL REVISOR — Pestaña "Accesos y envíos" (seguimiento)
   ============================================================ */
.siade-seg-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 12px;
  margin: 6px 0 14px;
}
.siade-seg-kpi {
  background: #fff;
  border: 1px solid var(--linea, #e6ebf2);
  border-radius: 14px;
  padding: 14px 12px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(10, 38, 71, .04);
}
.siade-seg-kpi-n { font-size: 26px; font-weight: 800; line-height: 1; }
.siade-seg-kpi-l { font-size: 11.5px; color: #64748b; margin-top: 5px; font-weight: 600; }
.siade-seg-note { font-size: 12px; color: #94a3b8; margin: 0 0 12px; line-height: 1.5; }
.siade-seg-buscar {
  width: 100%;
  padding: 10px 13px;
  border: 1px solid var(--linea, #e6ebf2);
  border-radius: 10px;
  font-size: 14px;
  margin-bottom: 12px;
}
.siade-seg-tabla-wrap { overflow-x: auto; border: 1px solid var(--linea, #e6ebf2); border-radius: 12px; }
.siade-seg-tabla { width: 100%; border-collapse: collapse; font-size: 13.5px; background: #fff; }
.siade-seg-tabla th {
  background: #f7f9fc; text-align: left; padding: 10px 12px;
  font-size: 11.5px; font-weight: 700; color: #46566e;
  text-transform: uppercase; letter-spacing: .03em;
  border-bottom: 1px solid var(--linea, #e6ebf2);
}
.siade-seg-tabla td { padding: 11px 12px; border-bottom: 1px solid #f0f3f8; vertical-align: middle; }
.siade-seg-tabla tr:last-child td { border-bottom: none; }
.siade-seg-nom { font-weight: 700; color: var(--azul, #1E3159); }
.siade-seg-mail { font-size: 12px; color: #94a3b8; margin-top: 1px; }
.siade-seg-via {
  display: inline-block; font-size: 11.5px; font-weight: 600;
  padding: 3px 9px; border-radius: 99px; border: 1px solid;
}
.siade-seg-fase {
  display: inline-block; font-size: 12px; font-weight: 700;
  padding: 4px 10px; border-radius: 8px;
}
.siade-seg-det { font-size: 12.5px; color: #64748b; white-space: nowrap; }
@media (max-width: 640px) {
  .siade-seg-det { white-space: normal; }
  .siade-seg-tabla th:nth-child(2), .siade-seg-tabla td:nth-child(2) { display: none; }
}

/* ============================================================
   RECLAMAR FICHA — formulario en el acceso (institución)
   ============================================================ */
.siade-claim-hint {
  margin-top: 16px; padding-top: 14px; border-top: 1px dashed #d6dce6;
  font-size: 13px; color: #64748b; line-height: 1.5;
}
.siade-claim-box {
  margin-top: 14px; padding: 18px; background: #fff8ef;
  border: 1px solid #f0d9b5; border-radius: 14px;
}
.siade-claim-title { font-size: 15px; font-weight: 800; color: #1E3159; margin-bottom: 6px; }
.siade-claim-sub { font-size: 12.5px; color: #64748b; line-height: 1.55; margin-bottom: 14px; }
.siade-claim-results { margin-top: 6px; display: flex; flex-direction: column; gap: 4px; }
.siade-claim-result {
  text-align: left; width: 100%; padding: 9px 12px; border: 1px solid #e6ebf2;
  background: #fff; border-radius: 9px; font-size: 13.5px; color: #15233b; cursor: pointer;
  transition: background .12s, border-color .12s;
}
.siade-claim-result:hover { background: #f0f7ff; border-color: #2c74b3; }
.siade-claim-mun { color: #94a3b8; font-size: 12px; }
.siade-claim-empty { padding: 10px 12px; font-size: 12.5px; color: #94a3b8; font-style: italic; }
.siade-claim-selected {
  margin-bottom: 12px; padding: 10px 13px; background: #eef4ff;
  border: 1px solid #d6e2f7; border-radius: 10px; font-size: 13.5px; color: #1e3a6e;
}

/* ============================================================
   CAMBIOS DE CORREO — bloque en el panel del revisor
   ============================================================ */
.siade-cambios-box {
  background: #fff8ef; border: 1px solid #f0d9b5; border-radius: 14px;
  padding: 16px 18px; margin-bottom: 18px;
}
.siade-cambios-title { font-size: 15px; font-weight: 800; color: #92400e; margin-bottom: 5px; }
.siade-cambios-sub { font-size: 12.5px; color: #78716c; line-height: 1.5; margin-bottom: 14px; }
.siade-cambio-row {
  display: flex; gap: 14px; align-items: center; justify-content: space-between;
  flex-wrap: wrap; padding: 13px 0; border-top: 1px solid #f0e3cd;
}
.siade-cambio-nom { font-weight: 700; color: #1E3159; font-size: 14px; }
.siade-cambio-mails { font-size: 13px; margin-top: 3px; }
.siade-cambio-old { color: #b91c1c; text-decoration: line-through; }
.siade-cambio-arrow { color: #94a3b8; margin: 0 4px; }
.siade-cambio-new { color: #166534; font-weight: 700; }
.siade-cambio-meta { font-size: 12px; color: #64748b; margin-top: 4px; }
.siade-cambio-motivo { font-size: 12.5px; color: #475569; font-style: italic; margin-top: 4px; }
.siade-cambio-actions { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 560px) {
  .siade-cambio-actions { width: 100%; }
  .siade-cambio-actions .siade-btn { flex: 1; }
}

/* ============================================================
   PROGRESO POR VÍA (Gobierno vs Cooperación) + editar correo
   ============================================================ */
.siade-via-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px; margin: 6px 0 16px;
}
.siade-via-card {
  background: #fff; border: 1px solid var(--linea, #e6ebf2); border-radius: 14px;
  padding: 16px 18px; box-shadow: 0 2px 10px rgba(10, 38, 71, .05);
}
.siade-via-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.siade-via-nom { font-size: 13.5px; font-weight: 800; color: #1E3159; display: flex; align-items: center; gap: 7px; min-width: 0; line-height: 1.25; }
.siade-via-dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
.siade-via-tot { font-size: 12px; color: #94a3b8; font-weight: 600; flex: 0 0 auto; white-space: nowrap; }
.siade-via-bar { height: 9px; background: #eef2f7; border-radius: 99px; overflow: hidden; }
.siade-via-bar span { display: block; height: 100%; border-radius: 99px; transition: width .5s ease; }
.siade-via-pct { font-size: 13px; font-weight: 800; margin-top: 7px; }
.siade-via-stats { display: flex; gap: 14px; margin-top: 8px; font-size: 12px; color: #64748b; flex-wrap: wrap; }
.siade-via-stats b { color: #1E3159; font-size: 13px; }

.siade-seg-acc { text-align: right; white-space: nowrap; }
.siade-seg-edit {
  background: #fff; border: 1px solid #c7d2e0; color: #2c74b3;
  border-radius: 8px; padding: 6px 11px; font-size: 12.5px; font-weight: 600; cursor: pointer;
  transition: background .12s, border-color .12s;
}
.siade-seg-edit:hover { background: #f0f7ff; border-color: #2c74b3; }
.siade-seg-edit:disabled { opacity: .5; cursor: default; }

/* ============================================================
   DIRECTORIO v2 — Rediseño de tarjetas de alto nivel
   Acentos por tipo, jerarquía tipográfica, redes con color de
   marca, chips de servicios, estado (validado / en revisión),
   y micro-interacciones. Sobrescribe estilos previos del compact.
   ============================================================ */

/* Tarjeta: superficie más rica con barra de acento superior por color de grupo */
.siade-grid.compact-grid .siade-actor-card.compact {
  position: relative;
  overflow: hidden;
  padding: 16px 16px 14px !important;
  border-radius: 18px !important;
  border: 1px solid #e8edf3 !important;
  border-left: none !important;            /* el acento ahora es una barra superior */
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 6px 18px rgba(15,23,42,.05) !important;
  transition: transform .18s cubic-bezier(.2,.7,.3,1), box-shadow .18s, border-color .18s !important;
}
.siade-actor-card.compact .siade-actor-accent {
  position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--gc,#1E3159), color-mix(in srgb, var(--gc,#1E3159) 55%, #ffffff));
  opacity: .95;
}
.siade-grid.compact-grid .siade-actor-card.compact:hover {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--gc,#2c74b3) 40%, #e8edf3) !important;
  box-shadow: 0 2px 6px rgba(15,23,42,.06), 0 16px 34px rgba(15,23,42,.13) !important;
}

/* Cabecera: logo + título */
.siade-actor-card.compact .siade-actor-top { align-items: center; gap: 12px; margin: 4px 0 10px; }
.siade-actor-card.compact .siade-logo-box {
  width: 50px; height: 50px; border-radius: 13px; flex: 0 0 auto;
  box-shadow: 0 2px 8px rgba(15,23,42,.10);
  border: 1px solid #eef2f7;
}
.siade-actor-card.compact .siade-actor-title { min-width: 0; }
.siade-actor-card.compact .siade-actor-title h3 {
  font-size: 15px; font-weight: 750; color: #1E3159; line-height: 1.24;
  letter-spacing: -.01em; margin: 0 0 3px;
}
.siade-actor-siglas {
  display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .03em;
  color: color-mix(in srgb, var(--gc,#2c74b3) 78%, #1e293b);
  background: color-mix(in srgb, var(--gc,#2c74b3) 12%, #ffffff);
  padding: 1px 7px; border-radius: 6px; margin-right: 6px; vertical-align: middle;
}
.siade-actor-card.compact .siade-actor-badge {
  display: inline-block; font-size: 10.5px; font-weight: 650; vertical-align: middle;
  color: color-mix(in srgb, var(--gc,#1E3159) 82%, #0f172a);
  background: color-mix(in srgb, var(--gc,#1E3159) 9%, #ffffff);
  border: 1px solid color-mix(in srgb, var(--gc,#1E3159) 20%, #ffffff);
  padding: 2px 9px; border-radius: 999px; margin-top: 4px;
}

/* Insignia de estado: Validado / En revisión */
.siade-actor-state {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 999px;
  margin: 0 0 9px;
}
.siade-actor-state svg { flex: 0 0 auto; }
.siade-actor-state.validado {
  color: #15803d; background: #dcfce7; border: 1px solid #bbf7d0;
}
.siade-actor-state.en-revision {
  color: #b45309; background: #fef3c7; border: 1px solid #fde68a;
}

/* Tarjeta en revisión: aspecto distinto pero intencional (no roto) */
.siade-actor-card.compact.is-revision {
  background: linear-gradient(180deg, #fffdf7 0%, #fffbf0 100%) !important;
  border-color: #f5e6c8 !important;
}
.siade-actor-card.compact.is-revision .siade-actor-accent {
  background: repeating-linear-gradient(45deg, #f59e0b, #f59e0b 6px, #fbbf24 6px, #fbbf24 12px);
  opacity: .8;
}

/* Meta (ubicación) */
.siade-actor-card.compact .siade-actor-meta {
  display: flex; align-items: center; gap: 6px;
  font-size: 12px; color: #5b6b7f; margin: 2px 0 9px;
}
.siade-actor-card.compact .siade-actor-meta svg { color: color-mix(in srgb, var(--gc,#2c74b3) 70%, #5b6b7f); }

/* Chips de servicios */
.siade-actor-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 11px; }
.siade-actor-chip {
  font-size: 11px; font-weight: 600; color: #334155;
  background: #f1f5f9; border: 1px solid #e6edf5;
  padding: 3px 9px; border-radius: 7px; line-height: 1.3;
}

/* Redes sociales con color de marca al pasar el cursor */
.siade-actor-card.compact .siade-actor-soc { display: flex; gap: 8px; flex-wrap: wrap; margin: 2px 0 12px; }
.siade-actor-card.compact .siade-soc {
  width: 34px; height: 34px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #f3f6fa; color: #475569; border: 1px solid #e8edf3;
  transition: transform .14s, background .14s, color .14s, box-shadow .14s;
}
.siade-actor-card.compact .siade-soc svg { width: 17px; height: 17px; }
.siade-actor-card.compact .siade-soc:hover { transform: translateY(-2px); color: #fff; box-shadow: 0 6px 14px rgba(15,23,42,.18); }
.siade-actor-card.compact .siade-soc.soc-fb:hover  { background: #1877f2; border-color: #1877f2; }
.siade-actor-card.compact .siade-soc.soc-ig:hover  { background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fd5949 45%, #d6249f 70%, #285AEB 100%); border-color: transparent; }
.siade-actor-card.compact .siade-soc.soc-tt:hover  { background: #010101; border-color: #010101; }
.siade-actor-card.compact .siade-soc.soc-yt:hover  { background: #ff0000; border-color: #ff0000; }
.siade-actor-card.compact .siade-soc.soc-in:hover  { background: #0a66c2; border-color: #0a66c2; }
.siade-actor-card.compact .siade-soc.soc-wa:hover  { background: #25d366; border-color: #25d366; }
.siade-actor-card.compact .siade-soc.soc-web:hover { background: var(--gc,#2c74b3); border-color: var(--gc,#2c74b3); }

/* CTA inferior */
.siade-grid.compact-grid .siade-actor-card.compact .siade-actor-more {
  margin-top: auto; font-size: 12.5px; font-weight: 750;
  color: color-mix(in srgb, var(--gc,#2c74b3) 80%, #1e293b);
  display: inline-flex; align-items: center; gap: 4px;
  transition: gap .15s, color .15s;
}
.siade-grid.compact-grid .siade-actor-card.compact:hover .siade-actor-more { gap: 9px; }

/* Encabezado de sección de grupo: un poco más presente */
.siade-dir-section-head h3 { letter-spacing: -.01em; }
.siade-dir-count {
  background: color-mix(in srgb, var(--gc,#1E3159) 90%, #0f172a);
  color: #fff; font-weight: 700; font-size: 12px;
  min-width: 26px; height: 24px; padding: 0 8px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
}

/* Entrada sutil de las tarjetas */
@keyframes siadeCardIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.siade-grid.compact-grid .siade-actor-card.compact { animation: siadeCardIn .28s ease both; }

/* Ajuste: la insignia de estado debe ser compacta (no barra de ancho completo) */
.siade-actor-card.compact .siade-actor-state { align-self: flex-start; width: auto; max-width: max-content; }

/* ============================================================
   DIRECTORIO v3 — "E-commerce social" de servicios públicos
   Tarjetas compactas, escaneables, orientadas al ciudadano.
   Grid responsivo: 1 col (móvil) → 2-3 col (escritorio).
   Reemplaza el sistema .siade-actor-card.compact anterior.
   ============================================================ */

/* Grilla: como una vitrina de servicios. Móvil 1 columna, escritorio fluido. */
.siade-grid.compact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 680px)  { .siade-grid.compact-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } }
@media (min-width: 1040px) { .siade-grid.compact-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } }

/* Tarjeta base */
.siade-card {
  position: relative;
  display: flex; flex-direction: column;
  background: #fff;
  border: 1px solid #e7edf3;
  border-radius: 18px;
  padding: 15px 15px 13px;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 4px 14px rgba(16,24,40,.05);
  transition: transform .18s cubic-bezier(.2,.7,.3,1), box-shadow .18s, border-color .18s;
  animation: siadeCardIn .3s ease both;
}
/* Cinta de color por tipo de actor (parte superior) */
.siade-card::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--gc,#1E3159), color-mix(in srgb, var(--gc,#1E3159) 50%, #fff));
}
.siade-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--gc,#2c74b3) 45%, #e7edf3);
  box-shadow: 0 4px 10px rgba(16,24,40,.07), 0 18px 38px rgba(16,24,40,.14);
}

/* Cabecera: logo + tipo + nombre + estado */
.siade-card-h { display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 11px; margin-top: 4px; }
.siade-card-logo {
  width: 46px; height: 46px; border-radius: 12px; flex: 0 0 auto;
  border: 1px solid #eef2f7; box-shadow: 0 2px 7px rgba(16,24,40,.10);
  position: relative; overflow: hidden;
}
.siade-card-id { min-width: 0; }
.siade-card-type {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase;
  color: color-mix(in srgb, var(--gc,#2c74b3) 75%, #475569);
  margin-bottom: 3px;
}
.siade-card-type-ic { display: inline-flex; width: 13px; height: 13px; }
.siade-card-type-ic svg { width: 13px; height: 13px; }
.siade-card-h h3 {
  margin: 0; font-size: 15px; font-weight: 750; line-height: 1.25;
  color: #0f213d; letter-spacing: -.01em;
}
.siade-card-sig {
  font-size: 11px; font-weight: 700; color: color-mix(in srgb, var(--gc,#2c74b3) 70%, #334155);
  background: color-mix(in srgb, var(--gc,#2c74b3) 11%, #fff);
  padding: 1px 6px; border-radius: 6px; white-space: nowrap;
}

/* Insignia de estado: Verificado / Pendiente */
.siade-state {
  display: inline-flex; align-items: center; gap: 4px; align-self: start;
  font-size: 11px; font-weight: 700; padding: 3px 9px 3px 7px; border-radius: 999px;
  white-space: nowrap;
}
.siade-state svg { flex: 0 0 auto; }
.siade-state.verificado { color: #0e7a3b; background: #e7f8ee; border: 1px solid #b6ecca; }
.siade-state.pendiente  { color: #a85a09; background: #fdf2dc; border: 1px solid #f5dca0; }

/* Ubicación / cobertura */
.siade-card-loc {
  display: flex; align-items: center; gap: 6px;
  font-size: 12px; color: #5d6b7e; margin: 11px 0 0;
}
.siade-card-loc svg { color: color-mix(in srgb, var(--gc,#2c74b3) 65%, #5d6b7e); }

/* Fila de servicios con ícono (la "góndola") */
.siade-svc-row { display: flex; flex-direction: column; gap: 6px; margin: 12px 0 0; }
.siade-svc {
  display: flex; align-items: center; gap: 9px;
  font-size: 12.5px; font-weight: 550; color: #2c3a4f; line-height: 1.3;
}
.siade-svc-ic {
  flex: 0 0 auto; width: 27px; height: 27px; border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--gc,#2c74b3) 10%, #f6f8fb);
  color: color-mix(in srgb, var(--gc,#2c74b3) 88%, #1e293b);
}
.siade-svc-ic svg { width: 15px; height: 15px; }
.siade-svc-tx { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Etiquetas útiles: Gratuito, población */
.siade-tag-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 11px 0 0; }
.siade-tag {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11px; font-weight: 650; padding: 3px 9px; border-radius: 7px;
  color: #3f4d61; background: #f1f5f9; border: 1px solid #e6edf5;
}
.siade-tag.gratis { color: #0e7a3b; background: #e7f8ee; border-color: #b6ecca; }
.siade-tag.gratis svg { flex: 0 0 auto; }

/* Pie: redes + acción */
.siade-card-f {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: 13px; padding-top: 12px; border-top: 1px solid #eef2f6;
}
.siade-actor-soc { display: flex; gap: 7px; flex-wrap: wrap; }
.siade-soc {
  width: 32px; height: 32px; border-radius: 9px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #f3f6fa; color: #54627a; border: 1px solid #e8edf3;
  transition: transform .14s, background .14s, color .14s, box-shadow .14s;
}
.siade-soc svg { width: 16px; height: 16px; }
.siade-soc:hover { transform: translateY(-2px); color: #fff; box-shadow: 0 6px 14px rgba(16,24,40,.18); }
.siade-soc.soc-fb:hover  { background: #1877f2; border-color: #1877f2; }
.siade-soc.soc-ig:hover  { background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fd5949 45%, #d6249f 70%, #285AEB 100%); border-color: transparent; }
.siade-soc.soc-tt:hover  { background: #010101; border-color: #010101; }
.siade-soc.soc-yt:hover  { background: #ff0000; border-color: #ff0000; }
.siade-soc.soc-in:hover  { background: #0a66c2; border-color: #0a66c2; }
.siade-soc.soc-wa:hover  { background: #25d366; border-color: #25d366; }
.siade-soc.soc-web:hover { background: var(--gc,#2c74b3); border-color: var(--gc,#2c74b3); }

/* CTA: ver ficha / reclamar */
.siade-card-cta {
  display: inline-flex; align-items: center; gap: 5px; margin-left: auto;
  font-size: 12.5px; font-weight: 750; white-space: nowrap;
  transition: gap .15s;
}
.siade-card-cta.ver { color: color-mix(in srgb, var(--gc,#2c74b3) 82%, #1e293b); }
.siade-card:hover .siade-card-cta.ver { gap: 9px; }
.siade-card-cta.reclamar {
  border: none; cursor: pointer;
  background: linear-gradient(180deg, #fef9ec, #fdf2dc);
  color: #a85a09; border: 1px solid #f5dca0;
  padding: 7px 12px; border-radius: 9px; font-family: inherit;
}
.siade-card-cta.reclamar:hover { background: #a85a09; color: #fff; border-color: #a85a09; }

/* Tarjeta pendiente: matiz cálido sutil, intencional */
.siade-card.is-pend { background: linear-gradient(180deg, #fffdf8, #fffaf0); border-color: #f3e6c9; }
.siade-card.is-pend::before { background: repeating-linear-gradient(45deg, #e3a008, #e3a008 6px, #f5c451 6px, #f5c451 12px); }
.siade-card.is-pend .siade-card-f { border-top-color: #f3e7cc; }

@keyframes siadeCardIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Ajuste: pie flexible cuando hay muchas redes + CTA (evita que se corte el texto) */
.siade-card-f { flex-wrap: wrap; row-gap: 8px; }
.siade-card-f .siade-actor-soc { flex: 1 1 auto; }
.siade-card-cta.ver { flex: 0 0 auto; }
@media (max-width: 380px){
  .siade-card-f { flex-direction: column; align-items: stretch; }
  .siade-card-cta { margin-left: 0; justify-content: center; }
  .siade-card-cta.ver { justify-content: flex-start; }
}

/* ============================================================
   DIRECTORIO v5 — "Agenda pública en el bolsillo del ciudadano"
   Tarjeta tipo contacto telefónico: logo prominente, nombre completo,
   datos clave + acciones de agenda (llamar/WhatsApp/mapa/web) + ver más.
   Prefijo .smk- (aislado del formulario).
   ============================================================ */

.siade-grid.compact-grid { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: start; }
@media (min-width: 700px)  { .siade-grid.compact-grid { grid-template-columns: repeat(2,1fr); gap: 16px; } }
@media (min-width: 1080px) { .siade-grid.compact-grid { grid-template-columns: repeat(3,1fr); gap: 18px; } }

.smk {
  position: relative; display: flex; flex-direction: column;
  background: #fff; border: 1px solid #e2e8f1; border-radius: 18px;
  overflow: hidden; cursor: pointer;
  box-shadow: 0 2px 5px rgba(16,24,40,.05), 0 14px 30px rgba(16,24,40,.10);
  transition: transform .18s cubic-bezier(.2,.7,.3,1), box-shadow .18s, border-color .18s;
  animation: smkIn .3s ease both;
}
/* Acento superior con el color de la categoría (degradado sutil, look premium) */
.smk::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; z-index: 3;
  background: linear-gradient(90deg, var(--gc,#1E3159), color-mix(in srgb, var(--gc,#1E3159) 42%, #fff));
}
@keyframes smkIn { from { opacity:0; transform: translateY(10px); } to { opacity:1; transform:none; } }
.smk:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--gc,#2c74b3) 45%, #e2e8f1);
  box-shadow: 0 6px 14px rgba(16,24,40,.09), 0 26px 50px rgba(16,24,40,.17);
}

/* Cabecera tipo contacto: avatar + nombre completo */
.smk-top {
  display: flex; gap: 13px; align-items: center;
  padding: 13px 16px 11px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--gc,#1E3159) 14%, #fff) 0%, color-mix(in srgb, var(--gc,#1E3159) 5%, #fff) 48%, #fff 100%);
  position: relative;
}
.smk-top::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--gc,#1E3159), color-mix(in srgb, var(--gc,#1E3159) 40%, #fff));
}
/* Logo squircle: recuadro redondeado con degradado del color de la categoría e iniciales blancas */
.smk-avatar {
  flex: 0 0 auto; width: 56px; height: 56px; border-radius: 16px; overflow: hidden; position: relative;
  background:
    radial-gradient(120% 90% at 26% 14%, rgba(255,255,255,.34), transparent 56%),
    linear-gradient(157deg, color-mix(in srgb, var(--gc,#1E3159) 72%, #fff) 0%, var(--gc,#1E3159) 50%, color-mix(in srgb, var(--gc,#1E3159) 88%, #000) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), inset 0 0 0 1px rgba(255,255,255,.07), 0 5px 14px color-mix(in srgb, var(--gc,#1E3159) 34%, transparent);
}
.smk-av-inner {
  width: 100%; height: 100%; border-radius: 16px; overflow: hidden; position: relative;
  display: flex; align-items: center; justify-content: center;
  background: transparent; color: #fff;
}
.smk-av-inner .siade-logo-ini {
  position: absolute; inset: 0; display: grid; place-items: center;
  font-size: 20px; font-weight: 800; letter-spacing: .6px; color: #fff; background: transparent;
  text-shadow: 0 1px 2px rgba(0,0,0,.16);
}
.smk-av-inner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 5px; background: #fff; }
.smk-head { min-width: 0; flex: 1; }
.smk-type {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 9.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  color: color-mix(in srgb, var(--gc,#2c74b3) 78%, #475569); margin-bottom: 3px;
}
.smk-type i { display: inline-flex; width: 12px; height: 12px; }
.smk-type i svg { width: 12px; height: 12px; }
/* Nombre COMPLETO (hasta 2 líneas, sin cortar palabras feo) */
.smk-name {
  margin: 0; font-size: 15px; font-weight: 750; line-height: 1.25;
  color: #0f213d; letter-spacing: -.01em; word-break: normal; overflow-wrap: break-word;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.smk-meta-line { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-top: 5px; }
.smk-sig {
  font-size: 10.5px; font-weight: 700; letter-spacing: .02em;
  color: color-mix(in srgb, var(--gc,#2c74b3) 72%, #334155);
  background: color-mix(in srgb, var(--gc,#2c74b3) 11%, #fff);
  padding: 1px 7px; border-radius: 6px;
}
.smk-state {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 10px; font-weight: 750; padding: 2px 7px 2px 6px; border-radius: 999px; white-space: nowrap;
}
.smk-state.ok   { color: #0e7a3b; background: #e7f8ee; border: 1px solid #b6ecca; }
.smk-state.pend { color: #a85a09; background: #fdf2dc; border: 1px solid #f5dca0; }
.smk-state.gab  { color: #1E3159; background: #e8eef7; border: 1px solid #b9cae3; }
/* Barra de Gabinete Departamental (panel del revisor) */
.siade-gab-bar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; background: linear-gradient(135deg,#1E3159,#123a63); color: #fff; border-radius: 16px; padding: 15px 18px; margin-bottom: 16px; }
.siade-gab-info { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.siade-gab-ic { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; background: rgba(255,255,255,.14); display: inline-flex; align-items: center; justify-content: center; }
.siade-gab-ic svg { width: 23px; height: 23px; }
.siade-gab-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.siade-gab-tx strong { font-size: 15px; font-weight: 800; }
.siade-gab-tx span { font-size: 11.5px; opacity: .82; line-height: 1.35; }
.siade-gab-bar .siade-btn.gold { flex: 0 0 auto; }
/* ===== Dashboard de cumplimiento del Gabinete (Circular 67-2026) ===== */
.siade-gabdash { background: linear-gradient(150deg, #ffffff, #f6fafd); border: 1px solid #e3ecf5; border-radius: 20px; padding: 18px 18px 16px; margin-bottom: 18px; box-shadow: 0 8px 24px rgba(10,38,71,.07); }
.siade-gabdash-head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.siade-gabdash-ic { width: 44px; height: 44px; border-radius: 13px; background: linear-gradient(150deg, #1a4d7e, #1E3159); color: #fff; display: grid; place-items: center; flex: 0 0 auto; }
.siade-gabdash-ic svg { width: 24px; height: 24px; }
.siade-gabdash-h-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.siade-gabdash-h-tx strong { font-size: 15px; font-weight: 800; color: #1E3159; line-height: 1.2; }
.siade-gabdash-h-tx span { font-size: 11.5px; color: #64748b; }
.siade-gabdash-body { display: flex; align-items: center; gap: 22px; }
.siade-gabdash-ring { position: relative; width: 132px; height: 132px; flex: 0 0 auto; }
.siade-gabdash-pct { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.siade-gabdash-pct b { font-size: 30px; font-weight: 800; color: #1E3159; line-height: 1; letter-spacing: -.02em; }
.siade-gabdash-pct span { font-size: 11px; font-weight: 700; color: #94a3b8; margin-top: 3px; }
.siade-gabdash-stats { flex: 1; display: flex; flex-direction: column; gap: 11px; }
.siade-gabdash-stat { display: flex; align-items: center; gap: 9px; }
.siade-gabdash-stat b { font-size: 19px; font-weight: 800; color: #1E3159; min-width: 30px; }
.siade-gabdash-lbl { font-size: 12.5px; color: #475569; font-weight: 600; }
.siade-gabdash-dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
.siade-gabdash-stat.is-pub .siade-gabdash-dot { background: #1f9254; }
.siade-gabdash-stat.is-pend .siade-gabdash-dot { background: #d99a1e; }
.siade-gabdash-stat.is-tot .siade-gabdash-dot { background: #1E3159; }
.siade-gabdash-sync { width: 100%; margin-top: 16px; }
.siade-gabdash-syncbtn {
  display: inline-flex; align-items: center; gap: 7px; margin-top: 14px;
  padding: 8px 14px; border-radius: 10px; cursor: pointer;
  background: #f1f5f9; border: 1px solid #e2e8f0; color: #475569;
  font-family: inherit; font-size: 13px; font-weight: 650;
  transition: background .15s, color .15s, border-color .15s;
}
.siade-gabdash-syncbtn svg { width: 15px; height: 15px; }
.siade-gabdash-syncbtn:hover { background: #e8eef5; color: #1E3159; border-color: #cbd5e1; }
.siade-gabdash-syncbtn:active { transform: scale(.97); }
@media (max-width: 430px) {
  .siade-gabdash-body { flex-direction: column; gap: 14px; }
  .siade-gabdash-stats { width: 100%; flex-direction: row; justify-content: space-around; gap: 6px; }
  .siade-gabdash-stat { flex-direction: column; gap: 3px; text-align: center; }
  .siade-gabdash-stat b { min-width: 0; }
}
/* Toggle de Gabinete en el editor de institución */
.siade-gab-toggle { display: flex; align-items: flex-start; gap: 11px; cursor: pointer; background: #f6f9fc; border: 1px solid #e3ecf5; border-radius: 12px; padding: 13px 14px; }
/* Panel de avance real al abrir una institución (revisor / gobernador) */
.siade-ae-avance { display: flex; align-items: center; gap: 14px; background: linear-gradient(135deg, #f6fafd, #eef4fb); border: 1px solid #e3ecf5; border-radius: 14px; padding: 13px 15px; margin-bottom: 6px; }
.siade-ae-avring { position: relative; width: 60px; height: 60px; flex: 0 0 auto; }
.siade-ae-avpct { position: absolute; inset: 0; display: grid; place-items: center; font-size: 13px; font-weight: 800; color: #1E3159; }
.siade-ae-avtx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.siade-ae-avtx strong { font-size: 14px; font-weight: 800; color: #1E3159; }
.siade-ae-avtx span { font-size: 12px; color: #64748b; line-height: 1.35; }
.siade-gab-toggle input { margin-top: 2px; width: 18px; height: 18px; accent-color: #1E3159; flex: 0 0 auto; cursor: pointer; }
.siade-gab-toggle-tx { display: flex; flex-direction: column; gap: 2px; }
.siade-gab-toggle-tx strong { font-size: 13.5px; color: #1E3159; font-weight: 750; }
.siade-gab-toggle-tx span { font-size: 11.5px; color: #64748b; line-height: 1.4; }

/* Datos clave (siempre visibles) */
.smk-keys { display: flex; flex-wrap: wrap; gap: 12px; padding: 0 16px; margin-top: 2px; }
.smk-key { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: #56657a; }
.smk-key i { display: inline-flex; width: 14px; height: 14px; color: color-mix(in srgb, var(--gc,#2c74b3) 62%, #56657a); }
.smk-key i svg { width: 14px; height: 14px; }
.smk-key b { font-weight: 700; color: #3a485c; font-style: normal; }
.smk-people .smk-pps { display: inline-flex; gap: 1px; margin-right: 4px; }
.smk-pp { display: inline-flex; width: 11px; height: 11px; color: #cdd6e2; }
.smk-pp svg { width: 11px; height: 11px; }
.smk-pp.on { color: color-mix(in srgb, var(--gc,#2c74b3) 80%, #475569); }

/* AGENDA: acciones tipo contacto (llamar, WhatsApp, mapa, correo, sitio) */
.smk-agenda { display: flex; gap: 7px; padding: 12px 16px 0; flex-wrap: wrap; }
.smk-ag {
  flex: 0 1 auto;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px; border-radius: 999px; text-decoration: none;
  background: linear-gradient(180deg, #fbfdff, #eef4fa); border: 1px solid #e2eaf3; color: #41506a;
  font-size: 11.5px; font-weight: 700; letter-spacing: -.01em; transition: all .15s;
}
.smk-ag i { display: inline-flex; width: 15px; height: 15px; color: color-mix(in srgb, var(--gc,#2c74b3) 68%, #56657a); transition: color .15s; }
.smk-ag i svg { width: 15px; height: 15px; }
.smk-ag.wa i   { color: #1faa52; }
.smk-ag.call i { color: #2c74b3; }
.smk-ag.map i  { color: #e0533f; }
.smk-ag.mail i { color: #6b7280; }
.smk-ag.web i  { color: color-mix(in srgb, var(--gc,#2c74b3) 72%, #2563eb); }
.smk-ag span { white-space: nowrap; }
.smk-ag:hover i { color: inherit; }
.smk-ag:hover { transform: translateY(-2px); color: #fff; box-shadow: 0 6px 15px rgba(16,24,40,.16); }
.smk-ag.wa:hover   { background: #25d366; border-color: #25d366; }
.smk-ag.call:hover { background: #2c74b3; border-color: #2c74b3; }
.smk-ag.map:hover  { background: #ea4335; border-color: #ea4335; }
.smk-ag.mail:hover { background: #6b7280; border-color: #6b7280; }
.smk-ag.web:hover  { background: var(--gc,#2c74b3); border-color: var(--gc,#2c74b3); }

/* Etiquetas */
.smk-tags { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 16px 0; }
.smk-tag {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11px; font-weight: 650; padding: 3px 9px; border-radius: 7px;
  color: #3f4d61; background: #f1f5f9; border: 1px solid #e6edf5;
}
.smk-tag.free { color: #0e7a3b; background: #e7f8ee; border-color: #b6ecca; }

/* Sección expandible (ver más) */
.smk-exp { padding: 4px 16px 0; animation: smkExp .22s ease; }
@keyframes smkExp { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.smk-exp-block { padding: 12px 0 0; border-top: 1px solid #f0f3f7; margin-top: 12px; }
.smk-exp-block:first-child { border-top: none; margin-top: 4px; }
.smk-exp-h { font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #8493a8; margin-bottom: 9px; }
.smk-svcs { display: flex; flex-direction: column; gap: 7px; }
.smk-svc { display: flex; align-items: center; gap: 9px; font-size: 12.5px; font-weight: 550; color: #2c3a4f; line-height: 1.25; }
.smk-svc-ic {
  flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--gc,#2c74b3) 10%, #f6f8fb);
  color: color-mix(in srgb, var(--gc,#2c74b3) 86%, #1e293b);
}
.smk-svc-ic svg { width: 15px; height: 15px; }
.smk-horario { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: #3a485c; line-height: 1.4; }
.smk-horario svg { flex: 0 0 auto; color: color-mix(in srgb, var(--gc,#2c74b3) 60%, #56657a); }
.smk-sedes { display: flex; flex-wrap: wrap; gap: 7px; }
.smk-sede {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11.5px; font-weight: 600; padding: 4px 10px; border-radius: 8px;
  color: #475569; background: #f1f5f9; border: 1px solid #e6edf5;
}
.smk-sede.main {
  color: color-mix(in srgb, var(--gc,#2c74b3) 88%, #1e293b);
  background: color-mix(in srgb, var(--gc,#2c74b3) 9%, #fff);
  border-color: color-mix(in srgb, var(--gc,#2c74b3) 22%, #e6edf5);
}
.smk-sede.main b { font-weight: 700; opacity: .7; }
.smk-exp .siade-actor-soc { display: flex; gap: 7px; flex-wrap: wrap; }

/* Pie: ver más + CTA */
.smk-foot {
  display: flex; align-items: center; gap: 10px;
  margin-top: 12px; padding: 11px 16px 12px; border-top: 1px solid #eef2f6;
}
.smk-more {
  display: inline-flex; align-items: center; gap: 4px; cursor: pointer; font-family: inherit;
  background: transparent; border: none; padding: 4px 0;
  font-size: 12px; font-weight: 700; color: #64748b; transition: color .15s;
}
.smk-more svg { transition: transform .2s; }
.smk-more.open svg { transform: rotate(180deg); }
.smk-more:hover { color: var(--gc,#2c74b3); }
.smk-cta {
  display: inline-flex; align-items: center; gap: 5px; margin-left: auto;
  font-size: 12.5px; font-weight: 800; white-space: nowrap; transition: gap .15s;
}
.smk-cta.ver { color: color-mix(in srgb, var(--gc,#2c74b3) 82%, #1e293b); }
.smk:hover .smk-cta.ver { gap: 9px; }
.smk-cta.claim {
  border: 1px solid #f5dca0; cursor: pointer; font-family: inherit;
  background: linear-gradient(180deg, #fef9ec, #fdf2dc); color: #a85a09;
  padding: 7px 12px; border-radius: 9px;
}
.smk-cta.claim:hover { background: #a85a09; color: #fff; border-color: #a85a09; }

/* Pendiente: matiz cálido */
.smk.is-pend .smk-top { background: linear-gradient(180deg, #fffdf6, #fff); }
.smk.is-pend { border-color: #f3e6c9; }
.smk.expanded { box-shadow: 0 4px 10px rgba(16,24,40,.08), 0 22px 44px rgba(16,24,40,.16); }

@media (max-width: 360px){
  .smk-foot { flex-wrap: wrap; row-gap: 9px; }
  .smk-cta { margin-left: auto; }
}

/* ============================================================
   DASHBOARD premium + FILTROS con íconos (v4)
   ============================================================ */

/* Dashboard compacto con degradado y números premium */
.smk-dash {
  background: linear-gradient(135deg, #1E3159 0%, #2A4576 52%, #2A4576 100%);
  border-radius: 22px; padding: 20px 22px; margin-bottom: 16px;
  color: #fff; position: relative; overflow: hidden;
  box-shadow: 0 1px 0 rgba(255,255,255,.10) inset, 0 18px 42px rgba(10,38,71,.34);
  border: 1px solid rgba(255,255,255,.07);
}
/* Barra de acción "agregar / registrar institución" (debajo de las estadísticas) */
.smk-add-bar {
  width: 100%; display: flex; align-items: center; gap: 13px; text-align: left;
  margin: 12px 0 0; padding: 13px 15px; border-radius: 16px; cursor: pointer;
  font-family: inherit; border: 0; transition: transform .16s, box-shadow .16s, filter .16s;
}
.smk-add-bar .smk-add-ic { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; }
.smk-add-bar .smk-add-ic svg { width: 23px; height: 23px; }
.smk-add-bar .smk-add-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.smk-add-bar .smk-add-tx strong { font-size: 14.5px; font-weight: 800; letter-spacing: -.01em; }
.smk-add-bar .smk-add-tx span { font-size: 12px; opacity: .85; line-height: 1.3; }
.smk-add-arrow { flex: 0 0 auto; width: 20px; height: 20px; opacity: .6; }
.smk-add-bar:active { transform: scale(.985); }
/* Variante revisor: discreta, integrada con las tarjetas */
.smk-add-bar.is-admin { background: #fff; border: 1px solid #e3ecf5; color: #1E3159; box-shadow: 0 2px 10px rgba(10,38,71,.05); }
.smk-add-bar.is-admin:hover { box-shadow: 0 6px 18px rgba(10,38,71,.1); transform: translateY(-1px); }
.smk-add-bar.is-admin .smk-add-ic { background: #eef4fb; color: #1565c0; }

/* Barra superior del directorio con el botón "Agregar institución" (píldora elegante) */
/* Botón compacto "Agregar institución": ícono de institución + símbolo +, esquina superior derecha del banner (no agranda el banner) */
.smk-add-fab {
  position: absolute; top: 14px; right: 14px; z-index: 4;
  width: 44px; height: 44px; border-radius: 13px; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.34);
  color: #fff; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);
  box-shadow: 0 2px 10px rgba(0,0,0,.18), 0 1px 0 rgba(255,255,255,.18) inset;
  transition: background .16s, transform .16s, box-shadow .16s, border-color .16s;
}
.smk-add-fab svg { width: 22px; height: 22px; flex: 0 0 auto; }
.smk-add-fab-plus {
  position: absolute; bottom: -3px; right: -3px;
  width: 18px; height: 18px; border-radius: 50%;
  background: #f09000; color: #fff; font-size: 13px; font-weight: 900;
  display: flex; align-items: center; justify-content: center; line-height: 1;
  border: 2px solid #1E3159; box-shadow: 0 2px 6px rgba(0,0,0,.3);
}
.smk-add-fab:hover { background: rgba(255,255,255,.28); border-color: rgba(255,255,255,.5); transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.26), 0 1px 0 rgba(255,255,255,.22) inset; }
.smk-add-fab:active { transform: scale(.94); }

/* Botón de registro/agregar: limpio, de una sola línea */
.smk-add-btn {
  width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  margin: 12px 0 0; padding: 14px 18px; border-radius: 14px; cursor: pointer;
  font-family: inherit; font-size: 15px; font-weight: 750; letter-spacing: -.01em; border: 0;
  transition: transform .16s, box-shadow .16s, filter .16s;
}
.smk-add-btn svg { width: 20px; height: 20px; flex: 0 0 auto; }
.smk-add-btn:active { transform: scale(.985); }
.smk-add-btn.is-public { background: linear-gradient(135deg,#0078D0,#2c74b3); color: #fff; box-shadow: 0 6px 18px rgba(0,120,208,.30); }
.smk-add-btn.is-public:hover { box-shadow: 0 10px 26px rgba(0,120,208,.40); transform: translateY(-1px); }
.smk-add-btn.is-admin { background: #fff; border: 1.5px solid #e3ecf5; color: #1E3159; box-shadow: 0 2px 10px rgba(10,38,71,.05); }
.smk-add-btn.is-admin:hover { box-shadow: 0 6px 18px rgba(10,38,71,.1); transform: translateY(-1px); }
/* Variante pública: dorada y llamativa, con pulso para invitar a unirse */
.smk-add-bar.is-public { background: linear-gradient(140deg,#e8b94a,#cf9620); color: #fff; box-shadow: 0 6px 18px rgba(207,150,32,.42); animation: smkAddPulse 2.8s ease-in-out infinite; }
.smk-add-bar.is-public:hover { filter: brightness(1.04); transform: translateY(-1px); animation: none; }
.smk-add-bar.is-public .smk-add-ic { background: rgba(255,255,255,.22); color: #fff; }
@keyframes smkAddPulse {
  0%,100% { box-shadow: 0 6px 18px rgba(207,150,32,.4); }
  50%     { box-shadow: 0 6px 26px rgba(207,150,32,.62), 0 0 0 4px rgba(207,150,32,.16); }
}
/* Formulario de auto-registro: nota y separadores de secciones */
.siade-reg-note { font-size: 12.5px; color: #5b6b82; background: #f6f9fc; border: 1px solid #e3ecf5; border-radius: 12px; padding: 11px 13px; margin-bottom: 15px; line-height: 1.5; }
.siade-reg-sep { font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #8a99ad; margin: 18px 0 11px; padding-bottom: 7px; border-bottom: 1px solid #eef2f7; }
.siade-opt { font-weight: 500; color: #aab4c2; font-size: 12px; }
.smk-dash::after {
  content: ""; position: absolute; top: -40%; right: -10%; width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(255,255,255,.10) 0%, transparent 70%); pointer-events: none;
}
.smk-dash-head { padding-right: 60px; }
.smk-dash-head h2 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.smk-dash-head p { margin: 3px 0 0; font-size: 12.5px; color: rgba(255,255,255,.72); }
.smk-dash-stats {
  display: flex; gap: 10px; margin-top: 15px;
}
.smk-ds {
  flex: 1; text-align: center; padding: 11px 6px;
  background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px; backdrop-filter: blur(6px);
}
.smk-ds b {
  display: block; font-size: 26px; font-weight: 850; line-height: 1; letter-spacing: -.02em;
  background: linear-gradient(180deg, #ffffff 0%, #bfe0ff 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.smk-ds span { display: block; margin-top: 5px; font-size: 10.5px; font-weight: 600; color: rgba(255,255,255,.7); letter-spacing: .01em; }
@media (min-width: 700px) {
  .smk-dash { padding: 22px 26px; }
  .smk-dash-head h2 { font-size: 24px; }
  .smk-dash-stats { max-width: 460px; }
  .smk-ds b { font-size: 30px; }
}

/* Filtros con íconos en fila — deslizables en móvil, fila pareja en escritorio */
.smk-chips {
  display: flex; gap: 9px; margin-bottom: 14px;
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  padding: 3px 2px 10px; scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 22px), transparent 100%);
  mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 22px), transparent 100%);
}
.smk-chips::-webkit-scrollbar { display: none; }
.smk-chip {
  flex: 0 0 auto;
  display: inline-flex; flex-direction: row; align-items: center; gap: 8px;
  padding: 8px 14px 8px 9px; border-radius: 30px; cursor: pointer; font-family: inherit;
  font-size: 13.5px; font-weight: 650; line-height: 1; white-space: nowrap;
  background: #fff; color: #46556b; border: 1.5px solid #e6edf4;
  box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 4px 11px rgba(16,24,40,.035);
  transition: transform .16s, box-shadow .16s, border-color .16s, background .16s, color .16s;
}
.smk-chip-ic {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 9px; flex: 0 0 auto;
  background: color-mix(in srgb, var(--gc,#64748b) 14%, #fff);
  color: var(--gc,#64748b); transition: background .16s, color .16s;
}
.smk-chip-ic svg { width: 15px; height: 15px; }
.smk-chip-ct {
  font-size: 11px; font-weight: 750; padding: 1px 7px; border-radius: 20px; margin-left: 1px;
  background: color-mix(in srgb, var(--gc,#64748b) 12%, #fff);
  color: color-mix(in srgb, var(--gc,#64748b) 82%, #334155);
  transition: background .16s, color .16s;
}
.smk-chip:hover { transform: translateY(-1px); box-shadow: 0 6px 15px rgba(16,24,40,.10); border-color: color-mix(in srgb, var(--gc,#9fb0c4) 42%, #e6edf4); }
.smk-chip.active {
  color: #fff; border-color: transparent;
  background: linear-gradient(150deg, color-mix(in srgb, var(--gc,#1E3159) 86%, #000), var(--gc,#1E3159));
  box-shadow: 0 7px 17px color-mix(in srgb, var(--gc,#1E3159) 34%, transparent);
}
.smk-chip.active .smk-chip-ic { background: rgba(255,255,255,.20); color: #fff; }
.smk-chip.active .smk-chip-ct { background: rgba(255,255,255,.22); color: #fff; }

/* Tarjeta "Ver en el mapa" — con miniatura tipo mapa */
.smk-mapcta {
  display: flex; align-items: center; gap: 13px; width: 100%;
  margin: 2px 0 16px; padding: 12px 14px; border-radius: 16px; cursor: pointer; font-family: inherit; text-align: left;
  background: linear-gradient(135deg, #ffffff, #f6f9fc);
  border: 1.5px solid #e1e8f1;
  box-shadow: 0 2px 8px rgba(16,24,40,.05);
  transition: transform .16s, box-shadow .16s, border-color .16s;
}
.smk-mapcta:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(16,24,40,.13); border-color: #c8d6e6; }
.smk-mapcta-thumb {
  flex: 0 0 auto; width: 54px; height: 54px; border-radius: 14px;
  background: linear-gradient(140deg, #0d2f52, #1E3159 70%, #071c33);
  display: flex; align-items: center; justify-content: center; overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 4px 12px rgba(10,38,71,.32);
}
.smk-mapcta-thumb svg { width: 100%; height: 100%; }
.smk-mapcta-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.smk-mapcta-tx strong { font-size: 14.5px; font-weight: 800; color: #1E3159; letter-spacing: -.01em; }
.smk-mapcta-tx span { font-size: 11.5px; color: #6b7a90; font-weight: 500; }
.smk-mapcta-arrow { flex: 0 0 auto; width: 20px; height: 20px; color: #9fb0c4; }

@media (min-width: 860px) {
  .smk-chips {
    flex-wrap: wrap; overflow: visible; padding-bottom: 2px;
    -webkit-mask-image: none; mask-image: none;
  }
}

/* Buscador + selects */
.smk-tools { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }
.smk-search {
  position: relative; display: flex; align-items: center;
  background: #fff; border: 1.5px solid #e6edf4; border-radius: 13px;
  padding: 0 14px; transition: border-color .16s, box-shadow .16s;
}
.smk-search:focus-within { border-color: #205295; box-shadow: 0 0 0 4px rgba(32,82,149,.10); }
.smk-search svg { width: 18px; height: 18px; color: #8493a8; flex: 0 0 auto; }
.smk-search input {
  flex: 1; border: none; outline: none; background: transparent;
  padding: 13px 10px; font-size: 16px; font-family: inherit; color: #1e293b;
}
.smk-selects { display: flex; gap: 10px; }
.smk-selects select {
  flex: 1; min-width: 0; padding: 12px 14px; font-size: 16px; font-family: inherit;
  border: 1.5px solid #e6edf4; border-radius: 13px; background: #fff; color: #334155;
  cursor: pointer; transition: border-color .16s;
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; padding-right: 34px;
}
.smk-selects select:focus { border-color: #205295; outline: none; }
@media (min-width: 700px) {
  .smk-tools { flex-direction: row; }
  .smk-search { flex: 2; }
  .smk-selects { flex: 3; }
}

/* ============================================================
   UNIFORMIDAD del directorio (v5) — anula reglas viejas en conflicto
   Garantiza que todas las tarjetas .smk tengan el mismo ancho y se vean
   ordenadas en escritorio, sin importar el largo del título o contenido.
   ============================================================ */
.siade-app .siade-grid.compact-grid,
.siade-dir-section .siade-grid.compact-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  align-items: stretch !important;
}
@media (min-width: 700px) {
  .siade-app .siade-grid.compact-grid,
  .siade-dir-section .siade-grid.compact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}
@media (min-width: 1080px) {
  .siade-app .siade-grid.compact-grid,
  .siade-dir-section .siade-grid.compact-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}
/* UNIFORMIDAD (mejores prácticas NN/Group + Material): todas las tarjetas de una fila
   con la MISMA ALTURA, encabezados alineados arriba y acciones alineadas abajo. El
   espacio en blanco en las fichas con menos contenido es intencional y se ve ordenado. */
.siade-grid.compact-grid > .smk { width: 100%; height: 100%; }
.siade-app .smk-name { min-height: 2.5em; }
.smk { justify-content: flex-start; }
.smk .smk-foot { margin-top: auto; }

/* ============================================================
   FICHA de detalle — sección CONTACTO como agenda (v5)
   Arregla el "Escribir por WhatsApp" desconfigurado y ordena las acciones.
   ============================================================ */
.smk-wa-main {
  display: flex; align-items: center; justify-content: center; gap: 9px;
  width: 100%; padding: 14px 16px; border-radius: 14px; text-decoration: none;
  background: linear-gradient(135deg, #25d366, #1ebe5a); color: #fff;
  font-size: 15px; font-weight: 750; letter-spacing: -.01em;
  box-shadow: 0 6px 18px rgba(37,211,102,.32); transition: transform .15s, box-shadow .15s;
  margin-bottom: 10px;
}
.smk-wa-main:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(37,211,102,.4); }
.smk-wa-main svg { width: 20px; height: 20px; flex: 0 0 auto; }
.smk-fa-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
@media (min-width: 480px) { .smk-fa-grid { grid-template-columns: repeat(4, 1fr); } }
.smk-fa {
  display: flex; flex-direction: column; align-items: center; gap: 5px;
  padding: 12px 6px; border-radius: 13px; text-decoration: none;
  background: #f5f8fc; border: 1px solid #e9eff6; color: #475569;
  font-size: 11.5px; font-weight: 650; transition: all .15s;
}
.smk-fa i { display: inline-flex; width: 20px; height: 20px; }
.smk-fa i svg { width: 20px; height: 20px; }
.smk-fa:hover { transform: translateY(-2px); color: #fff; box-shadow: 0 6px 15px rgba(16,24,40,.16); }
.smk-fa.call:hover { background: #2c74b3; border-color: #2c74b3; }
.smk-fa.map:hover  { background: #ea4335; border-color: #ea4335; }
.smk-fa.web:hover  { background: #1E3159; border-color: #1E3159; }
.smk-fa.mail:hover { background: #6b7280; border-color: #6b7280; }
.smk-fa-mail-txt {
  display: flex; align-items: center; gap: 8px; margin-top: 9px;
  padding: 11px 14px; border-radius: 11px; text-decoration: none;
  background: #f8fafc; border: 1px solid #eef2f6; color: #475569;
  font-size: 12.5px; font-weight: 550; word-break: break-all;
}
.smk-fa-mail-txt svg { flex: 0 0 auto; width: 16px; height: 16px; color: #94a3b8; }
.smk-fa-mail-txt:hover { border-color: #cbd5e1; }

/* Anti-zoom iOS global: cualquier input/select/textarea del directorio a 16px */
.siade-app input, .siade-app select, .siade-app textarea { font-size: 16px; }

/* ============================================================
   BARRA STICKY DE CONTACTO (ficha de detalle) — v6
   Acciones siempre visibles, fijas arriba de la barra de navegación.
   Proporcional en móvil, una sola fila en escritorio.
   ============================================================ */
.siade-profile.has-bar { padding-bottom: 96px; }  /* espacio para que la barra no tape contenido */

.smk-bar {
  position: fixed; left: 10px; right: 10px; z-index: 90;
  bottom: calc(82px + env(safe-area-inset-bottom));  /* justo arriba de la barra de navegación */
}
.smk-bar-inner {
  display: flex; gap: 6px; padding: 8px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(226,232,240,.95);
  border-radius: 18px;
  box-shadow: 0 12px 38px rgba(10,38,71,.22);
  backdrop-filter: blur(14px);
}
.smk-bar-btn {
  flex: 1 1 0; min-width: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  padding: 9px 4px; border-radius: 13px; text-decoration: none; cursor: pointer;
  border: none; background: #f4f7fb; color: #475569; font-family: inherit;
  font-size: 9.5px; font-weight: 700; letter-spacing: -.01em;
  transition: transform .14s, background .14s, color .14s, box-shadow .14s;
}
.smk-bar-btn i { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; }
.smk-bar-btn i svg { width: 19px; height: 19px; }
.smk-bar-btn span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.smk-bar-btn:active { transform: scale(.94); }
.smk-bar-btn.wa    { background: #e8f9ee; color: #0e8a43; }
.smk-bar-btn.wa:hover    { background: #25d366; color: #fff; box-shadow: 0 6px 16px rgba(37,211,102,.4); }
.smk-bar-btn.call:hover  { background: #2c74b3; color: #fff; box-shadow: 0 6px 16px rgba(44,116,179,.4); }
.smk-bar-btn.map:hover   { background: #ea4335; color: #fff; box-shadow: 0 6px 16px rgba(234,67,53,.4); }
.smk-bar-btn.web:hover   { background: #1E3159; color: #fff; }
.smk-bar-btn.doc { background: #fff4e6; color: #c2740e; }
.smk-bar-btn.doc:hover   { background: #e3820a; color: #fff; box-shadow: 0 6px 16px rgba(227,130,10,.4); }
.smk-bar-btn.more:hover  { background: #e2e8f0; color: #1E3159; }
.smk-bar-btn.more.open   { background: #1E3159; color: #fff; }
.smk-bar-btn.call i { color: #2c74b3; }
.smk-bar-btn.map i  { color: #e0533f; }
.smk-bar-btn.web i  { color: #1d4e89; }
.smk-bar-btn.call:hover i, .smk-bar-btn.map:hover i, .smk-bar-btn.web:hover i { color: #fff; }

/* Panel desplegable "más" (correo, redes, compartir) */
.smk-more-panel {
  position: absolute; right: 0; bottom: calc(100% + 8px);
  min-width: 230px; max-width: 280px;
  background: #fff; border: 1px solid #e6edf4; border-radius: 16px;
  box-shadow: 0 16px 44px rgba(10,38,71,.24);
  padding: 7px; animation: smkMoreIn .18s ease;
}
@keyframes smkMoreIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.smk-more-item {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 11px 12px; border-radius: 11px; text-decoration: none; cursor: pointer;
  border: none; background: transparent; color: #334155; font-family: inherit;
  font-size: 13.5px; font-weight: 600; text-align: left; position: relative;
  transition: background .14s;
}
.smk-more-item:hover { background: #f1f5f9; }
.smk-more-item svg { flex: 0 0 auto; color: #64748b; }
.smk-more-item span { flex: 1; }
.smk-more-item small { position: absolute; left: 39px; bottom: 3px; font-size: 10.5px; color: #94a3b8; font-weight: 500; }
.smk-more-item small + span, .smk-more-item span:has(+ small) { margin-bottom: 8px; }
.smk-more-item:has(small) { padding-bottom: 20px; }
.smk-more-item.copied { background: #e7f8ee; color: #0e7a3b; }
.smk-more-item.copied svg { color: #0e7a3b; }

/* Escritorio: barra centrada, una sola fila, ancho contenido (no pegada a los bordes) */
@media (min-width: 768px) {
  .smk-bar { left: 50%; right: auto; transform: translateX(-50%); bottom: 18px; width: min(620px, calc(100% - 40px)); }
  .smk-bar-btn { font-size: 11px; padding: 11px 8px; gap: 4px; }
  .smk-bar-btn i { width: 22px; height: 22px; }
  .smk-bar-btn i svg { width: 21px; height: 21px; }
  .siade-profile.has-bar { padding-bottom: 90px; }
}
@media (min-width: 1000px) {
  /* En escritorio amplio la barra de navegación se oculta; la sticky se mantiene abajo */
  .smk-bar { bottom: 24px; }
}

/* ════════════════════════════════════════════════════════════════════
   ✦ CAPA PREMIUM (v0.10.70) ✦
   Refinamiento de nivel senior aplicado sobre el directorio y la ficha.
   No reemplaza reglas: las eleva. Tipografía, sombras en capas, color
   desaturado, micro-detalles. Cada ficha debe verse increíble.
   ════════════════════════════════════════════════════════════════════ */
.siade-app{
  /* sistema de elevación en capas (sombra suave + sombra de contacto) */
  --e1:0 1px 2px rgba(15,27,45,.04), 0 1px 3px rgba(15,27,45,.06);
  --e2:0 2px 4px rgba(15,27,45,.04), 0 4px 12px rgba(15,27,45,.07);
  --e3:0 8px 16px rgba(15,27,45,.06), 0 16px 40px rgba(11,37,69,.12);
  --e4:0 12px 24px rgba(11,37,69,.14), 0 24px 56px rgba(11,37,69,.18);
  /* paleta premium (azules más profundos, estados desaturados) */
  --pz:#0b2545; --pz2:#13315c; --pz3:#1d4e89; --pac:#2563a8;
  --pverde:#13855a; --pverdebg:#e9f6ef; --pverdeln:rgba(19,133,90,.16);
  --pambar:#b06d10; --pambarbg:#fdf4e6; --pambarln:rgba(176,109,16,.16);
  --pmorado:#2C477E;
  --plinea:rgba(15,27,45,.07); --plinea2:rgba(15,27,45,.04);
}

/* ── HERO del directorio: degradado sofisticado + grano + brillo ── */
.siade-app .smk-dash, .siade-app .siade-welcome{
  background:
    radial-gradient(140% 110% at 12% -5%,#3170b8 0%,transparent 50%),
    radial-gradient(120% 120% at 105% 110%,#0a2a52 0%,transparent 55%),
    linear-gradient(150deg,#0b2545 0%,#13315c 48%,#1f4f8c 100%) !important;
  box-shadow:var(--e4) !important; position:relative; overflow:hidden;
  border-radius:26px !important;
}
.siade-app .smk-dash::before, .siade-app .siade-welcome::before{
  content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0);background-size:18px 18px;opacity:.5;mix-blend-mode:overlay;pointer-events:none}
.siade-app .smk-dash::after, .siade-app .siade-welcome::after{
  content:"";position:absolute;top:-50%;right:-12%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 68%);pointer-events:none}
.siade-app .smk-dash > *{position:relative;z-index:1}
/* El botón "Agregar institución" debe flotar en la esquina superior derecha del
   banner. La regla de capas de arriba (.smk-dash > *) lo regresaba al flujo
   (position:relative) y lo encimaba sobre el título; esta regla, más específica,
   lo restituye a su posición absoluta correcta. */
.siade-app .smk-dash > .smk-add-fab{position:absolute;top:14px;right:14px;z-index:5}

/* ── Tarjetas del directorio: elevación en capas, bordes invisibles ── */
.siade-app .smk{
  border-radius:22px !important;
  box-shadow:var(--e2) !important;
  border:1px solid var(--plinea2) !important;
}
.siade-app .smk-top{
  border-radius:22px 22px 0 0;
}
/* Cinta superior y degradado de cabecera más sutil */
.siade-app .smk-top::before{
  height:3px !important;
  background:linear-gradient(90deg,var(--gc,#0b2545),color-mix(in srgb,var(--gc,#0b2545) 30%,transparent)) !important;
}
/* Nombre con tracking apretado (premium) */
.siade-app .smk-name{
  letter-spacing:-.02em !important; font-weight:760 !important; color:var(--pz) !important;
}
.siade-app .smk-type{
  letter-spacing:.06em !important; font-weight:680 !important;
}
/* Avatar con anillo más fino y sombra en capas */
.siade-app .smk-avatar{
  border-radius:16px !important; padding:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), inset 0 0 0 1px rgba(255,255,255,.06), 0 5px 14px color-mix(in srgb,var(--gc,#0b2545) 34%,transparent) !important;
}

/* Estados desaturados con borde sutil */
.siade-app .smk-state.ok{
  background:var(--pverdebg) !important; color:var(--pverde) !important; border:1px solid var(--pverdeln) !important;
}
.siade-app .smk-state.pend{
  background:var(--pambarbg) !important; color:var(--pambar) !important; border:1px solid var(--pambarln) !important;
}

/* Llaves de datos: fondo casi invisible, tracking ajustado */
.siade-app .smk-key, .siade-app .smk-keys > *{
  letter-spacing:-.01em;
}

/* Acciones de la tarjeta: radios y estados premium */
.siade-app .smk-agenda a{
  border-radius:999px !important; letter-spacing:-.01em;
}
.siade-app .smk-act{
  border-radius:13px !important; letter-spacing:-.01em;
}

/* Etiquetas (gratis/población) desaturadas */
.siade-app .smk-tag.free, .siade-app .smk-tags .free{
  background:var(--pverdebg) !important; color:var(--pverde) !important; border:1px solid var(--pverdeln) !important;
}

/* Pie de tarjeta con separador sutil y fondo casi imperceptible */
.siade-app .smk-foot{
  border-top:1px solid var(--plinea2) !important;
  background:linear-gradient(180deg,transparent,rgba(15,27,45,.012)) !important;
}
.siade-app .smk-cta{letter-spacing:-.01em;font-weight:760 !important;color:var(--pz) !important}

/* ── FICHA: hero premium con grano y brillo ── */
.siade-app .siade-profile-hero{
  border-radius:26px !important; box-shadow:var(--e4) !important; position:relative; overflow:hidden;
  background:radial-gradient(130% 90% at 18% -8%,#3170b8 0%,transparent 52%),linear-gradient(150deg,var(--gc,#0b2545) 0%,color-mix(in srgb,var(--gc,#0b2545) 66%,#3f82c4) 100%) !important;
}
.siade-app .siade-profile-hero::before{
  content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0);background-size:18px 18px;opacity:.45;mix-blend-mode:overlay;pointer-events:none}
.siade-app .siade-profile-hero::after{
  content:"";position:absolute;top:-35%;right:-15%;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 68%);pointer-events:none}
.siade-app .siade-profile-hero > *{position:relative;z-index:1}
.siade-app .siade-profile-hero h1{letter-spacing:-.03em !important;font-weight:800 !important}
.siade-app .siade-profile-eyebrow{letter-spacing:.07em !important}

/* Logo del hero: más sofisticado, esquinas coherentes */
.siade-app .siade-profile-logo{
  border-radius:22px !important; width:86px !important; height:86px !important; flex-basis:86px !important;
  box-shadow:0 10px 28px rgba(0,0,0,.3), 0 0 0 4px rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.45) !important;
}

/* Botón volver y redes con cristal */
.siade-app .siade-back{backdrop-filter:blur(8px);letter-spacing:-.01em}
.siade-app .siade-profile-social .siade-soc{backdrop-filter:blur(6px);border-radius:12px !important}

/* ── Bloques de la ficha: elevación en capas ── */
.siade-app .siade-profile-block{
  border-radius:18px !important; box-shadow:var(--e2) !important; border:1px solid var(--plinea2) !important;
}
.siade-app .siade-profile-block h3{letter-spacing:.06em !important;color:var(--pz) !important}
.siade-app .siade-profile-about p, .siade-app .about-txt{letter-spacing:-.01em;color:var(--tinta2,#334155)}

/* Pills de cobertura desaturados */
.siade-app .siade-pills .siade-pill, .siade-app .siade-pill{
  border-radius:12px !important; letter-spacing:-.01em;
}

/* ── Barra sticky premium: cristal + elevación ── */
.siade-app .smk-bar-inner{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(255,255,255,.6) !important;
  border-radius:22px !important;
  box-shadow:var(--e4) !important;
  backdrop-filter:blur(20px) saturate(1.4) !important;
}
.siade-app .smk-bar-btn{
  border-radius:14px !important; letter-spacing:-.01em; font-weight:700 !important;
}
.siade-app .smk-bar-btn.wa{background:var(--pverdebg) !important;color:var(--pverde) !important}
.siade-app .smk-bar-btn.doc{background:var(--pambarbg) !important;color:var(--pambar) !important}
.siade-app .smk-bar-btn.more.open{
  background:linear-gradient(145deg,var(--pz),var(--pz2)) !important;color:#fff !important;box-shadow:var(--e2) !important;
}
.siade-app .smk-more-panel{
  border-radius:18px !important; box-shadow:var(--e4) !important; border:1px solid var(--plinea) !important;
}
.siade-app .smk-more-item{letter-spacing:-.01em}

/* ── Barra sticky responsiva: 2 filas en móvil, 1 fila en escritorio ── */
.siade-app .smk-bar-inner{
  display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:7px !important;
}
@media (min-width:760px){
  .siade-app .smk-bar-inner{ grid-template-columns:repeat(6,1fr) !important; }
  .siade-app .smk-bar-btn{ font-size:9px !important; padding:10px 3px !important; }
}
.siade-app .smk-bar-btn{ padding:8px 4px !important; gap:4px !important; }

/* ── Sello "Verificado por Gobernación" en el hero de la ficha ── */
.siade-app .siade-profile-toprow{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  position:relative; z-index:1; flex-wrap:wrap;
}
.siade-app .siade-profile-verif{
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22);
  padding:7px 12px; border-radius:30px; font-size:11px; font-weight:680;
  color:#fff; letter-spacing:-.005em; backdrop-filter:blur(8px); white-space:nowrap;
}
.siade-app .siade-profile-verif svg{color:#84e6ac;flex:0 0 auto}

/* ════════════════════════════════════════════════════════════════════
   ✦ MODAL "RECLAMAR FICHA" (v0.10.71) ✦ — premium, accesible, seguro
   ════════════════════════════════════════════════════════════════════ */
.smk-claim-overlay{
  position:fixed; inset:0; z-index:9999; display:flex; align-items:flex-end; justify-content:center;
  background:rgba(11,37,69,.5); backdrop-filter:blur(4px);
  opacity:0; transition:opacity .22s ease; padding:0;
}
.smk-claim-overlay.open{opacity:1}
@media(min-width:560px){ .smk-claim-overlay{align-items:center;padding:20px} }

.smk-claim-modal{
  position:relative; width:100%; max-width:440px; background:#fff;
  border-radius:26px 26px 0 0; padding:26px 22px calc(26px + env(safe-area-inset-bottom));
  box-shadow:0 -12px 48px rgba(11,37,69,.28);
  transform:translateY(28px); transition:transform .26s cubic-bezier(.3,.8,.3,1);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  max-height:92vh; overflow-y:auto;
}
.smk-claim-overlay.open .smk-claim-modal{transform:translateY(0)}
@media(min-width:560px){ .smk-claim-modal{border-radius:26px;transform:scale(.95);box-shadow:0 24px 70px rgba(11,37,69,.34)} .smk-claim-overlay.open .smk-claim-modal{transform:scale(1)} }

.smk-claim-x{
  position:absolute; top:16px; right:16px; width:36px; height:36px; border-radius:50%;
  background:rgba(15,27,45,.05); color:#5b6b7f; display:grid; place-items:center; cursor:pointer; transition:.15s; border:none;
}
.smk-claim-x:hover{background:rgba(15,27,45,.1); color:#0b2545}

.smk-claim-ico{
  width:60px; height:60px; border-radius:18px; margin-bottom:16px;
  background:linear-gradient(145deg,#0b2545,#1d4e89); color:#fff; display:grid; place-items:center;
  box-shadow:0 8px 22px rgba(11,37,69,.28);
}
.smk-claim-title{font-size:21px; font-weight:800; letter-spacing:-.03em; color:#0b2545; margin:0 0 4px}
.smk-claim-inst{font-size:15px; font-weight:760; color:#1d4e89; letter-spacing:-.01em; margin:0 0 10px; line-height:1.3}
.smk-claim-sub{font-size:13.5px; line-height:1.55; color:#5b6b7f; margin:0 0 20px; letter-spacing:-.01em}

.smk-claim-fields{display:flex; flex-direction:column; gap:14px}
.smk-claim-field label{display:block; font-size:12.5px; font-weight:720; color:#334155; margin-bottom:6px; letter-spacing:-.01em}
.smk-claim-field label span{color:#dc2626}
.smk-claim-field input{
  width:100%; padding:13px 15px; font-size:16px; font-family:inherit; color:#0f1b2d;
  border:1.5px solid rgba(15,27,45,.1); border-radius:13px; background:#fbfcfe; transition:.16s; letter-spacing:-.01em;
}
.smk-claim-field input:focus{outline:none; border-color:#2563a8; background:#fff; box-shadow:0 0 0 4px rgba(37,99,168,.1)}
.smk-claim-field input::placeholder{color:#9aa7b6}
.smk-claim-hint{font-size:11.5px; color:#9aa7b6; margin-top:6px; letter-spacing:-.01em; line-height:1.4}

.smk-claim-msg{display:none; font-size:13px; font-weight:600; padding:0; margin:14px 0 0; letter-spacing:-.01em; border-radius:11px; line-height:1.45}
.smk-claim-msg.show{display:block; padding:12px 14px}
.smk-claim-msg.err{background:#fdecec; color:#c0322b; border:1px solid rgba(192,50,43,.18)}
.smk-claim-msg.ok{background:#e9f6ef; color:#13855a; border:1px solid rgba(19,133,90,.18)}

.smk-claim-send{
  width:100%; margin-top:20px; padding:15px; border-radius:14px; border:none; cursor:pointer;
  background:linear-gradient(145deg,#0b2545,#1d4e89); color:#fff;
  font-size:15.5px; font-weight:780; font-family:inherit; letter-spacing:-.01em;
  display:flex; align-items:center; justify-content:center; gap:8px; transition:.18s;
  box-shadow:0 8px 22px rgba(11,37,69,.26);
}
.smk-claim-send:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(11,37,69,.34)}
.smk-claim-send:active{transform:translateY(0)}
.smk-claim-send:disabled{opacity:.65; cursor:default; transform:none}
.smk-claim-send.loading{background:#5b6b7f}

.smk-claim-ok-ico{
  width:72px; height:72px; border-radius:50%; margin:6px auto 18px;
  background:linear-gradient(145deg,#13855a,#1aa86f); color:#fff; display:grid; place-items:center;
  box-shadow:0 10px 28px rgba(19,133,90,.34); animation:smkClaimPop .4s cubic-bezier(.22,1.2,.36,1);
}
.smk-claim-modal:has(.smk-claim-ok-ico){text-align:center}
@keyframes smkClaimPop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}

/* ════════════════════════════════════════════════════════════════════
   ✦ FICHA UNA COLUMNA + "DE UN VISTAZO" (v0.10.72) ✦
   Elimina el hueco de la columna derecha y presenta la información en
   tarjetas, como el prototipo. Cada ficha se ve premium y aprovechada.
   ════════════════════════════════════════════════════════════════════ */
/* Una sola columna (mata el espacio desperdiciado de la derecha) */
.siade-app .siade-profile-single{ grid-template-columns:1fr !important; gap:0 !important; margin-top:14px !important; }
.siade-app .siade-profile-single .siade-profile-main{ gap:12px !important; }

/* De un vistazo: 2x2 (alineado con el hero y los bloques: sin margen lateral extra) */
.siade-app .siade-glance{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:14px 0 0; }
.siade-app .siade-gcard{ background:#fff; border-radius:18px; padding:15px; box-shadow:var(--e2); border:1px solid var(--plinea2); position:relative; overflow:hidden; }
.siade-app .siade-gcard:last-child:nth-child(odd){ grid-column:1 / -1; } /* tarjeta sola ocupa ancho completo */
.siade-app .siade-gl-ico{ width:36px; height:36px; border-radius:12px; display:grid; place-items:center; margin-bottom:11px; }
.siade-app .siade-gl-ico svg{ width:19px; height:19px; }
.siade-app .siade-gl-ico.blue{ background:#e9f1fb; color:var(--pac); }
.siade-app .siade-gl-ico.green{ background:var(--pverdebg); color:var(--pverde); }
.siade-app .siade-gl-ico.amber{ background:var(--pambarbg); color:var(--pambar); }
.siade-app .siade-gl-ico.purple{ background:#f0ecfa; color:var(--pmorado); }
.siade-app .siade-gl-label{ font-size:10px; font-weight:720; letter-spacing:.06em; text-transform:uppercase; color:var(--gris2); }
.siade-app .siade-gl-val{ font-size:17px; font-weight:800; color:var(--tinta); margin-top:4px; line-height:1.18; letter-spacing:-.03em; }
.siade-app .siade-gl-sub{ font-size:11.5px; color:#5b6b7f; margin-top:4px; font-weight:480; letter-spacing:-.01em; }
.siade-app .siade-ppl{ display:flex; gap:4px; margin-top:9px; }
.siade-app .siade-ppl span{ height:5px; border-radius:3px; flex:1; background:rgba(15,27,45,.08); }
.siade-app .siade-ppl span.f{ background:var(--pmorado); }

/* Banda de sede (alineada con el hero y los bloques) */
.siade-app .siade-sede-band{ margin:14px 0 0; border-radius:18px; padding:15px 16px; display:flex; align-items:center; gap:13px; font-size:14px; font-weight:580; box-shadow:var(--e1); letter-spacing:-.01em; }
.siade-app .siade-sede-band.fija{ background:linear-gradient(135deg,#eaf5ee,#f3faf5); border:1px solid var(--pverdeln); color:#1c5a3c; }
.siade-app .siade-sede-band.movil{ background:linear-gradient(135deg,#eaf2fb,#f3f8fd); border:1px solid rgba(37,99,168,.14); color:#1d416b; }
.siade-app .siade-sb-ico{ width:42px; height:42px; border-radius:13px; display:grid; place-items:center; flex:0 0 auto; background:rgba(255,255,255,.75); box-shadow:var(--e1); }
.siade-app .siade-sb-ico svg{ width:21px; height:21px; }
.siade-app .siade-sede-band b{ font-weight:780; }
.siade-app .siade-sede-band small{ display:block; font-weight:480; opacity:.82; font-size:12.5px; margin-top:2px; }

/* Leer más (descripción truncada) */
.siade-app .siade-about-txt{ margin:0; font-size:14.5px; line-height:1.62; color:var(--tinta2,#334155); letter-spacing:-.01em; }
.siade-app .siade-about-txt.clamp{ display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
.siade-app .siade-readmore{ margin-top:11px; font-size:13px; font-weight:680; color:var(--pac); display:inline-flex; align-items:center; gap:5px; letter-spacing:-.01em; background:none; border:none; cursor:pointer; padding:0; }

/* Servicios con icono (en vez de viñeta) */
.siade-app .siade-profile-list li{ display:flex !important; align-items:center; gap:11px; padding:8px 0 !important; padding-left:0 !important; border-bottom:1px solid var(--plinea2); line-height:1.35 !important; }
.siade-app .siade-profile-list li:last-child{ border-bottom:none; }
.siade-app .siade-profile-list li::before{ display:none !important; content:none !important; }
.siade-app .siade-svc-ic{ width:30px; height:30px; border-radius:10px; background:rgba(15,27,45,.045); display:grid; place-items:center; flex:0 0 auto; }
.siade-app .siade-svc-ic svg{ width:16px; height:16px; color:var(--pz); }

/* Chips de datos institucionales dentro de su bloque */
.siade-app .siade-profile-block .siade-info-chips{ display:flex; flex-direction:column; gap:9px; margin:0; }
.siade-app .siade-info-chip{ display:flex; flex-direction:column; gap:2px; background:rgba(15,27,45,.025); border:1px solid var(--plinea2); border-radius:12px; padding:11px 13px; font-size:14px; font-weight:680; color:var(--tinta); letter-spacing:-.01em; }
.siade-app .siade-info-chip-k{ font-size:10px; font-weight:720; letter-spacing:.06em; text-transform:uppercase; color:var(--gris2); }

/* Botón de correo en panel "Más": correo legible en su propia línea */
.siade-app .smk-more-tx{ display:flex; flex-direction:column; min-width:0; gap:1px; }
.siade-app .smk-more-tx span{ font-weight:600; }
.siade-app .smk-more-tx small{ position:static !important; left:auto !important; bottom:auto !important; font-size:11.5px; color:#5b6b7f; font-weight:480; word-break:break-word; line-height:1.3; }
.siade-app .smk-more-item:has(.smk-more-tx){ align-items:center; }

/* ════════════════════════════════════════════════════════════════════
   ✦ AJUSTES v0.10.73: barra uniforme, modal sin overflow, alineación ✦
   ════════════════════════════════════════════════════════════════════ */
/* Barra de acciones: filas iguales sin estirar (botones compactos) */
.siade-app .smk-bar-inner{ align-items:stretch !important; }
.siade-app .smk-bar-btn{ min-height:46px !important; }

/* Modal "Reclamar ficha": vive fuera de .siade-app, necesita box-sizing
   explícito para que los campos no se desborden (causaba el scroll lateral). */
#smk-claim-overlay, #smk-claim-overlay *{ box-sizing:border-box; }
#smk-claim-overlay{ overflow-x:hidden; }
.smk-claim-modal{ overflow-x:hidden; max-width:100%; }
.smk-claim-field input{ max-width:100%; }
/* Compacto y centrado en escritorio */
@media(min-width:560px){
  .smk-claim-modal{ max-width:410px; padding:24px 22px calc(24px + env(safe-area-inset-bottom)); }
  .smk-claim-fields{ gap:12px; }
}

/* ===== Explorador de instituciones del administrador ===== */
.siade-admin-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
@media (min-width: 720px)  { .siade-admin-grid { grid-template-columns: 1fr 1fr; gap: 12px; } }
@media (min-width: 1100px) { .siade-admin-grid { grid-template-columns: 1fr 1fr 1fr; } }
.siade-admin-card {
  display: flex; align-items: center; gap: 12px; text-align: left; cursor: pointer; font-family: inherit; width: 100%;
  background: #fff; border: 1.5px solid #e6edf4; border-radius: 14px; padding: 11px 13px;
  box-shadow: 0 1px 3px rgba(16,24,40,.05); transition: transform .15s, box-shadow .15s, border-color .15s;
}
.siade-admin-card:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(16,24,40,.1); border-color: color-mix(in srgb, var(--gc,#2c74b3) 42%, #e6edf4); }
.siade-admin-logo { position: relative; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 11px; overflow: hidden; }
.siade-admin-logo .siade-logo-ini { position: absolute; inset: 0; display: grid; place-items: center; font-size: 14px; font-weight: 800; color: #fff; background: var(--gc,#1E3159); letter-spacing: .4px; }
.siade-admin-logo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 4px; background: #fff; z-index: 1; }
.siade-admin-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.siade-admin-info strong { font-size: 13.5px; font-weight: 700; color: #1E3159; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.siade-admin-meta { font-size: 11.5px; color: #6b7a90; }
.siade-admin-info .siade-badge { align-self: flex-start; margin-top: 2px; }
.siade-admin-arrow { flex: 0 0 auto; width: 18px; height: 18px; color: #b5c2d2; }

/* Solicitudes de espacios en la bandeja */
.siade-esp-sol-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 11px 0; border-top: 1px solid #ececf3; }
.siade-esp-sol-row:first-of-type { border-top: none; }
.siade-esp-sol-info { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.siade-esp-sol-info strong { font-size: 13.5px; color: #1E3159; }
.siade-esp-sol-info span { font-size: 12.5px; color: #475569; }
.siade-esp-sol-acts { display: flex; gap: 8px; flex: 0 0 auto; }
.siade-esp-sol-acts .siade-btn { padding: 7px 14px; font-size: 13px; }

/* Botón sutil para agregar institución (admin) + selects en modales */
.smk-add-inst { display: block; width: 100%; margin: 0 0 12px; padding: 11px 14px; border: 1.5px dashed #c3d2e2; background: #f7fafd; color: #2c5d8f; font-weight: 600; font-size: 13.5px; border-radius: 12px; cursor: pointer; font-family: inherit; transition: background .15s, border-color .15s; }
.smk-add-inst:hover { background: #eef5fb; border-color: #2c74b3; color: #1d4e7e; }
.siade-modal-card .siade-field select { width: 100%; box-sizing: border-box; height: 46px; padding: 0 12px; border: 1.5px solid #d8e0e8; border-radius: 11px; font-size: 15px; background: #fff; color: #1E3159; }
.siade-modal-card .siade-field select:focus { border-color: #2c74b3; outline: none; box-shadow: 0 0 0 3px rgba(44,116,179,.12); }
.siade-modal-card .siade-field textarea { width: 100%; box-sizing: border-box; padding: 10px 14px; border: 1.5px solid #d8e0e8; border-radius: 11px; font-size: 15px; background: #fff; color: #1E3159; font-family: inherit; resize: vertical; }

/* Línea de tiempo del historial de envíos */
.siade-hist-timeline { position: relative; padding-left: 2px; }
.siade-hist-item { position: relative; display: flex; gap: 12px; padding-bottom: 16px; }
.siade-hist-item:not(:last-child)::before { content: ""; position: absolute; left: 13px; top: 30px; bottom: 0; width: 2px; background: #e6edf4; }
.siade-hist-dot { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 14px; font-weight: 800; box-shadow: 0 0 0 3px #fff; z-index: 1; }
.siade-hist-content { flex: 1; min-width: 0; padding-top: 3px; }
.siade-hist-item.is-hl .siade-hist-content { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 12px; padding: 8px 12px; margin-top: -3px; }
.siade-hist-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.siade-hist-estado { font-size: 12px; font-weight: 800; padding: 3px 9px; border-radius: 20px; }
.siade-hist-fecha { font-size: 11.5px; color: #94a3b8; }
.siade-hist-meta { font-size: 12px; color: #475569; margin-top: 4px; }
.siade-hist-obs { font-size: 12.5px; color: #334155; margin-top: 5px; font-style: italic; background: #f8fafc; border-left: 3px solid #cbd5e1; padding: 6px 10px; border-radius: 0 8px 8px 0; }

/* ============================================================
   Home rediseñado del Directorio (v1.0.33) — hero + carriles
   Aditivo. Usa tokens existentes (--azul, --dorado). Solo modo claro.
   ============================================================ */
.smkx-hero{ position:relative; overflow:hidden; border-radius:20px; padding:22px 20px 24px;
  background:linear-gradient(150deg,#16233F 0%, var(--azul) 52%, #14406f 122%); color:#fff;
  margin-bottom:20px; box-shadow:0 14px 34px rgba(10,38,71,.28); }
.smkx-hero-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.smkx-hero-bg svg{ width:100%; height:100%; display:block; }
.smkx-hero-in{ position:relative; z-index:1; }
.smkx-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:700;
  letter-spacing:.05em; text-transform:uppercase; color:#c3d5ee;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.13);
  padding:5px 12px; border-radius:999px; margin-bottom:15px; }
.smkx-dot{ width:7px; height:7px; border-radius:50%; background:var(--dorado);
  box-shadow:0 0 0 0 rgba(212,160,23,.6); animation:smkxPulse 2.2s infinite; }
@keyframes smkxPulse{ 0%{box-shadow:0 0 0 0 rgba(212,160,23,.5)} 70%{box-shadow:0 0 0 7px rgba(212,160,23,0)} 100%{box-shadow:0 0 0 0 rgba(212,160,23,0)} }
.smkx-title{ margin:0 0 8px; font-size:26px; line-height:1.12; font-weight:800; letter-spacing:-.02em; color:#fff; }
.smkx-sub{ margin:0 0 16px; font-size:14px; line-height:1.5; color:#cddcf0; max-width:34ch; }
.smkx-search{ display:flex; align-items:center; gap:8px; background:#fff; border-radius:16px;
  padding:6px 6px 6px 14px; box-shadow:0 10px 26px rgba(4,18,40,.3); }
.smkx-search-ic{ width:20px; height:20px; color:#7a8699; flex:0 0 auto; }
.smkx-search input{ flex:1; border:0; outline:0; background:transparent; font-size:15px;
  color:#12233a; padding:9px 2px; min-width:0; -webkit-appearance:none; }
.smkx-search input::placeholder{ color:#9aa6b6; }
.smkx-mic{ flex:0 0 auto; width:40px; height:40px; border:0; border-radius:12px; cursor:pointer;
  background:var(--dorado); color:#3d2a00; display:grid; place-items:center; }
.smkx-mic svg{ width:20px; height:20px; }
.smkx-mic.listening{ animation:smkxPulse 1s infinite; }
.smkx-quick{ margin-top:12px; font-size:12px; color:#9fb6d4; }

.smkx-block{ margin-bottom:22px; }
.smkx-block-h{ display:flex; align-items:baseline; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
.smkx-block-h span{ font-size:16px; font-weight:800; color:#1E3159; letter-spacing:-.01em; }
.smkx-block-h small{ font-size:12px; font-weight:600; color:#8a93a3; }

.smkx-temas{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.smkx-tema{ display:flex; flex-direction:column; align-items:flex-start; gap:11px; text-align:left; cursor:pointer;
  background:#fff; border:1px solid #eef1f5; border-radius:16px; padding:14px; min-height:106px;
  box-shadow:0 4px 14px rgba(10,38,71,.05); transition:transform .15s, box-shadow .15s, border-color .15s; }
.smkx-tema:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(10,38,71,.1); border-color:#dce3ec; }
.smkx-tema:active{ transform:translateY(0); }
.smkx-tema-ic{ width:46px; height:46px; border-radius:50%; display:grid; place-items:center;
  background:var(--tb,#eef2f7); color:var(--tc,#1E3159); }
.smkx-tema-ic svg{ width:24px; height:24px; }
.smkx-tema-l{ font-size:14.5px; font-weight:700; color:#1b2434; line-height:1.2; }

.smkx-ctas{ display:flex; flex-direction:column; gap:10px; margin:12px 0; }
.smkx-cta{ display:flex; align-items:center; gap:13px; width:100%; text-align:left; cursor:pointer;
  background:#fff; border:1px solid #eef1f5; border-radius:16px; padding:12px 14px;
  box-shadow:0 4px 14px rgba(10,38,71,.05); transition:border-color .15s; }
.smkx-cta:hover{ border-color:#dce3ec; }
.smkx-cta-ic{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; color:#fff; flex:0 0 auto; }
.smkx-cta-ic svg{ width:23px; height:23px; }
.smkx-cta-ic-esp{ background:linear-gradient(135deg,#12869f,#0e6f86); }
.smkx-cta-ic-map{ background:linear-gradient(135deg, var(--azul), #2A4576); }
.smkx-cta-tx{ flex:1; min-width:0; }
.smkx-cta-tx strong{ display:block; font-size:14.5px; font-weight:700; color:#1b2434; }
.smkx-cta-tx span{ font-size:12px; color:#6b7688; }
.smkx-cta-arr{ width:20px; height:20px; color:#b6bfcc; flex:0 0 auto; }

@media (min-width:720px){
  .smkx-temas{ grid-template-columns:repeat(3,1fr); }
  .smkx-title{ font-size:30px; }
  .smkx-hero{ padding:26px 26px 28px; }
}

/* ============================================================
   v1.0.34 — Corrección del lienzo (fondo) + acabado premium del home
   El wrapper ya NO usa .smk-dash (que traía degradado azul): ahora es
   .smkx-shell sobre el fondo claro del panel. Colores oficiales 2026.
   ============================================================ */
.smkx-shell{ position:relative; }
.smkx-hero{
  background:linear-gradient(155deg,#16233F 0%,#1E3159 56%,#2A4576 128%);
  border-radius:22px; padding:24px 22px 26px; margin-bottom:22px;
  box-shadow:0 3px 8px rgba(18,28,54,.10), 0 22px 50px rgba(18,28,54,.18);
}
.smkx-eyebrow{ font-size:10px; letter-spacing:.055em; padding:5px 12px; margin-bottom:16px; }
.smkx-dot{ background:#F2A119; box-shadow:0 0 0 4px rgba(242,161,25,.20); animation:none; }
.smkx-title{ font-size:27px; letter-spacing:-.025em; }
.smkx-sub{ color:#cedcf1; }
.smkx-search{ border-radius:15px; box-shadow:0 14px 30px rgba(6,18,40,.32); }
.smkx-mic{ background:linear-gradient(160deg,#F6B23E,#F2A119); color:#4A3400; border-radius:12px; }
.smkx-quick{ color:#a9bfdc; }
.smkx-block-h span{ color:#1E3159; }
.smkx-temas{ gap:11px; }
.smkx-tema{ min-height:96px; padding:15px 14px; border:1px solid #E7EAF0; border-radius:16px;
  box-shadow:0 1px 2px rgba(18,28,54,.05), 0 8px 22px rgba(18,28,54,.06); }
.smkx-tema:hover{ box-shadow:0 3px 8px rgba(18,28,54,.07), 0 20px 46px rgba(18,28,54,.11); }
.smkx-tema-ic{ width:44px; height:44px; }
.smkx-cta{ border:1px solid #E7EAF0; border-radius:16px;
  box-shadow:0 1px 2px rgba(18,28,54,.05), 0 8px 22px rgba(18,28,54,.06); }
.smkx-cta-ic-map{ background:linear-gradient(135deg,#1E3159,#2A4576); }
.smkx-cta-tx strong{ color:#182130; }

/* ============================================================
   v1.0.36 — Tipografía premium (Altivo pendiente) + acabado
   Fuente de marca provisional auto-alojada (no Google Fonts).
   ============================================================ */
@font-face{ font-family:'Altivo'; src:url('fonts/Altivo-Light.woff2') format('woff2'); font-weight:300; font-style:normal; font-display:swap; }
@font-face{ font-family:'Altivo'; src:url('fonts/Altivo-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'Altivo'; src:url('fonts/Altivo-Medium.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
@font-face{ font-family:'Altivo'; src:url('fonts/Altivo-Bold.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
@font-face{ font-family:'Altivo'; src:url('fonts/Altivo-Black.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap; }
.siade-app, .siade-app input, .siade-app select, .siade-app textarea, .siade-app button{
  font-family:'Altivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
/* Fallback de logo: cuando no hay imagen (o es blanca), placeholder con iniciales navy */
.siade-app .siade-profile-logo{ background:linear-gradient(135deg,#EAF0FA,#DCE6F6); border:1px solid #D2DEEF; }
.siade-app .siade-profile-logo .siade-logo-ini{ color:#1E3159; font-weight:800; }
/* Tarjetas de tema más compactas (menos hueco) */
.smkx-tema{ min-height:84px; padding:14px; gap:9px; }
.smkx-tema-ic{ width:42px; height:42px; }

/* ============================================================
   v1.0.37 — Tanda 2: consistencia. Mismo radio/sombra en tarjetas
   del directorio y de tema. Solo estructura (radio/sombra/peso), sin
   tocar colores ni tamaños. Capa de ajuste, no reescribe reglas.
   ============================================================ */
.siade-app .siade-actor-card{ border-radius:16px; box-shadow:var(--sombra); }
.siade-app .siade-actor-card:hover{ box-shadow:var(--sombra-lg); }
.siade-app .siade-actor-logo{ border-radius:12px; }
.siade-app .siade-badge{ font-weight:700; }

/* ============================================================
   v1.0.38 — Búsqueda inteligente: estado "sin resultados" con caminos
   ============================================================ */
.smkx-empty{ text-align:center; padding:34px 18px; max-width:420px; margin:8px auto; }
.smkx-empty-ic{ width:56px; height:56px; margin:0 auto 14px; border-radius:50%; background:#EAF0FA; color:#2C477E; display:grid; place-items:center; }
.smkx-empty-ic svg{ width:26px; height:26px; }
.smkx-empty-t{ font-size:16px; font-weight:700; color:#1E3159; margin-bottom:5px; letter-spacing:-.01em; }
.smkx-empty-s{ font-size:13.5px; color:#57627A; margin-bottom:16px; }
.smkx-empty-chips{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:18px; }
.smkx-echip{ font-size:13px; font-weight:600; padding:8px 14px; border-radius:99px; border:1px solid #D9DFEA; background:#fff; color:#2C477E; cursor:pointer; box-shadow:0 1px 2px rgba(18,28,54,.04); font-family:inherit; transition:border-color .15s; }
.smkx-echip:hover{ border-color:#2C477E; }
.smkx-empty-acts{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.smkx-empty-btn{ font-size:14px; font-weight:600; padding:11px 18px; border-radius:12px; border:0; cursor:pointer; background:linear-gradient(160deg,#2C477E,#1E3159); color:#fff; font-family:inherit; }
.smkx-empty-btn.ghost{ background:#fff; border:1px solid #D9DFEA; color:#1E3159; }

/* v1.0.39 — Mapa: motor de brechas (leyenda por escasez + faltantes) */
.siade-mapt-legend.is-brechas .lg1{ background:#B03A2E; }
.siade-mapt-legend.is-brechas .lg2{ background:#E6A700; }
.siade-mapt-legend.is-brechas .lg3{ background:#7FBF88; }
.siade-mapt-legend.is-brechas .lg4{ background:#2E9E6F; }
.siade-mapt-gap{ margin:0 14px 12px; padding:10px 13px; border-radius:12px; background:#FBECE9; border:1px solid #F3C9C0; color:#9A3A2B; font-size:12.5px; line-height:1.5; }
.siade-mapt-gap b{ font-weight:800; }

/* ============================================================
   v1.0.41 — Mapa 3D en el Mapeo (motor del child theme del Gabinete)
   ============================================================ */
.siade-mapt-mapwrap{ position:relative; display:grid; place-items:center; min-height:340px; perspective:900px; }
.siade-mapt-mapwrap .gobchi-map-orbit{ position:absolute; inset:6% 4%; display:grid; place-items:center; pointer-events:none; }
.siade-mapt-mapwrap .gobchi-map-orbit i{ position:absolute; border:1px solid rgba(110,189,255,.28); border-radius:50%; animation:gobchi-orbit 18s linear infinite; }
.siade-mapt-mapwrap .gobchi-map-orbit i:nth-child(1){ width:94%; height:80%; }
.siade-mapt-mapwrap .gobchi-map-orbit i:nth-child(2){ width:74%; height:62%; animation-direction:reverse; animation-duration:24s; }
.siade-mapt-mapwrap .gobchi-map-orbit i:nth-child(3){ width:56%; height:46%; animation-duration:15s; }
@keyframes gobchi-orbit{ to{ transform:rotate(360deg); } }
.gobchi-map{ width:min(100%,430px); height:auto; max-height:480px; overflow:visible; filter:drop-shadow(0 26px 32px rgba(0,55,130,.32)); transform-style:preserve-3d; }
.gobchi-municipio{ fill:url(#gobchiMapFill); stroke:rgba(255,255,255,.92); stroke-width:2.5; vector-effect:non-scaling-stroke; opacity:0; transform-origin:center; animation:gobchi-map-in .7s cubic-bezier(.2,.8,.2,1) forwards; transition:filter .25s ease,opacity .25s ease,stroke .25s ease,fill .3s ease; cursor:pointer; }
.gobchi-municipio:hover{ filter:brightness(1.14) saturate(1.1) drop-shadow(0 0 12px rgba(110,189,255,.75)); stroke:#CCF0FF; stroke-width:3.5; }
.gobchi-municipio.is-active{ filter:brightness(1.18) saturate(1.15) drop-shadow(0 0 18px rgba(242,161,25,.72)); stroke:#F2A119; stroke-width:3.6; }
@keyframes gobchi-map-in{ from{ opacity:0; transform:scale(.94); } to{ opacity:1; transform:none; } }
.gobchi-map-link{ fill:none; stroke:rgba(158,212,243,.9); stroke-width:1.8; stroke-dasharray:5 7; filter:url(#gobchiGlow); animation:gobchi-dash 15s linear infinite; }
@keyframes gobchi-dash{ to{ stroke-dashoffset:-120; } }
.gobchi-map-node{ fill:#fff; stroke:#F2A119; stroke-width:3.5; filter:url(#gobchiGlow); animation:gobchi-node 2s ease-in-out infinite; }
@keyframes gobchi-node{ 0%,100%{ r:5; opacity:.9; } 50%{ r:7; opacity:1; } }
.gobchi-map-label{ fill:#fff; font:800 12px 'Altivo',sans-serif; letter-spacing:-.01em; text-anchor:middle; paint-order:stroke; stroke:rgba(30,49,89,.85); stroke-width:3px; stroke-linejoin:round; pointer-events:none; }
.gobchi-map-label.is-active{ fill:#FFE7BC; }
.gobchi-map-count{ font-size:9px; font-weight:700; fill:#CFE6FF; stroke-width:2.4px; }
.siade-mapt-legend{ display:none; }
.siade-mapt-legend.is-brechas{ display:flex; }
@media(prefers-reduced-motion:reduce){ .gobchi-map-orbit i,.gobchi-map-link,.gobchi-map-node,.gobchi-municipio{ animation:none!important; } }

/* ============================================================
   v1.0.42 — Tanda 6: transiciones de vista + skeletons + micro-interacciones
   ============================================================ */
/* Transición suave al montar cada vista */
.siade-view{ animation:siadeViewIn .34s cubic-bezier(.2,.8,.2,1) both; }
@keyframes siadeViewIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
/* Skeleton refinado */
.siade-skeleton{ background:linear-gradient(90deg,#eef2f7 25%,#e0e7f0 50%,#eef2f7 75%); background-size:200% 100%; }
.siade-sk-line{ border-radius:8px; }
.siade-sk-chip{ display:inline-block; height:34px; width:100px; border-radius:99px; margin-right:8px; vertical-align:middle; }
.siade-sk-row{ display:flex; gap:12px; align-items:center; padding:14px; border:1px solid #eef1f5; border-radius:16px; margin-bottom:12px; box-shadow:0 1px 2px rgba(18,28,54,.04); }
.siade-sk-avatar{ width:52px; height:52px; border-radius:14px; flex:0 0 auto; }
.siade-sk-rowbody{ flex:1; min-width:0; }
.siade-mapt-skel{ display:grid; gap:14px; padding:8px 0; }
.siade-mapt-skel .map{ height:300px; border-radius:20px; }
/* Micro-interacciones: feedback táctil al presionar */
.siade-btn-soft:active,.siade-chip:active,.smkx-tema:active,.smkx-cta:active,.smkx-echip:active,.siade-mapt-rankrow:active,.siade-mapt-inst:active,.siade-actor-card:active,.smkx-empty-btn:active{ transform:scale(.98); }
@media(prefers-reduced-motion:reduce){ .siade-view{ animation:none; } .siade-skeleton{ animation:none; } }

/* ============================================================
   v1.0.43 — INICIO tecnológico (búsqueda + accesos + mapa 3D + resultados a demanda)
   ============================================================ */
.ini .ini-cap{ font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#8A94A6; }
.ini-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.ini-bd{ display:flex; align-items:center; gap:9px; }
.ini-m{ width:31px; height:31px; border-radius:9px; background:linear-gradient(145deg,#1E3159,#3A5FA8); color:#fff; display:grid; place-items:center; box-shadow:0 6px 16px rgba(30,49,89,.22); }
.ini-m svg{ width:18px; height:18px; }
.ini-bd b{ font-size:12px; font-weight:800; letter-spacing:.02em; color:#1E3159; display:block; }
.ini-bd .ini-cap{ font-size:9px; }
.ini-live{ display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border:1px solid #EDF0F5; border-radius:99px; background:#fff; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#556074; }
.ini-live i{ width:6px; height:6px; border-radius:50%; background:#1E8E5A; box-shadow:0 0 0 3px rgba(30,142,90,.15); animation:iniPulse 2.4s infinite; }
@keyframes iniPulse{ 50%{ opacity:.4; } }
.ini-h1{ margin:0 0 12px; font-size:23px; font-weight:900; letter-spacing:-.035em; color:#1E3159; }
.ini-cmd{ display:flex; align-items:center; gap:11px; background:#fff; border:1px solid #E4E8EF; border-radius:13px; padding:6px 6px 6px 15px; box-shadow:0 8px 26px rgba(18,28,54,.08); transition:border-color .2s, box-shadow .2s; }
.ini-cmd:focus-within{ border-color:#3A5FA8; box-shadow:0 0 0 4px rgba(58,95,168,.10); }
.ini-cmd > svg{ width:19px; height:19px; color:#8A94A6; flex:0 0 auto; }
.ini-cmd input{ flex:1; border:0; outline:0; background:transparent; font-family:inherit; font-size:16px; color:#131C2E; padding:9px 2px; min-width:0; }
.ini-cmd input::placeholder{ color:#8A94A6; }
.ini-mic{ width:42px; height:42px; border:0; border-radius:10px; background:#1E3159; color:#fff; display:grid; place-items:center; cursor:pointer; transition:background .2s; flex:0 0 auto; }
.ini-mic:hover{ background:#3A5FA8; } .ini-mic svg{ width:20px; height:20px; }
.ini-qa{ margin:15px 0 4px; } .ini-qa .ini-cap{ margin-bottom:9px; display:block; }
.ini-chips{ display:flex; gap:8px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; } .ini-chips::-webkit-scrollbar{ display:none; }
.ini-chip{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border-radius:10px; background:#fff; border:1px solid #E4E8EF; color:#1E3159; font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; transition:transform .14s, border-color .14s, background .14s, color .14s; }
.ini-chip svg{ width:16px; height:16px; color:#3A5FA8; transition:color .14s; }
.ini-chip:active{ transform:scale(.97); } .ini-chip:hover{ border-color:#c9d3e3; }
.ini-chip.on{ background:#1E3159; border-color:transparent; color:#fff; } .ini-chip.on svg{ color:#fff; }
.ini-mh{ margin-top:14px; border:1px solid #E4E8EF; border-radius:20px; background:linear-gradient(180deg,#fff,#FAFCFE); box-shadow:0 10px 30px rgba(18,28,54,.07); overflow:hidden; }
.ini-mh-top{ display:flex; align-items:center; justify-content:space-between; padding:13px 16px 0; }
.ini-dot{ width:8px; height:8px; border-radius:50%; background:#F2A119; display:inline-block; vertical-align:-1px; margin-right:5px; }
.ini-an{ font-family:inherit; font-size:11px; font-weight:800; letter-spacing:.04em; color:#3A5FA8; cursor:pointer; background:none; border:0; display:inline-flex; align-items:center; gap:4px; text-transform:uppercase; }
.ini-mapwrap{ position:relative; display:grid; place-items:center; min-height:290px; perspective:900px; }
.ini-mapwrap .gobchi-map-orbit{ position:absolute; inset:5% 8%; display:grid; place-items:center; pointer-events:none; }
.ini-mapwrap .gobchi-map-orbit i{ position:absolute; border:1px solid rgba(110,189,255,.26); border-radius:50%; animation:gobchi-orbit 20s linear infinite; }
.ini-mapwrap .gobchi-map-orbit i:nth-child(1){ width:92%; height:76%; }
.ini-mapwrap .gobchi-map-orbit i:nth-child(2){ width:70%; height:58%; animation-direction:reverse; animation-duration:26s; }
.ini-mapwrap .gobchi-map-orbit i:nth-child(3){ width:50%; height:42%; animation-duration:16s; }
.ini-map{ width:min(100%,380px); max-height:400px; transform:rotateX(16deg) scale(1.02); transform-origin:center 42%; will-change:transform; }
.ini-res{ margin-top:14px; }
.ini-empty{ text-align:center; padding:14px 14px 6px; color:#8A94A6; }
.ini-empty b{ display:block; color:#556074; font-weight:700; font-size:13.5px; margin-bottom:2px; }
.ini-empty span{ font-size:12px; }
.ini-rhead{ display:flex; align-items:center; justify-content:space-between; margin:2px 2px 11px; }
.ini-rt{ font-size:15px; font-weight:800; color:#1E3159; }
.ini-clear{ font-family:inherit; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#3A5FA8; cursor:pointer; background:none; border:0; }
.ini-card{ display:flex; gap:12px; align-items:center; width:100%; text-align:left; background:#fff; border:1px solid #E4E8EF; border-radius:13px; padding:12px; box-shadow:0 6px 18px rgba(18,28,54,.06); margin-bottom:9px; cursor:pointer; transition:transform .14s, border-color .14s; font-family:inherit; }
.ini-card:active{ transform:scale(.985); } .ini-card:hover{ border-color:#c9d3e3; }
.ini-logo{ position:relative; width:44px; height:44px; border-radius:11px; flex:0 0 auto; overflow:hidden; background:#fff; box-shadow:inset 0 0 0 1px rgba(15,23,42,.08); }
.ini-logo .siade-logo-ini{ position:absolute; inset:0; display:grid; place-items:center; font-size:14px; font-weight:800; color:#fff; background:var(--gc,#1E3159); letter-spacing:.5px; }
.ini-logo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#fff; padding:6px; z-index:1; }
.ini-cb{ flex:1; min-width:0; } .ini-cb b{ font-size:13.5px; font-weight:700; color:#131C2E; display:block; line-height:1.2; }
.ini-cmt{ font-size:9.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#8A94A6; margin-top:3px; display:block; }
.ini-ar{ width:19px; height:19px; color:#b6bfcc; flex:0 0 auto; }
.ini-todas{ display:block; width:100%; text-align:center; font-family:inherit; font-size:13px; font-weight:700; color:#3A5FA8; background:#F0F4FA; border:1px solid #E4E8EF; border-radius:12px; padding:12px; cursor:pointer; margin-top:4px; }
@media(min-width:720px){ .ini-map{ width:min(100%,440px); max-height:460px; } .ini-mapwrap{ min-height:360px; } }
@media(prefers-reduced-motion:reduce){ .ini-live i,.ini-mapwrap .gobchi-map-orbit i{ animation:none!important; } }

/* v1.0.44 — arreglos Inicio: grabación por voz + resultados colapsados */
.ini-mic.rec{ background:#D2452B; animation:iniRec 1.1s ease-in-out infinite; }
.ini-mic.rec svg{ animation:iniRecIcon 1.1s ease-in-out infinite; }
@keyframes iniRec{ 0%,100%{ box-shadow:0 0 0 0 rgba(210,69,43,.5); } 50%{ box-shadow:0 0 0 9px rgba(210,69,43,0); } }
@keyframes iniRecIcon{ 50%{ opacity:.55; } }
.ini-res:empty{ margin:0; }
@media(prefers-reduced-motion:reduce){ .ini-mic.rec,.ini-mic.rec svg{ animation:none!important; } }

/* v1.0.45 — botones de contacto en resultados del Inicio */
.ini-acts{ display:flex; gap:6px; flex:0 0 auto; }
.ini-act{ width:34px; height:34px; border-radius:9px; display:grid; place-items:center; flex:0 0 auto; transition:transform .14s, filter .14s; }
.ini-act svg{ width:18px; height:18px; }
.ini-act.wa{ background:#E7F5EC; color:#1E8E5A; }
.ini-act.call{ background:#E9F0FA; color:#233E72; }
.ini-act.loc{ background:#FDF2E1; color:#B8760F; }
.ini-act:active{ transform:scale(.9); }
.ini-act:hover{ filter:brightness(.97); }

/* ============================================================
   v1.0.49 — FASE A: Directorio telefónico
   ============================================================ */
.tel{ padding-bottom:12px; }
.tel-top{ margin-bottom:12px; }
.tel-eyebrow{ font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#8A94A6; }
.tel-h1{ margin:2px 0 0; font-size:23px; font-weight:900; letter-spacing:-.035em; color:#1E3159; }
.tel-cmd{ display:flex; align-items:center; gap:11px; background:#fff; border:1px solid #E4E8EF; border-radius:13px; padding:11px 15px; box-shadow:0 8px 26px rgba(18,28,54,.08); margin-bottom:14px; }
.tel-cmd svg{ width:19px; height:19px; color:#8A94A6; flex:0 0 auto; }
.tel-cmd input{ flex:1; border:0; outline:0; background:transparent; font-family:inherit; font-size:16px; color:#131C2E; min-width:0; }
.tel-cmd input::placeholder{ color:#8A94A6; }
.tel-cap{ font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#8A94A6; margin-bottom:8px; }
.tel-urgwrap{ margin-bottom:16px; }
.tel-urgs{ display:flex; gap:9px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; } .tel-urgs::-webkit-scrollbar{ display:none; }
.tel-urg{ flex:0 0 auto; display:flex; align-items:center; gap:9px; background:#fff; border:1px solid #F1C9C0; border-radius:13px; padding:10px 14px; text-decoration:none; box-shadow:0 4px 12px rgba(210,69,43,.08); }
.tel-urg-ic{ width:34px; height:34px; border-radius:9px; background:#FBE9E5; color:#D2452B; display:grid; place-items:center; flex:0 0 auto; } .tel-urg-ic svg{ width:19px; height:19px; }
.tel-urg-t b{ font-size:13px; font-weight:800; color:#1E3159; display:block; line-height:1.1; } .tel-urg-t span{ font-size:11px; color:#D2452B; font-weight:700; }
.tel-no911{ font-size:11px; color:#8A94A6; margin-top:8px; font-weight:600; }
.tel-seg{ display:flex; gap:6px; background:#EAEEF4; border-radius:11px; padding:4px; margin-bottom:14px; }
.tel-seg button{ flex:1; border:0; background:transparent; font-family:inherit; font-size:13px; font-weight:700; color:#556074; padding:8px; border-radius:8px; cursor:pointer; }
.tel-seg button.on{ background:#fff; color:#1E3159; box-shadow:0 2px 6px rgba(18,28,54,.08); }
.tel-list{ display:flex; flex-direction:column; gap:10px; }
.tel-inst{ background:#fff; border:1px solid #E4E8EF; border-radius:15px; box-shadow:0 4px 14px rgba(18,28,54,.05); overflow:hidden; }
.tel-hd{ display:flex; align-items:center; gap:12px; padding:13px 14px; cursor:pointer; }
.tel-logo{ position:relative; width:44px; height:44px; border-radius:11px; flex:0 0 auto; overflow:hidden; background:#fff; box-shadow:inset 0 0 0 1px rgba(15,23,42,.08); }
.tel-logo .siade-logo-ini{ position:absolute; inset:0; display:grid; place-items:center; font-size:14px; font-weight:800; color:#fff; background:var(--gc,#1E3159); letter-spacing:.5px; }
.tel-logo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#fff; padding:6px; z-index:1; }
.tel-nm{ flex:1; min-width:0; } .tel-nm b{ font-size:14px; font-weight:700; display:block; line-height:1.2; } .tel-nm span{ font-size:11.5px; color:#8A94A6; font-weight:600; }
.tel-favbtn{ width:36px; height:36px; border:0; background:transparent; color:#c3ccd8; display:grid; place-items:center; cursor:pointer; flex:0 0 auto; border-radius:9px; } .tel-favbtn svg{ width:20px; height:20px; }
.tel-favbtn.on{ color:#F2A119; } .tel-favbtn.on svg{ fill:#F2A119; }
.tel-chev{ color:#b6bfcc; transition:transform .2s; flex:0 0 auto; } .tel-inst.open .tel-chev{ transform:rotate(90deg); }
.tel-nums{ max-height:0; overflow:hidden; transition:max-height .3s ease; } .tel-inst.open .tel-nums{ max-height:800px; }
.tel-nums-in{ padding:0 14px 12px; border-top:1px solid #F0F3F7; }
.tel-num{ display:flex; align-items:center; gap:10px; padding:11px 0; border-bottom:1px dashed #EDF0F5; } .tel-num:last-of-type{ border-bottom:0; }
.tel-num-i{ flex:1; min-width:0; } .tel-num-lb{ font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:#8A94A6; }
.tel-sug{ display:inline-block; margin-left:7px; font-size:8.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:#9A6A0F; background:#FBEFD6; border:1px solid #F0D79A; border-radius:99px; padding:2px 7px; vertical-align:1px; }
.tel-num-no{ font-size:15px; font-weight:700; color:#131C2E; }
.tel-num-a{ display:flex; gap:7px; flex:0 0 auto; }
.tel-ab{ width:38px; height:38px; border:0; border-radius:10px; display:grid; place-items:center; cursor:pointer; text-decoration:none; } .tel-ab svg{ width:19px; height:19px; }
.tel-ab.call{ background:#1E3159; color:#fff; } .tel-ab.wa{ background:#1E8E5A; color:#fff; } .tel-ab.save{ background:#EEF2F8; color:#233E72; }
.tel-ab:active{ transform:scale(.92); }
.tel-saveall{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:10px; padding:11px; border:1px solid #E4E8EF; border-radius:11px; background:#F4F7FB; color:#1E3159; font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; } .tel-saveall svg{ width:17px; height:17px; }
.tel-nonum{ padding:12px 0; font-size:13px; color:#8A94A6; } .tel-verficha{ border:0; background:none; color:#3A5FA8; font-family:inherit; font-weight:700; cursor:pointer; font-size:13px; padding:0; }
.tel-emptybox{ text-align:center; padding:28px 16px; color:#8A94A6; font-size:13.5px; font-weight:600; }
.tel-fab{ position:fixed; left:50%; transform:translateX(calc(-50% + 0px)); bottom:82px; display:flex; align-items:center; gap:8px; background:#F2A119; color:#3A2600; border:0; border-radius:99px; padding:13px 18px; font-family:inherit; font-size:14px; font-weight:800; box-shadow:0 10px 26px rgba(242,161,25,.4); cursor:pointer; z-index:70; } .tel-fab svg{ width:18px; height:18px; }
.tel-suggest-ov{ position:fixed; inset:0; background:rgba(10,38,71,.55); display:flex; align-items:flex-end; justify-content:center; z-index:99999; padding:0; }
.tel-suggest{ background:#fff; width:100%; max-width:480px; border-radius:22px 22px 0 0; padding:22px 20px calc(24px + env(safe-area-inset-bottom)); position:relative; animation:telUp .28s cubic-bezier(.2,.8,.2,1); }
@keyframes telUp{ from{ transform:translateY(30px); opacity:.6; } to{ transform:none; opacity:1; } }
.tel-suggest-x{ position:absolute; top:12px; right:14px; width:32px; height:32px; border:0; background:#EEF2F7; border-radius:50%; font-size:20px; color:#556074; cursor:pointer; line-height:1; }
.tel-suggest h3{ margin:2px 0 6px; font-size:19px; font-weight:800; color:#1E3159; } .tel-suggest > p{ margin:0 0 14px; font-size:13px; color:#556074; }
.tel-sf{ display:block; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#8A94A6; margin-bottom:12px; }
.tel-sf input{ display:block; width:100%; margin-top:5px; padding:11px 13px; border:1px solid #E4E8EF; border-radius:11px; font-family:inherit; font-size:16px; color:#131C2E; }
.tel-suggest-msg{ font-size:12.5px; font-weight:600; min-height:16px; margin-bottom:8px; } .tel-suggest-msg.err{ color:#D2452B; } .tel-suggest-msg.ok{ color:#1E8E5A; }
.tel-suggest-send{ width:100%; padding:13px; border:0; border-radius:12px; background:linear-gradient(160deg,#233E72,#1E3159); color:#fff; font-family:inherit; font-size:15px; font-weight:700; cursor:pointer; }

/* ============================================================
   v1.0.50 — líneas de urgencia ampliadas (compartidas) + tarjetas premium
   ============================================================ */
/* Chip de línea de urgencia (usado en Directorio e Inicio) */
.urgline{ flex:0 0 auto; display:flex; align-items:center; gap:9px; background:#fff; border:1px solid #F1CDC5; border-radius:14px; padding:9px 13px; text-decoration:none; box-shadow:0 4px 14px rgba(210,69,43,.09); transition:transform .14s ease; }
.urgline:active{ transform:scale(.96); }
.urgline-ic{ width:33px; height:33px; border-radius:10px; background:#FBEAE6; color:#D2452B; display:grid; place-items:center; flex:0 0 auto; } .urgline-ic svg{ width:18px; height:18px; }
.urgline-t b{ font-size:12.5px; font-weight:800; color:#1E3159; display:block; line-height:1.1; white-space:nowrap; }
.urgline-t span{ font-size:10.5px; color:#D2452B; font-weight:700; white-space:nowrap; }
/* Sección de urgencias en el Inicio */
.ini-urg{ margin:15px 0 4px; } .ini-urg .ini-cap{ margin-bottom:9px; display:block; }
.ini-urgs{ display:flex; gap:9px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; } .ini-urgs::-webkit-scrollbar{ display:none; }
/* Tarjetas del directorio telefónico — más premium (iOS) */
.tel-inst{ border:1px solid #EDF1F6; border-radius:18px; box-shadow:0 1px 3px rgba(18,28,54,.03), 0 14px 30px rgba(18,28,54,.055); transition:transform .12s ease, box-shadow .22s ease; }
.tel-inst:active{ transform:scale(.994); }
.tel-hd{ padding:15px 15px; gap:13px; }
.tel-nm b{ font-size:15px; letter-spacing:-.012em; }
.tel-nm span{ font-size:12px; }
.tel-logo{ width:46px; height:46px; border-radius:12px; box-shadow:inset 0 0 0 1px rgba(15,23,42,.07); }
.tel-num-no{ font-size:15.5px; letter-spacing:.01em; }
.tel-ab{ width:40px; height:40px; border-radius:12px; }
.tel-nums-in{ padding:2px 15px 14px; }
.tel-list{ gap:12px; }

/* v1.0.51 — etiqueta de sede/cobertura en resultados del Inicio */
.ini-sede{ display:inline-block; margin-top:5px; font-size:10px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; padding:2px 9px; border-radius:99px; background:#EEF2F8; color:#556074; }
.ini-sede.here{ background:#E7F5EC; color:#1E8E5A; }
.ini-sede.cov{ background:#FBEFD6; color:#9A6A0F; }

/* v1.0.52 — tarjetas más premium (vidrio suave, sin backdrop-filter) */
.tel-inst, .ini-card{ background:linear-gradient(180deg,#ffffff 0%,#FCFDFF 100%); border:1px solid rgba(224,231,240,.85); box-shadow:0 1px 2px rgba(18,28,54,.035), 0 12px 26px rgba(30,49,89,.075), inset 0 1px 0 rgba(255,255,255,.9); }
.tel-inst{ border-radius:18px; } .ini-card{ border-radius:16px; }
.tel-ab, .ini-act{ box-shadow:0 3px 8px rgba(18,28,54,.10); }
.tel-ab.call, .ini-act.call{ box-shadow:0 5px 12px rgba(30,49,89,.30); }
.tel-ab.wa, .ini-act.wa{ box-shadow:0 5px 12px rgba(30,142,90,.30); }
.tel-ab.save{ box-shadow:0 3px 8px rgba(35,62,114,.14); }

/* v1.0.54 — FASE B.1: WhatsApp flotante (barra de contacto a 3 botones) */
.smk-wa-fab{ position:fixed; right:16px; bottom:calc(162px + env(safe-area-inset-bottom)); width:56px; height:56px; border-radius:50%; background:#25A05B; color:#fff; display:grid; place-items:center; box-shadow:0 10px 24px rgba(30,142,90,.45), 0 2px 6px rgba(0,0,0,.15); z-index:95; transition:transform .15s ease; }
.smk-wa-fab.smk-wa-low{ bottom:calc(90px + env(safe-area-inset-bottom)); }
.smk-wa-fab:active{ transform:scale(.9); }
.smk-wa-fab svg{ width:29px; height:29px; }

/* ============================================================
   v1.0.55 — FASE B.2: programas y recursos + contacto arriba
   ============================================================ */
/* Fila de contacto arriba (reemplaza la barra sticky de abajo) */
.smk-toprow{ display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:10px; margin:14px 2px 2px; }
.smk-toprow .smk-bar-btn{ display:flex; flex-direction:column; align-items:center; gap:5px; background:#fff; border:1px solid #E7EAF0; border-radius:15px; padding:13px 8px; text-decoration:none; color:#1E3159; box-shadow:0 5px 14px rgba(18,28,54,.06); font-family:inherit; position:static; transition:transform .13s; }
.smk-toprow .smk-bar-btn:active{ transform:scale(.96); }
.smk-toprow .smk-bar-btn i{ display:grid; place-items:center; line-height:0; } .smk-toprow .smk-bar-btn i svg{ width:22px; height:22px; }
.smk-toprow .smk-bar-btn span{ font-size:12px; font-weight:700; }
.smk-toprow .smk-bar-btn.call i{ color:#1E3159; } .smk-toprow .smk-bar-btn.map i{ color:#D2452B; } .smk-toprow .smk-bar-btn.web i{ color:#2b7fb0; } .smk-toprow .smk-bar-btn.doc i{ color:#026961; } .smk-toprow .smk-bar-btn.mail i{ color:#7a5cc0; }
/* WhatsApp flotante: ahora sin barra sticky, se ubica arriba de la barra de navegación */
.smk-wa-fab{ bottom:calc(94px + env(safe-area-inset-bottom)) !important; }
/* Programas */
.prg-feat{ display:block; text-decoration:none; color:#fff; border-radius:20px; padding:19px; position:relative; overflow:hidden; background:linear-gradient(140deg,#F2A119,#e07d10); box-shadow:0 14px 30px rgba(224,125,16,.30); margin-bottom:12px; }
.prg-feat::after{ content:""; position:absolute; right:-30px; bottom:-40px; width:150px; height:150px; border-radius:50%; background:rgba(255,255,255,.14); }
.prg-feat-badge{ display:inline-block; background:rgba(255,255,255,.24); font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; padding:4px 10px; border-radius:99px; margin-bottom:11px; }
.prg-feat-ic{ position:absolute; right:16px; top:16px; width:42px; height:42px; opacity:.9; } .prg-feat-ic svg{ width:100%; height:100%; }
.prg-feat-name{ font-size:19px; font-weight:900; letter-spacing:-.02em; line-height:1.15; position:relative; z-index:1; max-width:82%; }
.prg-feat-desc{ font-size:13px; line-height:1.5; margin:8px 0 14px; opacity:.96; position:relative; z-index:1; }
.prg-feat-cta{ display:inline-flex; align-items:center; gap:7px; background:#fff; color:#c96a00; font-size:13px; font-weight:800; padding:10px 16px; border-radius:12px; position:relative; z-index:1; }
.prg-card{ display:flex; align-items:center; gap:12px; background:#fff; border:1px solid #E7EAF0; border-radius:16px; padding:13px; text-decoration:none; box-shadow:0 4px 14px rgba(18,28,54,.05); margin-bottom:9px; transition:transform .14s; }
.prg-card:active{ transform:scale(.99); }
.prg-ic{ width:44px; height:44px; border-radius:12px; flex:0 0 auto; display:grid; place-items:center; } .prg-ic svg{ width:22px; height:22px; }
.prg-ic.becas{ background:#FDF1DC; color:#c6820c; } .prg-ic.edu{ background:#E9EEFA; color:#233E72; } .prg-ic.cert{ background:#E1F1EE; color:#026961; } .prg-ic.doc{ background:#EAF6FC; color:#2b7fb0; }
.prg-body{ flex:1; min-width:0; }
.prg-cat{ font-size:9.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:#8A94A6; }
.prg-name{ display:block; font-size:14.5px; font-weight:800; color:#131C2E; letter-spacing:-.01em; line-height:1.2; margin:1px 0 3px; }
.prg-desc{ font-size:12px; color:#556074; line-height:1.4; }
.prg-go{ width:29px; height:29px; border-radius:50%; background:#EEF2F8; color:#233E72; display:grid; place-items:center; flex:0 0 auto; } .prg-go svg{ width:15px; height:15px; }
.prg-res-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.prg-res{ display:flex; align-items:center; gap:11px; background:#fff; border:1px solid #E7EAF0; border-radius:15px; padding:13px; text-decoration:none; box-shadow:0 4px 14px rgba(18,28,54,.05); }
.prg-res-ic{ width:38px; height:38px; border-radius:11px; display:grid; place-items:center; flex:0 0 auto; } .prg-res-ic svg{ width:19px; height:19px; }
.prg-res-ic.tram{ background:#E1F1EE; color:#026961; } .prg-res-ic.web{ background:#EAF6FC; color:#2b7fb0; }
.prg-res-tx b{ display:block; font-size:13.5px; font-weight:800; color:#131C2E; line-height:1.2; } .prg-res-tx span{ font-size:11px; color:#556074; }
.prg-subs{ background:#fff; border:1px solid #E7EAF0; border-radius:16px; overflow:hidden; box-shadow:0 4px 14px rgba(18,28,54,.05); }
.prg-subs-hd{ display:flex; align-items:center; gap:12px; padding:14px; cursor:pointer; }
.prg-subs-ic{ width:42px; height:42px; border-radius:12px; background:#E9EEFA; color:#233E72; display:grid; place-items:center; flex:0 0 auto; } .prg-subs-ic svg{ width:21px; height:21px; }
.prg-subs-st{ flex:1; } .prg-subs-st b{ display:block; font-size:14.5px; font-weight:800; color:#131C2E; } .prg-subs-st span{ font-size:12px; color:#556074; }
.prg-subs-chev{ color:#b6bfcc; transition:transform .25s; } .prg-subs-chev svg{ width:20px; height:20px; } .prg-subs.open .prg-subs-chev{ transform:rotate(90deg); }
.prg-subs-list{ max-height:0; overflow:hidden; transition:max-height .3s ease; } .prg-subs.open .prg-subs-list{ max-height:600px; }
.prg-subs-list-in{ padding:0 14px 13px; display:flex; flex-wrap:wrap; gap:8px; border-top:1px solid #f0f3f7; padding-top:12px; }
.prg-sub-chip{ font-size:12.5px; font-weight:700; color:#233E72; background:#EEF3FA; padding:8px 12px; border-radius:11px; }

/* ============================================================
   v1.0.56 — reorganización de la ficha (feedback en vivo)
   ============================================================ */
/* WhatsApp flotante: verde OFICIAL + glifo blanco (se montaba negro) */
.smk-wa-fab{ background:#25D366 !important; box-shadow:0 10px 26px rgba(37,211,102,.42), 0 2px 6px rgba(0,0,0,.15) !important; }
.smk-wa-fab svg{ fill:#fff !important; stroke:none !important; width:30px !important; height:30px !important; }
/* Sede física: texto + "Ver en mapa" */
.siade-sede-band .siade-sb-tx{ flex:1; min-width:0; }
.siade-sb-map{ display:inline-flex; align-items:center; gap:6px; flex:0 0 auto; background:rgba(2,105,97,.10); color:#026961; font-size:12.5px; font-weight:800; padding:9px 13px; border-radius:11px; text-decoration:none; }
.siade-sb-map:active{ transform:scale(.96); }
.siade-sb-map svg{ width:16px; height:16px; }
/* Estructura territorial (subunidades) como sección propia tras la sede */
.prg-subs-wrap{ margin:14px 2px 2px; }
.prg-subs-hd2{ display:flex; align-items:center; gap:9px; font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:#1E3159; margin:0 0 11px; }
.prg-subs-hd2::before{ content:""; width:4px; height:15px; border-radius:3px; background:#F2A119; }

/* v1.0.57 — tarjeta de Presencia física (fusiona horario/acceso/equipo, reemplaza banda verde dura) */
.siade-presencia{ background:#fff; border:1px solid #E7EAF0; border-radius:18px; padding:15px; box-shadow:0 6px 18px rgba(18,28,54,.06); margin:2px 0 4px; }
.siade-pres-head{ display:flex; align-items:center; gap:12px; }
.siade-presencia .siade-sb-ico{ width:46px; height:46px; border-radius:13px; background:#E1F1EE; color:#026961; display:grid; place-items:center; flex:0 0 auto; }
.siade-presencia .siade-sb-ico svg{ width:24px; height:24px; }
.siade-presencia.movil .siade-sb-ico{ background:#FDF1DC; color:#c6820c; }
.siade-pres-head .siade-sb-tx{ flex:1; min-width:0; }
.siade-pres-head .siade-sb-tx b{ display:block; font-size:15.5px; font-weight:900; color:#1E3159; letter-spacing:-.02em; line-height:1.2; }
.siade-pres-head .siade-sb-tx small{ font-size:12.5px; color:#556074; }
.siade-pres-meta{ display:flex; flex-wrap:wrap; gap:11px 10px; margin-top:13px; padding-top:13px; border-top:1px solid #f0f3f7; }
.siade-pres-mi{ display:flex; align-items:center; gap:8px; min-width:calc(50% - 6px); flex:1 1 calc(50% - 6px); }
.siade-pres-mi svg{ width:19px; height:19px; color:#8A94A6; flex:0 0 auto; }
.siade-pres-mi span{ min-width:0; }
.siade-pres-mi small{ display:block; font-size:9px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:#8A94A6; line-height:1.3; }
.siade-pres-mi b{ font-size:13px; font-weight:800; color:#131C2E; line-height:1.2; }

/* v1.0.58 — acordeones para el detalle (interactivo, tap para expandir) */
.siade-acc{ background:#fff; border:1px solid #E7EAF0; border-radius:15px; margin-bottom:10px; overflow:hidden; box-shadow:0 4px 12px rgba(18,28,54,.05); }
.siade-acc-hd{ width:100%; display:flex; align-items:center; gap:12px; padding:15px; background:none; border:0; font-family:inherit; cursor:pointer; text-align:left; }
.siade-acc-ic{ width:40px; height:40px; border-radius:11px; background:#EEF3FA; color:#233E72; display:grid; place-items:center; flex:0 0 auto; }
.siade-acc-ic svg{ width:20px; height:20px; }
.siade-acc-tt{ flex:1; min-width:0; }
.siade-acc-tt b{ display:block; font-size:14px; font-weight:800; color:#131C2E; letter-spacing:-.01em; }
.siade-acc-tt span{ font-size:11.5px; color:#8A94A6; }
.siade-acc-chev{ color:#b6bfcc; transition:transform .28s; flex:0 0 auto; }
.siade-acc-chev svg{ width:19px; height:19px; }
.siade-acc.open .siade-acc-chev{ transform:rotate(90deg); }
.siade-acc-body{ max-height:0; overflow:hidden; transition:max-height .34s ease; }
.siade-acc.open .siade-acc-body{ max-height:2600px; }
.siade-acc-in{ padding:4px 15px 15px; }
.siade-acc-in .siade-profile-grid{ margin:0; }

/* v1.0.59 — meta de Presencia en lista vertical (más pareja) + íconos quetzal */
.siade-pres-meta{ flex-direction:column !important; flex-wrap:nowrap !important; gap:13px !important; }
.siade-pres-mi{ min-width:0 !important; width:100% !important; flex:0 0 auto !important; align-items:center !important; }
.siade-pres-mi svg{ color:#026961 !important; }


/* ============================================================
   v1.0.64 — Estrategia conservadora Gobierno Departamental
   Mantiene mapa, directorio, fichas y búsqueda original.
   Suma IA/trámites y ordena shell desktop/móvil sin tocar datos.
   ============================================================ */
.siade-app {
  --gd-navy:#061b4e;
  --gd-blue:#063f91;
  --gd-teal:#008b83;
  --gd-line:#dbe5f0;
  --gd-bg:#eef4f8;
  --gd-card:#ffffff;
}

/* Shell: escritorio con header superior; el drawer lateral queda reservado para móvil/gestión. */
@media (min-width:1025px){
  body.siade-fullscreen-app .siade-app.siade-app-shell,
  .siade-app.siade-app-shell{
    grid-template-columns:minmax(0,1fr) !important;
    background:
      radial-gradient(circle at top left, rgba(44,116,179,.10), transparent 30%),
      linear-gradient(180deg,#f7fbff 0%, #eef4f8 100%) !important;
  }
  .siade-app-shell > .siade-sidebar{
    display:none !important;
  }
  .siade-shell-main{
    height:100dvh !important;
    min-width:0 !important;
    background:transparent !important;
  }
  .siade-shell-scroll{
    height:calc(100dvh - 82px) !important;
  }
  .siade-panel{
    max-width:1440px !important;
    margin:0 auto !important;
    padding:24px 26px 48px !important;
  }
}

.siade-gd-topbar{
  height:82px;
  padding:0 28px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(219,229,240,.92);
  box-shadow:0 8px 30px rgba(6,27,78,.05);
  display:flex;
  align-items:center;
  gap:18px;
}
.siade-gd-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:250px;
}
.siade-gd-logo{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#063f91,#0a68d1);
  color:#fff;
  font-weight:1000;
  letter-spacing:-.05em;
  box-shadow:0 12px 26px rgba(6,63,145,.18);
}
.siade-gd-brandtx{
  display:flex;
  flex-direction:column;
  min-width:0;
  line-height:1.16;
}
.siade-gd-brandtx strong{
  color:var(--gd-navy);
  font-size:15px;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.siade-gd-brandtx span{
  color:#718096;
  font-size:11px;
  font-weight:750;
  margin-top:3px;
}
.siade-gd-topnav{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.siade-gd-navbtn{
  border:0;
  background:transparent;
  color:#30415f;
  border-radius:18px;
  padding:9px 13px;
  display:flex;
  align-items:center;
  gap:8px;
  font:850 12px/1 'Altivo', sans-serif;
  cursor:pointer;
  transition:.16s ease;
}
.siade-gd-navbtn .siade-nav-ic{
  width:20px;height:20px;color:currentColor;
}
.siade-gd-navbtn:hover{
  background:#f0f6fc;
  color:var(--gd-blue);
}
.siade-gd-navbtn.active{
  background:#e9f3ff;
  color:var(--gd-blue);
  box-shadow:inset 0 -2px 0 var(--gd-blue);
}
.siade-gd-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.siade-gd-help{
  border:0;
  background:transparent;
  color:#30415f;
  font:850 12px/1 'Altivo', sans-serif;
  cursor:pointer;
}
.siade-gd-topbar .siade-burger{
  display:none;
}
@media (max-width:1024px){
  .siade-gd-topbar{
    height:58px;
    padding:0 14px;
  }
  .siade-gd-topbar .siade-burger{
    display:inline-flex;
  }
  .siade-gd-logo{
    width:34px;
    height:34px;
    border-radius:12px;
  }
  .siade-gd-brand{
    min-width:0;
    flex:1;
  }
  .siade-gd-brandtx strong{
    font-size:12px;
  }
  .siade-gd-brandtx span{
    font-size:9px;
  }
  .siade-gd-topnav,
  .siade-gd-help{
    display:none;
  }
}

/* Home: premium sin destruir mapa/resultados originales */
.siade-view-inicio .ini,
.siade-view-inicio.ini{
  max-width:1180px;
  margin:0 auto;
}
.siade-view-inicio .ini.gd-home .ini-top{
  margin-bottom:12px;
}
.siade-view-inicio .ini.gd-home .ini-bd b{
  color:var(--gd-navy);
  letter-spacing:.06em;
}
.siade-view-inicio .ini.gd-home .ini-m{
  border-radius:15px;
  background:linear-gradient(135deg,var(--gd-blue),#0b70d1);
}
.siade-view-inicio .ini.gd-home .ini-h1{
  color:var(--gd-navy);
  font-size:clamp(30px,6vw,54px);
  line-height:1.02;
  letter-spacing:-.06em;
  max-width:760px;
  margin-top:12px;
}
.siade-view-inicio .ini.gd-home .ini-cmd{
  border-radius:24px;
  padding:10px 10px 10px 18px;
  box-shadow:0 20px 48px rgba(6,27,78,.12);
  border-color:#d7e4f0;
}
.siade-view-inicio .ini.gd-home .ini-mic{
  border-radius:18px;
  background:var(--gd-teal);
}
.siade-view-inicio .ini.gd-home .ini-chip{
  border-radius:18px;
  padding:12px 16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(6,27,78,.07);
}
.siade-view-inicio .ini.gd-home .ini-chip.on{
  background:var(--gd-blue);
}
.gd-home-assist{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:12px;
  margin:14px 0;
}
.gd-assist-card,
.gd-tramites-card{
  border:1px solid rgba(0,139,131,.22);
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 12px 30px rgba(6,27,78,.07);
  padding:15px;
}
.gd-assist-k{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--gd-navy);
  font-size:14px;
  font-weight:950;
}
.gd-assist-k span{
  padding:5px 9px;
  border-radius:999px;
  color:var(--gd-teal);
  background:#e8f8f5;
  font-size:10px;
}
.gd-assist-card p,
.gd-tramites-card p{
  margin:8px 0 12px;
  color:#526176;
  font-size:12.5px;
  line-height:1.4;
}
.gd-route-mini{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.gd-route-mini b{
  color:#526176;
  font-size:11px;
  margin-right:4px;
}
.gd-route-mini button,
.gd-tramites-card button{
  border:1px solid #cfdbea;
  background:#fff;
  color:var(--gd-blue);
  border-radius:13px;
  padding:8px 10px;
  font:850 11px/1 'Altivo', sans-serif;
  cursor:pointer;
}
.gd-tramites-card button{
  background:var(--gd-blue);
  color:#fff;
  border-color:transparent;
}
.siade-view-inicio .ini.gd-home .ini-mh{
  border-radius:24px;
  border-color:#dbe5f0;
  box-shadow:0 12px 32px rgba(6,27,78,.07);
}
.siade-view-inicio .ini.gd-home .ini-res .ini-card{
  border-radius:18px;
}
@media (min-width:1180px){
  .siade-view-inicio .ini.gd-home{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.56fr);
    gap:16px;
    align-items:start;
  }
  .siade-view-inicio .ini.gd-home .ini-top,
  .siade-view-inicio .ini.gd-home .ini-h1,
  .siade-view-inicio .ini.gd-home .ini-cmd,
  .siade-view-inicio .ini.gd-home .ini-qa,
  .siade-view-inicio .ini.gd-home .ini-urg,
  .siade-view-inicio .ini.gd-home .ini-res,
  .siade-view-inicio .ini.gd-home .ini-mh{
    grid-column:1;
  }
  .siade-view-inicio .ini.gd-home .gd-home-assist{
    grid-column:2;
    grid-row:1 / span 5;
    display:grid;
    grid-template-columns:1fr;
    margin-top:0;
  }
}
@media (max-width:720px){
  .gd-home-assist{
    grid-template-columns:1fr;
  }
  .siade-view-inicio .ini.gd-home .ini-h1{
    font-size:30px;
  }
}

/* Trámites */
.siade-tramites-view{
  max-width:1180px;
  margin:0 auto;
}
.siade-tramites-hero{
  border-radius:28px;
  background:linear-gradient(135deg,#061b4e,#063f91);
  color:#fff;
  padding:28px;
  box-shadow:0 18px 46px rgba(6,27,78,.18);
  margin-bottom:18px;
}
.siade-tramites-hero span{
  color:#9ed8ff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
}
.siade-tramites-hero h1{
  margin:8px 0 8px;
  font-size:clamp(26px,4vw,42px);
  letter-spacing:-.04em;
}
.siade-tramites-hero p{
  margin:0;
  color:rgba(255,255,255,.76);
  max-width:760px;
  line-height:1.5;
}
.siade-tramites-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.siade-tramite-card{
  background:#fff;
  border:1px solid #dbe5f0;
  border-radius:22px;
  padding:16px;
  box-shadow:0 10px 26px rgba(6,27,78,.07);
}
.siade-tramite-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
}
.siade-tramite-top span{
  color:var(--gd-blue);
  font-weight:950;
  font-size:12px;
}
.siade-tramite-top em{
  font-style:normal;
  background:#fff7ed;
  color:#c2410c;
  border-radius:999px;
  padding:4px 8px;
  font-size:10px;
  font-weight:850;
}
.siade-tramite-card h3{
  margin:0 0 7px;
  color:var(--gd-navy);
  font-size:18px;
  line-height:1.18;
}
.siade-tramite-card p{
  margin:0 0 12px;
  color:#526176;
  line-height:1.42;
  font-size:13px;
}
.siade-tramite-inst{
  color:var(--gd-teal);
  font-size:12px;
  font-weight:900;
  margin-bottom:12px;
}
.siade-tramite-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.siade-tramite-actions button{
  border:1px solid #cfdbea;
  background:#fff;
  color:var(--gd-blue);
  border-radius:13px;
  padding:9px 10px;
  font:850 11px/1 'Altivo', sans-serif;
  cursor:pointer;
}
.siade-tramite-actions button:first-child{
  background:var(--gd-blue);
  color:#fff;
  border-color:transparent;
}
@media (max-width:900px){
  .siade-tramites-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:620px){
  .siade-tramites-grid{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   v1.0.65 — Corrección de estrategia desktop/móvil
   - Restaura barra lateral en escritorio para no perder accesos admin.
   - Mantiene header Gobierno Departamental.
   - Reordena navegación móvil: Inicio · Directorio · Trámites · Perfil/Acceso.
   - Limpia Home y mejora botones de Volver/Limpiar.
   ============================================================ */

/* Escritorio: vuelve la barra lateral y evita ancho completo sin contención */
@media (min-width:1025px){
  body.siade-fullscreen-app .siade-app.siade-app-shell,
  .siade-app.siade-app-shell{
    display:grid !important;
    grid-template-columns:292px minmax(0,1fr) !important;
    width:100% !important;
    max-width:100% !important;
    background:
      radial-gradient(circle at top left, rgba(44,116,179,.08), transparent 30%),
      linear-gradient(180deg,#f7fbff 0%, #eef4f8 100%) !important;
  }
  .siade-app-shell > .siade-sidebar{
    display:flex !important;
    position:relative !important;
    transform:none !important;
    width:292px !important;
    max-width:292px !important;
    height:100dvh !important;
    z-index:40 !important;
  }
  .siade-shell-main{
    height:100dvh !important;
    min-width:0 !important;
    background:transparent !important;
  }
  .siade-shell-scroll{
    height:calc(100dvh - 82px) !important;
  }
  .siade-panel{
    max-width:1280px !important;
    margin:0 auto !important;
    padding:24px 26px 48px !important;
  }
  .siade-bottom-nav{
    display:none !important;
  }
}

/* Header: barra superior con identidad, sin reemplazar la navegación administrativa */
.siade-gd-topbar{
  min-width:0;
}
.siade-gd-back{
  border:1px solid #d6e2ee;
  background:#fff;
  color:#063f91;
  border-radius:999px;
  padding:8px 12px;
  font:900 12px/1 'Altivo', sans-serif;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(6,27,78,.06);
}
.siade-gd-back[hidden]{
  display:none !important;
}
@media (min-width:1025px){
  .siade-gd-topbar .siade-burger{
    display:none !important;
  }
  .siade-gd-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}
@media (max-width:1024px){
  .siade-gd-back{
    padding:7px 10px;
    font-size:11px;
  }
  .siade-gd-logo{
    display:none;
  }
}

/* Home más limpio: menos saturación inicial */
.siade-view-inicio .ini.gd-home{
  padding-top:6px;
}
.siade-view-inicio .ini.gd-home .ini-h1{
  margin-top:8px !important;
  margin-bottom:12px !important;
}
.siade-view-inicio .ini.gd-home .ini-urg{
  display:none !important;
}
.siade-view-inicio .ini.gd-home .gd-home-assist{
  margin-top:12px;
  margin-bottom:16px;
}
.siade-view-inicio .ini.gd-home .gd-assist-card,
.siade-view-inicio .ini.gd-home .gd-tramites-card{
  border-radius:24px;
}
@media (min-width:1180px){
  .siade-view-inicio .ini.gd-home{
    grid-template-columns:minmax(0,1fr) minmax(300px,.48fr) !important;
    max-width:1180px !important;
  }
}
@media (max-width:720px){
  .siade-view-inicio .ini.gd-home{
    padding-top:4px;
  }
  .siade-view-inicio .ini.gd-home .ini-top{
    margin-bottom:8px;
  }
  .siade-view-inicio .ini.gd-home .ini-h1{
    font-size:28px !important;
    line-height:1.04 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd{
    border-radius:22px;
  }
  .siade-view-inicio .ini.gd-home .ini-chip{
    padding:11px 14px;
  }
}

/* Botón Limpiar/Resultados más evidente para evitar saturación al seleccionar municipios */
.siade-view-inicio .ini-rhead{
  background:#fff;
  border:1px solid #dbe5f0;
  border-radius:18px;
  padding:10px 12px;
  box-shadow:0 8px 22px rgba(6,27,78,.06);
}
.siade-view-inicio .ini-clear{
  border:1px solid #d6e2ee !important;
  border-radius:999px !important;
  background:#f7fbff !important;
  color:#063f91 !important;
  padding:8px 11px !important;
  font-weight:950 !important;
}

/* Mapa: contención visual en escritorio dentro del Home */
@media (min-width:1025px){
  .siade-view-inicio .ini.gd-home .ini-mapwrap{
    min-height:360px;
  }
  .siade-view-inicio .ini.gd-home .ini-map{
    width:min(100%,440px);
  }
}

/* Sidebar conserva gestión, pero con marca más coherente */
.siade-sidebar .siade-brand-text strong{
  letter-spacing:.01em;
}
.siade-sidebar .siade-brand-text span{
  color:#7cc7ff;
}

/* Navegación móvil: cuatro accesos con icono de directorio/trámites más legible */
@media (max-width:720px){
  .siade-bottom-nav{
    grid-template-columns:repeat(4,1fr) !important;
  }
  .siade-bottom-item .siade-nav-ic svg{
    stroke-width:1.8;
  }
}

/* Trámites: evitar que en escritorio se sienta extendido de lado a lado */
@media (min-width:1025px){
  .siade-tramites-view{
    max-width:1180px !important;
  }
}


/* ============================================================
   v1.0.66 — Barra institucional fija + limpieza del inicio
   Ajuste visual sin tocar datos, fichas, endpoints ni SSO.
   ============================================================ */

/* Barra superior real de Gobierno Departamental */
.siade-gd-topbar{
  position:sticky !important;
  top:0 !important;
  z-index:65 !important;
  height:76px !important;
  margin:0 !important;
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid rgba(203,216,230,.95) !important;
  box-shadow:0 10px 28px rgba(6,27,78,.08) !important;
}
.siade-gd-brandtx strong{
  display:flex;
  align-items:baseline;
  gap:8px;
  color:#061b4e !important;
  font-weight:1000 !important;
  letter-spacing:-.015em;
}
.siade-gd-brandtx .gd-word{
  font-size:18px;
  line-height:1;
  text-transform:uppercase;
}
.siade-gd-brandtx .gd-place{
  font-size:13px;
  color:#254a79;
  font-weight:850;
  text-transform:none;
}
.siade-gd-brandtx span:last-child{
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#7e8b9e !important;
  font-size:10px !important;
  font-weight:900 !important;
}
.siade-gd-logo{
  width:42px !important;
  height:42px !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,#063f91,#0b6ed0) !important;
  box-shadow:0 12px 24px rgba(6,63,145,.18) !important;
}
.siade-topbar-login{
  background:#F2A119 !important;
  border:0 !important;
  color:#1E3159 !important;
  font-weight:950 !important;
  border-radius:14px !important;
}

/* Desktop: barra lateral + barra superior con contenido contenido */
@media (min-width:1025px){
  .siade-shell-scroll{
    height:calc(100dvh - 76px) !important;
  }
  .siade-panel{
    max-width:1220px !important;
    padding-top:22px !important;
  }
  .siade-sidebar{
    background:linear-gradient(185deg,#1E3159 0%,#13284d 100%) !important;
  }
  .siade-sidebar .siade-brand-logo.placeholder{
    color:#063f91 !important;
  }
}

/* Home: bajar el peso visual del hero y despejar */
.siade-view-inicio .ini.gd-home .ini-top{
  margin-bottom:10px !important;
}
.siade-view-inicio .ini.gd-home .ini-h1{
  font-size:clamp(34px,4.4vw,48px) !important;
  max-width:690px !important;
  margin-top:16px !important;
  margin-bottom:18px !important;
}
.siade-view-inicio .ini.gd-home .ini-cmd{
  max-width:760px;
}
.siade-view-inicio .ini.gd-home .ini-qa{
  max-width:760px;
}
.siade-view-inicio .ini.gd-home .ini-chips{
  padding-bottom:4px;
}
.siade-view-inicio .ini.gd-home .ini-chip{
  min-width:auto !important;
}
.siade-view-inicio .gd-home-assist{
  align-self:start;
}
.siade-view-inicio .gd-assist-card,
.siade-view-inicio .gd-tramites-card{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(0,139,131,.20) !important;
  box-shadow:0 10px 26px rgba(6,27,78,.07) !important;
}

/* Hacer que el mapa del Home no se sienta cortado ni demasiado abajo */
.siade-view-inicio .ini.gd-home .ini-mh{
  margin-top:18px !important;
}
@media (min-width:1180px){
  .siade-view-inicio .ini.gd-home{
    grid-template-columns:minmax(0,1fr) 340px !important;
    column-gap:24px !important;
  }
  .siade-view-inicio .ini.gd-home .gd-home-assist{
    padding-top:8px;
  }
}

/* Móvil: conservar buena experiencia pero hacer barra más compacta */
@media (max-width:1024px){
  .siade-gd-topbar{
    height:58px !important;
  }
  .siade-shell-scroll{
    height:calc(100dvh - 58px - 76px) !important;
  }
  .siade-gd-brandtx .gd-word{
    font-size:12px;
  }
  .siade-gd-brandtx .gd-place{
    display:none;
  }
  .siade-gd-brandtx span:last-child{
    font-size:8px !important;
    letter-spacing:.10em;
  }
}
@media (max-width:720px){
  .siade-view-inicio .ini.gd-home .ini-h1{
    font-size:28px !important;
    margin-top:8px !important;
    margin-bottom:12px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd{
    max-width:none;
  }
  .siade-view-inicio .gd-assist-card,
  .siade-view-inicio .gd-tramites-card{
    border-radius:22px !important;
  }
}

/* Acciones tipo app: Volver visible, pero discreto */
.siade-gd-back{
  background:#f7fbff !important;
  border-color:#d7e4f0 !important;
  color:#063f91 !important;
}
.siade-gd-back:not([hidden]):hover{
  background:#eaf4ff !important;
}


/* ============================================================
   v1.0.67 — Home reordenado + branding editable
   ============================================================ */

.siade-app{
  --gd-primary: #061b4e;
  --gd-secondary: #063f91;
  --gd-accent: #008b83;
  --gd-primary-soft: rgba(6,27,78,.08);
  --gd-accent-soft: rgba(0,139,131,.12);
}

/* Barra superior más limpia y confiable */
.siade-gd-topbar{
  background:rgba(255,255,255,.98)!important;
}
.siade-gd-brand{
  gap:12px !important;
}
.siade-gd-logoimg{
  height:42px;
  width:auto;
  display:block;
  object-fit:contain;
}
.siade-gd-brandtx strong{
  color:var(--gd-primary)!important;
}
.siade-gd-brandtx .gd-word{
  color:var(--gd-primary)!important;
}
.siade-gd-brandtx .gd-place{
  color:color-mix(in srgb, var(--gd-primary) 72%, white 28%) !important;
}
.siade-gd-brandtx span:last-child{
  color:#7d8797!important;
  text-transform:none!important;
  letter-spacing:.02em!important;
  font-size:12px!important;
}

/* Desktop shell */
@media (min-width:1025px){
  .siade-shell-main{
    background:linear-gradient(180deg,#f7fbff 0%, #eef4f8 100%)!important;
  }
  .siade-panel{
    max-width:1260px!important;
  }
  .siade-sidebar{
    background:linear-gradient(180deg, #203763 0%, #152a51 100%)!important;
  }
  .siade-brand-id{
    align-items:center;
  }
  .siade-brand-text strong{
    font-size:18px;
  }
  .siade-brand-text span{
    font-size:13px;
    color:#7ed1ff;
  }
}

/* Reordenamiento del Home en escritorio:
   - izquierda: título + búsqueda
   - derecha arriba: mapa rápido por municipio
   - derecha abajo: asistente ciudadano / trámites
*/
@media (min-width:1180px){
  .siade-view-inicio .ini.gd-home{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 420px!important;
    grid-auto-rows:auto;
    column-gap:28px!important;
    row-gap:18px!important;
    align-items:start!important;
    max-width:1260px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-top,
  .siade-view-inicio .ini.gd-home .ini-h1,
  .siade-view-inicio .ini.gd-home .ini-cmd,
  .siade-view-inicio .ini.gd-home .ini-qa,
  .siade-view-inicio .ini.gd-home .ini-chips,
  .siade-view-inicio .ini.gd-home .ini-res{
    grid-column:1!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh{
    grid-column:2!important;
    grid-row:1 / span 5!important;
    margin-top:6px!important;
    align-self:start!important;
  }
  .siade-view-inicio .ini.gd-home .gd-home-assist{
    grid-column:2!important;
    grid-row:6!important;
    margin-top:0!important;
    display:grid;
    gap:14px;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap{
    min-height:342px!important;
    background:#fff!important;
    border:1px solid rgba(6,63,145,.10)!important;
    box-shadow:0 14px 34px rgba(6,27,78,.08)!important;
  }
  .siade-view-inicio .ini.gd-home .ini-map{
    width:min(100%,360px)!important;
  }
  .siade-view-inicio .gd-assist-card,
  .siade-view-inicio .gd-tramites-card{
    background:#fff!important;
    border:1px solid rgba(6,63,145,.10)!important;
    box-shadow:0 14px 34px rgba(6,27,78,.07)!important;
  }
}

/* Hero principal más limpio */
.siade-view-inicio .ini.gd-home .ini-h1{
  color:var(--gd-primary)!important;
  max-width:720px!important;
  letter-spacing:-.03em;
}
.siade-view-inicio .ini.gd-home .ini-cmd{
  background:#fff!important;
  border:1px solid rgba(6,63,145,.10)!important;
  box-shadow:0 12px 30px rgba(6,27,78,.06)!important;
}
.siade-view-inicio .ini.gd-home .ini-cmd .mic-btn,
.siade-view-inicio .ini.gd-home .ini-voice,
.siade-view-inicio .ini.gd-home .ini-mic,
.siade-view-inicio .ini.gd-home [data-voice],
.siade-view-inicio .ini.gd-home [data-mic]{
  background:var(--gd-accent)!important;
}
.siade-view-inicio .ini.gd-home .ini-chip{
  background:#fff!important;
  border:1px solid rgba(6,63,145,.10)!important;
}
.siade-view-inicio .ini.gd-home .ini-chip:hover{
  border-color:rgba(6,63,145,.22)!important;
  box-shadow:0 10px 20px rgba(6,27,78,.06)!important;
}
.siade-view-inicio .ini.gd-home .ini-qa{
  color:#8b94a5!important;
}
.siade-view-inicio .ini.gd-home .ini-mh a,
.siade-view-inicio .ini.gd-home .ini-mh button{
  color:var(--gd-secondary)!important;
}

/* Botonería clave con identidad editable */
.siade-topbar-login,
.siade-side-login,
.siade-view-inicio .gd-tramites-card .gd-tramites-btn,
.siade-view-inicio .ini-rhead .ini-clear{
  background:var(--gd-secondary)!important;
  border-color:var(--gd-secondary)!important;
  color:#fff!important;
}
.siade-view-inicio .ini-rhead .ini-clear{
  border-radius:999px!important;
}
.siade-topbar-avatar{
  background:var(--gd-primary)!important;
}
.siade-navitem.is-active,
.siade-bottom-item.is-active{
  background:color-mix(in srgb, var(--gd-secondary) 25%, white 75%)!important;
}
.siade-navitem.is-active::before{
  background:#F2A119!important;
}

/* Móvil: barra institucional compacta + home más app */
@media (max-width:720px){
  .siade-gd-topbar{
    padding:0 12px!important;
  }
  .siade-gd-logoimg{
    height:30px;
  }
  .siade-gd-brandtx span:last-child{
    display:none!important;
  }
  .siade-view-inicio .ini.gd-home{
    gap:14px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh{
    order:5;
  }
  .siade-view-inicio .gd-home-assist{
    order:6;
  }
  .siade-bottom-nav{
    box-shadow:0 -10px 24px rgba(6,27,78,.10)!important;
    background:rgba(255,255,255,.96)!important;
  }
}

/* Ajustes visuales menores */
.siade-view-inicio .gd-assist-chip{
  border-color:rgba(6,63,145,.18)!important;
  color:var(--gd-primary)!important;
}
.siade-view-inicio .gd-assist-badge{
  background:var(--gd-accent-soft)!important;
  color:var(--gd-accent)!important;
}
.siade-view-inicio .ini-mh .ini-mapbox-title,
.siade-view-inicio .ini-mh .ini-maphead{
  color:var(--gd-primary)!important;
}


/* ============================================================
   v1.0.68 — Fase 2.2: mapa/directorio/volver + sidebar premium
   ============================================================ */

/* Logo institucional por defecto y editable */
.siade-gd-logoimg{
  height:42px!important;
  max-width:190px!important;
  width:auto!important;
  object-fit:contain!important;
  display:block!important;
}
.siade-brand-logo:not(.placeholder){
  width:166px!important;
  height:48px!important;
  max-width:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
}

/* Sidebar escritorio más premium y menos pesada */
@media (min-width:1025px){
  .siade-sidebar{
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(16px)!important;
    border-right:1px solid rgba(203,216,230,.95)!important;
    box-shadow:14px 0 34px rgba(6,27,78,.06)!important;
  }
  .siade-sidebar-top{
    border-bottom:1px solid #e4edf6!important;
    padding:24px 20px 20px!important;
  }
  .siade-brand-text strong{
    color:var(--gd-primary,#061b4e)!important;
    font-size:16px!important;
    font-weight:950!important;
  }
  .siade-brand-text span{
    color:var(--gd-secondary,#063f91)!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  .siade-nav-group-title{
    color:#7b8798!important;
  }
  .siade-nav-item{
    color:#34445f!important;
    font-weight:750!important;
    border:1px solid transparent!important;
  }
  .siade-nav-item:hover{
    background:#f2f7fc!important;
    color:var(--gd-secondary,#063f91)!important;
  }
  .siade-nav-item.active{
    background:linear-gradient(90deg,rgba(6,63,145,.11),rgba(6,63,145,.04))!important;
    color:var(--gd-secondary,#063f91)!important;
    border-color:rgba(6,63,145,.10)!important;
    font-weight:950!important;
  }
  .siade-nav-item.active::before{
    background:#F2A119!important;
    width:4px!important;
    height:28px!important;
  }
  .siade-sidebar-foot{
    border-top:1px solid #e4edf6!important;
    background:#f8fbfe!important;
  }
  .siade-side-uname{
    color:var(--gd-primary,#061b4e)!important;
  }
  .siade-side-urole{
    color:#7b8798!important;
  }
  .siade-side-logout{
    color:#526176!important;
    background:#eef4f8!important;
  }
  .siade-side-login{
    background:var(--gd-secondary,#063f91)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(6,63,145,.18)!important;
  }
}

/* Barra institucional: usar logo como protagonista */
.siade-gd-topbar{
  border-bottom:1px solid #dce7f2!important;
}
@media (min-width:1025px){
  .siade-gd-brand{
    min-width:360px!important;
  }
  .siade-gd-brandtx .gd-word{
    font-size:15px!important;
  }
  .siade-gd-brandtx .gd-place{
    font-size:12px!important;
  }
}
@media (max-width:720px){
  .siade-gd-logoimg{
    height:30px!important;
    max-width:142px!important;
  }
  .siade-gd-brandtx{
    display:none!important;
  }
}

/* Home: mapa arriba-derecha y asistente bajo mapa, con aire visual */
@media (min-width:1180px){
  .siade-view-inicio .ini.gd-home{
    grid-template-columns:minmax(0,1fr) 430px!important;
    column-gap:30px!important;
    row-gap:16px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh{
    grid-column:2!important;
    grid-row:1 / span 5!important;
    margin-top:2px!important;
    border-radius:26px!important;
  }
  .siade-view-inicio .ini.gd-home .gd-home-assist{
    grid-column:2!important;
    grid-row:6!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap{
    min-height:388px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .siade-view-inicio .ini.gd-home .ini-map{
    width:min(100%,385px)!important;
  }
  .siade-view-inicio .ini.gd-home .ini-res{
    max-width:760px!important;
  }
}
.siade-view-inicio .ini.gd-home .ini-h1{
  font-size:clamp(32px,4.2vw,46px)!important;
}
.siade-view-inicio .ini.gd-home .ini-mh-top{
  gap:10px!important;
}
.siade-view-inicio .ini.gd-home .ini-an{
  border:1px solid rgba(6,63,145,.15)!important;
  background:#fff!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-weight:950!important;
}

/* Resultados del Home: limpiar/volver más evidente */
.siade-view-inicio .ini-rhead{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:4px 10px!important;
  align-items:center!important;
  background:#fff!important;
  border:1px solid #dbe5f0!important;
  border-radius:20px!important;
  padding:12px 14px!important;
  box-shadow:0 10px 26px rgba(6,27,78,.07)!important;
  margin:12px 0!important;
}
.siade-view-inicio .ini-rmeta{
  grid-column:1 / -1!important;
  color:#7d8797!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.10em!important;
}
.siade-view-inicio .ini-rt{
  color:var(--gd-primary,#061b4e)!important;
  font-weight:950!important;
}
.siade-view-inicio .ini-clear{
  background:#f5f9fd!important;
  border:1px solid #cfe0ef!important;
  color:var(--gd-secondary,#063f91)!important;
  border-radius:999px!important;
  padding:9px 12px!important;
  font-weight:950!important;
  box-shadow:0 4px 10px rgba(6,27,78,.04)!important;
}
.siade-view-inicio .ini-clear:hover{
  background:#eaf4ff!important;
}

/* Directorio: preservar lógica, mejorar lectura */
.tel .tel-top{
  margin-bottom:14px!important;
}
.tel .tel-eyebrow{
  color:#7d8797!important;
  letter-spacing:.13em!important;
}
.tel .tel-h1{
  color:var(--gd-primary,#061b4e)!important;
  letter-spacing:-.035em!important;
}
.tel .tel-cmd{
  background:#fff!important;
  border:1px solid #dbe5f0!important;
  box-shadow:0 12px 30px rgba(6,27,78,.07)!important;
}
.tel .tel-seg{
  background:#eaf1f7!important;
  border:1px solid #dbe5f0!important;
}
.tel .tel-seg button.on{
  background:#fff!important;
  color:var(--gd-primary,#061b4e)!important;
  box-shadow:0 8px 20px rgba(6,27,78,.08)!important;
}
.tel .tel-inst{
  border:1px solid #dbe5f0!important;
  box-shadow:0 10px 24px rgba(6,27,78,.07)!important;
}
.tel .tel-logo{
  box-shadow:none!important;
}
.tel .tel-favbtn:hover{
  color:#F2A119!important;
}
.tel .tel-verficha,
.tel .tel-saveall{
  background:var(--gd-secondary,#063f91)!important;
  color:#fff!important;
  border:0!important;
}

/* Mapa territorial standalone: acciones menos saturadas */
.siade-view-mapa .mapa-toolbar,
.siade-view-mapa .mapa-tabs,
.siade-view-mapa .mapa-filtros{
  border-radius:18px!important;
}
.siade-view-mapa button{
  font-weight:850;
}

/* Móvil: mantener experiencia app, pero evitar saturación del Home */
@media (max-width:720px){
  .siade-view-inicio .ini.gd-home .ini-mh{
    margin-top:14px!important;
  }
  .siade-view-inicio .ini-rhead{
    grid-template-columns:1fr!important;
  }
  .siade-view-inicio .ini-clear{
    justify-self:start!important;
  }
  .tel .tel-h1{
    font-size:32px!important;
  }
  .tel .tel-inst{
    border-radius:22px!important;
  }
}

/* ============================================================
   v1.0.70 — compactación de barra institucional + mobile-first
   ============================================================ */

.siade-app-shell .siade-shell-main{
  background:linear-gradient(180deg,#f6f9fc 0%, #eef4f9 100%);
}
.siade-app-shell .siade-gd-topbar{
  position:sticky!important;
  top:0!important;
  z-index:70!important;
  height:68px!important;
  padding:0 18px!important;
  gap:12px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid rgba(216,228,240,.95)!important;
  box-shadow:0 8px 24px rgba(6,27,78,.05)!important;
}
.siade-gd-brand{
  min-width:220px!important;
  gap:10px!important;
}
.siade-gd-brandmark{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.siade-gd-logoimg{
  height:34px!important;
  max-width:156px!important;
  width:auto!important;
}
.siade-gd-brandtx{
  min-width:0;
  line-height:1.08!important;
}
.siade-gd-brandtx strong{
  display:block;
  color:var(--gd-primary,#061b4e)!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.siade-gd-brandtx span{
  display:block;
  margin-top:3px;
  color:#7b8798!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
.siade-gd-topnav{
  justify-content:flex-start!important;
  gap:4px!important;
}
.siade-gd-navbtn{
  padding:8px 11px!important;
  border-radius:14px!important;
}
.siade-gd-livepill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid #e4edf4;
  background:#fbfdfd;
  color:#4d5d73;
  font:900 11px/1 'Altivo', sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em;
  white-space:nowrap;
}
.siade-gd-livepill i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#69b481;
  box-shadow:0 0 0 4px rgba(105,180,129,.14);
}

/* Home: ya no duplicar marca dentro del panel */
.siade-app-shell .siade-view-inicio .ini.gd-home .ini-top{
  margin-bottom:10px!important;
  align-items:center!important;
}
.siade-app-shell .siade-view-inicio .ini.gd-home .ini-bd{
  gap:0!important;
}
.siade-app-shell .siade-view-inicio .ini.gd-home .ini-bd b{
  font-size:11px!important;
  letter-spacing:.12em!important;
  color:#7d8797!important;
}
.siade-app-shell .siade-view-inicio .ini.gd-home .ini-bd .ini-cap{
  font-size:11px!important;
  color:#7d8797!important;
  letter-spacing:0!important;
}
.siade-app-shell .siade-view-inicio .ini.gd-home .ini-m{
  display:none!important;
}

/* Trámites: quitar el bloque azul pesado y volverlo coherente con la línea gráfica */
.siade-tramites-view{
  display:grid;
  gap:16px;
}
.siade-tramites-hero{
  background:#fff!important;
  border:1px solid #dbe5f0!important;
  border-radius:24px!important;
  box-shadow:0 12px 30px rgba(6,27,78,.07)!important;
  padding:20px 22px!important;
  color:var(--gd-primary,#061b4e)!important;
  margin-bottom:0!important;
}
.siade-tramites-hero span{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(6,63,145,.08);
  color:var(--gd-secondary,#063f91)!important;
  letter-spacing:.10em!important;
}
.siade-tramites-hero h1{
  margin:12px 0 8px!important;
  font-size:clamp(24px,3vw,34px)!important;
  line-height:1.12!important;
  color:var(--gd-primary,#061b4e)!important;
}
.siade-tramites-hero p{
  color:#586679!important;
  max-width:880px!important;
}
.siade-tramite-card{
  border-radius:22px!important;
}
.siade-tramite-top span{
  color:var(--gd-primary,#061b4e)!important;
}
.siade-tramite-top em{
  background:#fdf4e7!important;
  color:#bb6d14!important;
  border:1px solid #f4dfbf!important;
}
.siade-tramite-actions button{
  color:var(--gd-secondary,#063f91)!important;
  border-color:#cfe0ef!important;
}
.siade-tramite-actions button:first-child{
  background:var(--gd-secondary,#063f91)!important;
  border-color:var(--gd-secondary,#063f91)!important;
  color:#fff!important;
}

/* Mapa territorial móvil: tabs más legibles */
@media (max-width:720px){
  .siade-app-shell .siade-gd-topbar{
    display:flex!important;
    height:62px!important;
    padding:0 12px!important;
  }
  .siade-app-shell .siade-shell-scroll{
    height:calc(100dvh - 62px - 88px)!important;
  }
  .siade-gd-topnav,
  .siade-gd-help,
  .siade-topbar-title,
  .siade-gd-brandtx{
    display:none!important;
  }
  .siade-gd-brand{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .siade-gd-logoimg{
    height:30px!important;
    max-width:148px!important;
  }
  .siade-gd-livepill{
    font-size:10px!important;
    padding:7px 10px!important;
  }
  .siade-app-shell .siade-view-inicio .ini.gd-home .ini-top{
    justify-content:flex-end!important;
    margin-bottom:4px!important;
  }
  .siade-app-shell .siade-view-inicio .ini.gd-home .ini-bd{
    display:none!important;
  }
  .siade-tramites-hero{
    padding:18px 16px!important;
    border-radius:22px!important;
  }
  .siade-tramites-hero h1{
    font-size:22px!important;
  }
  .siade-mapt-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  .siade-mapt-tab{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.1!important;
    padding:10px 8px!important;
    font-size:13px!important;
  }
}

@media (min-width:1025px){
  .siade-app-shell .siade-gd-topbar{
    height:70px!important;
    padding:0 20px!important;
  }
  .siade-gd-brand{
    min-width:240px!important;
    max-width:320px!important;
  }
  .siade-gd-actions{
    margin-left:auto!important;
  }
}

/* ============================================================
   v1.0.71 — mapa UX + microinteracciones + cierre mobile
   ============================================================ */

/* Barra móvil: logo institucional visible, fija y sin saturar */
@media (max-width:720px){
  .siade-app-shell .siade-gd-topbar{
    display:flex!important;
    align-items:center!important;
    position:sticky!important;
    top:0!important;
    z-index:120!important;
    height:60px!important;
    min-height:60px!important;
    padding:0 14px!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid #dbe6f1!important;
    box-shadow:0 8px 20px rgba(6,27,78,.06)!important;
  }
  .siade-app-shell .siade-shell-main{
    min-height:100dvh!important;
  }
  .siade-app-shell .siade-shell-scroll{
    height:calc(100dvh - 60px - 84px)!important;
  }
  .siade-gd-brandmark{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }
  .siade-gd-logoimg{
    display:block!important;
    height:31px!important;
    max-width:154px!important;
    width:auto!important;
    object-fit:contain!important;
  }
  .siade-gd-logo{
    display:grid!important;
    width:34px!important;
    height:34px!important;
  }
  .siade-gd-actions,
  .siade-gd-livepill,
  .siade-gd-help,
  .siade-gd-topnav,
  .siade-gd-brandtx{
    display:none!important;
  }
  .siade-gd-brand{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .siade-gd-topbar .siade-burger{
    display:inline-flex!important;
    width:38px!important;
    height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:14px!important;
    background:#f1f6fb!important;
    color:var(--gd-secondary,#063f91)!important;
  }
  .siade-gd-back:not([hidden]){
    display:inline-flex!important;
    height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    margin-right:6px!important;
    padding:0 11px!important;
    border-radius:14px!important;
    font-size:0!important;
  }
  .siade-gd-back:not([hidden])::after{
    content:'←';
    font-size:19px;
    line-height:1;
  }
}

/* Quitar artefactos negros/cuadros de foco en SVG/Leaflet y elevar la selección correctamente */
.gobchi-map,
.siade-mapt-svg,
.siade-mapt-leaflet{
  isolation:isolate!important;
}
.gobchi-municipio,
.siade-mapt-path,
.leaflet-interactive{
  outline:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.gobchi-municipio{
  transform-box:fill-box!important;
  transform-origin:center!important;
  transition:transform .18s ease, filter .18s ease, stroke .18s ease, stroke-width .18s ease, opacity .18s ease!important;
}
.gobchi-municipio:hover,
.gobchi-municipio:focus-visible{
  transform:scale(1.018)!important;
  filter:brightness(1.08) saturate(1.08)!important;
  stroke:#d9f7ff!important;
  stroke-width:3.2!important;
}
.gobchi-municipio.is-active{
  transform:scale(1.035)!important;
  filter:brightness(1.12) saturate(1.08)!important;
  stroke:#F2A119!important;
  stroke-width:4.8!important;
}
.gobchi-map-label{
  font-size:13px!important;
  font-weight:950!important;
  stroke:rgba(6,27,78,.90)!important;
  stroke-width:3.4px!important;
  transition:font-size .16s ease, fill .16s ease, stroke-width .16s ease!important;
}
.gobchi-map-label.is-active{
  font-size:15px!important;
  fill:#fff4d9!important;
  stroke-width:4px!important;
}
.gobchi-map-count{
  font-size:10.5px!important;
  font-weight:950!important;
  fill:#F2A119!important;
  stroke:rgba(6,27,78,.95)!important;
  stroke-width:2.8px!important;
}
.gobchi-map-label.is-active .gobchi-map-count,
.gobchi-map-label.is-active .gobchi-map-count{
  font-size:12px!important;
}

/* Mapa preview del Home: que sea más limpio, no una lectura técnica saturada */
.siade-view-inicio .ini.gd-home .ini-mh{
  overflow:hidden!important;
}
.siade-view-inicio .ini.gd-home .ini-mapwrap{
  background:linear-gradient(180deg,#ffffff 0%, #f5f9fd 100%)!important;
}
.siade-view-inicio .ini.gd-home .ini-map{
  filter:drop-shadow(0 16px 24px rgba(6,27,78,.18))!important;
}
.siade-view-inicio .ini.gd-home .ini-an{
  letter-spacing:.01em!important;
}
@media (max-width:720px){
  .siade-view-inicio .ini.gd-home .ini-mapwrap{
    min-height:310px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-map{
    width:min(100%,350px)!important;
    max-height:345px!important;
    transform:rotateX(10deg) scale(1)!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top{
    padding:14px 14px 10px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-an{
    padding:10px 16px!important;
    min-height:44px!important;
  }
}

/* Resultado de selección territorial: más claro y menos brusco */
.siade-view-inicio .ini-rhead{
  border-radius:24px!important;
  padding:14px 16px!important;
}
.siade-view-inicio .ini-rmeta{
  color:#7b8798!important;
}
.siade-view-inicio .ini-clear{
  min-height:44px!important;
  border-radius:999px!important;
  background:var(--gd-secondary,#063f91)!important;
  color:#fff!important;
  border-color:var(--gd-secondary,#063f91)!important;
  box-shadow:0 8px 18px rgba(6,63,145,.16)!important;
}
@media (max-width:720px){
  .siade-view-inicio .ini-rhead{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .siade-view-inicio .ini-clear{
    justify-self:stretch!important;
    width:100%!important;
  }
}

/* Mapa territorial standalone: tabs/capas como tarjetas de control, no texto roto */
.siade-view-mapa .siade-mapt-top h2{
  color:var(--gd-primary,#061b4e)!important;
  letter-spacing:-.025em!important;
}
.siade-view-mapa .siade-mapt-tab{
  border:1px solid #dbe5f0!important;
  background:#fff!important;
  color:#34445f!important;
  box-shadow:0 6px 16px rgba(6,27,78,.05)!important;
}
.siade-view-mapa .siade-mapt-tab.active{
  background:var(--gd-secondary,#063f91)!important;
  color:#fff!important;
  border-color:var(--gd-secondary,#063f91)!important;
  box-shadow:0 10px 22px rgba(6,63,145,.18)!important;
}
.siade-view-mapa .siade-mapt-path{
  transition:filter .18s ease, stroke .18s ease, stroke-width .18s ease!important;
}
.siade-view-mapa .siade-mapt-path:hover{
  filter:brightness(1.07) saturate(1.06)!important;
}
.siade-view-mapa .siade-mapt-path.sel{
  stroke:#F2A119!important;
  stroke-width:5!important;
  filter:brightness(1.08) saturate(1.06)!important;
}
.siade-view-mapa .siade-mapt-side-head{
  background:linear-gradient(135deg,var(--gd-primary,#061b4e),var(--gd-secondary,#063f91))!important;
}
@media (max-width:720px){
  .siade-view-mapa .siade-mapt{
    padding:10px 12px 94px!important;
  }
  .siade-view-mapa .siade-mapt-top{
    gap:12px!important;
    margin-bottom:12px!important;
  }
  .siade-view-mapa .siade-mapt-top h2{
    font-size:28px!important;
    line-height:1.08!important;
  }
  .siade-view-mapa .siade-mapt-top p{
    font-size:15px!important;
    line-height:1.45!important;
  }
  .siade-mapt-chips{
    gap:8px!important;
    padding-bottom:8px!important;
  }
  .siade-mapt-chips .siade-chip{
    border-radius:999px!important;
    min-height:40px!important;
    font-size:13px!important;
    font-weight:850!important;
  }
  .siade-mapt-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    gap:9px!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
    margin:10px 0 10px!important;
  }
  .siade-mapt-tab{
    min-height:58px!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.12!important;
    padding:10px 8px!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  .siade-view-mapa .siade-mapt-mapwrap{
    border-radius:26px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#f8fbff,#edf4fa)!important;
  }
  .siade-view-mapa .siade-mapt-side{
    border-radius:24px!important;
    box-shadow:0 12px 30px rgba(6,27,78,.08)!important;
  }
}

/* Trámites móvil: continuidad visual con Gobierno Departamental */
@media (max-width:720px){
  .siade-tramites-view{
    padding-bottom:92px!important;
  }
  .siade-tramites-hero{
    margin-top:2px!important;
    border-radius:24px!important;
  }
  .siade-tramites-hero span{
    background:rgba(6,63,145,.08)!important;
    color:var(--gd-secondary,#063f91)!important;
  }
  .siade-tramite-card{
    border-radius:24px!important;
  }
}

/* ============================================================
   v1.0.73 — Corrección anti-regresión visual
   Base: v1.0.71 estable. Retira duplicados y grises de v1.0.72.
   ============================================================ */

/* 1) Marca: evitar duplicado/triplicado de Gobierno Departamental */
.siade-sidebar .siade-brand-logo-only{
  justify-content:flex-start!important;
}
.siade-sidebar .siade-brand-logo-only .siade-brand-logo,
.siade-sidebar .siade-brand-logo-only img.siade-brand-logo{
  width:min(100%,220px)!important;
  height:auto!important;
  max-height:74px!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
.siade-sidebar .siade-brand-logo-only .siade-brand-logo.placeholder{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#063f91!important;
  display:grid!important;
  place-items:center!important;
}
.siade-sidebar .siade-brand-text{
  display:none!important;
}
.siade-sidebar-top{
  min-height:116px!important;
  padding:24px 24px 18px!important;
  display:flex!important;
  align-items:center!important;
}
@media (min-width:1025px){
  .siade-gd-brandtx strong{
    font-size:13px!important;
  }
  .siade-gd-brandtx span{
    font-size:10px!important;
    letter-spacing:.01em!important;
  }
}

/* 2) Home: retirar cabecera interna duplicada y limpiar primera impresión */
.siade-app-shell .siade-view-inicio .ini.gd-home .ini-top{
  display:none!important;
}
.siade-view-inicio .ini.gd-home .ini-h1{
  margin-top:8px!important;
}
.siade-view-inicio .ini.gd-home .ini-cmd{
  box-shadow:0 10px 24px rgba(6,27,78,.055)!important;
}
.siade-view-inicio .ini.gd-home .ini-cmd::before,
.siade-view-inicio .ini.gd-home .ini-qa::before,
.siade-view-inicio .ini.gd-home .ini-chips::before{
  content:none!important;
}
@media (min-width:900px){
  .siade-view-inicio .ini.gd-home .ini-chips{
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:10px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-chip{
    flex:0 0 auto!important;
  }
}
@media (max-width:720px){
  .siade-view-inicio .ini.gd-home .ini-chips{
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
  }
}

/* 3) Directorio: quitar regresión de grises pesados y foco oscuro */
.tel .tel-seg{
  background:#fff!important;
  border:1px solid #dbe5f0!important;
  box-shadow:0 8px 22px rgba(6,27,78,.045)!important;
}
.tel .tel-seg button{
  border:1px solid transparent!important;
  color:#5f6e82!important;
  outline:none!important;
}
.tel .tel-seg button.on{
  background:#f7fbff!important;
  color:var(--gd-secondary,#063f91)!important;
  border-color:#d7e5f2!important;
  box-shadow:0 4px 12px rgba(6,27,78,.045)!important;
}
.tel .tel-seg button:focus,
.tel .tel-seg button:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 3px rgba(6,63,145,.10)!important;
}
.tel .tel-cmd{
  box-shadow:0 10px 24px rgba(6,27,78,.055)!important;
}

/* 4) Mapa: más nitidez, menos blur, textos/números más legibles */
.gobchi-map{
  filter:drop-shadow(0 16px 24px rgba(0,55,130,.18))!important;
  shape-rendering:geometricPrecision!important;
  text-rendering:geometricPrecision!important;
}
.ini-map{
  transform:none!important;
  width:min(100%,460px)!important;
  max-height:460px!important;
  will-change:auto!important;
}
.gobchi-municipio{
  stroke-width:2.8!important;
}
.gobchi-municipio:hover,
.gobchi-municipio:focus-visible{
  filter:brightness(1.12) saturate(1.08) drop-shadow(0 0 9px rgba(110,189,255,.45))!important;
  stroke:#d7f2ff!important;
  stroke-width:3.2!important;
  outline:none!important;
}
.gobchi-municipio.is-active{
  filter:brightness(1.13) saturate(1.10) drop-shadow(0 0 12px rgba(242,161,25,.55))!important;
  stroke:#F2A119!important;
  stroke-width:4!important;
  outline:none!important;
}
.gobchi-map-label{
  font:900 14px 'Altivo', system-ui, sans-serif!important;
  fill:#fff!important;
  stroke:rgba(6,27,78,.92)!important;
  stroke-width:4px!important;
  paint-order:stroke fill!important;
  letter-spacing:-.015em!important;
}
.gobchi-map-count{
  font-size:12px!important;
  font-weight:950!important;
  fill:#F2A119!important;
  stroke:rgba(6,27,78,.86)!important;
  stroke-width:3px!important;
}
.gobchi-map-label.is-active{
  fill:#fff6de!important;
}
.gobchi-map-label.is-active .gobchi-map-count{
  fill:#ffd17a!important;
}
@media (max-width:720px){
  .gobchi-map-label{
    font-size:15px!important;
    stroke-width:4.4px!important;
  }
  .gobchi-map-count{
    font-size:13px!important;
    stroke-width:3.3px!important;
  }
  .ini-map{
    width:min(100%,520px)!important;
  }
}

/* 5) Restaurar limpieza de resultados: no traer cabeceras densas de avance posterior */
.siade-view-inicio .ini-rhead{
  background:#fff!important;
  border:1px solid #dbe5f0!important;
  border-radius:18px!important;
  box-shadow:0 8px 20px rgba(6,27,78,.045)!important;
}
.siade-view-inicio .ini-clear{
  background:#f7fbff!important;
  border:1px solid #d6e2ee!important;
  color:var(--gd-secondary,#063f91)!important;
  border-radius:999px!important;
  padding:8px 11px!important;
}

/* ============================================================
   v1.0.74 — Mobile UX Senior: header ciudadano + navegación app
   Enfoque: móvil ciudadano primero, escritorio estable.
   ============================================================ */

@media (max-width:720px){
  /* El móvil se comporta como app ciudadana: barra fija con logo al centro,
     sin menú lateral duplicado. La navegación principal vive abajo. */
  .siade-app.siade-app-shell{
    background:#eef4f8!important;
  }
  .siade-app-shell .siade-gd-topbar,
  .siade-gd-topbar{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
    height:86px!important;
    min-height:86px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.985)!important;
    border-bottom:1px solid rgba(216,228,240,.98)!important;
    box-shadow:0 8px 22px rgba(6,27,78,.055)!important;
  }
  .siade-gd-topbar .siade-burger,
  .siade-gd-actions,
  .siade-gd-topnav,
  .siade-gd-help,
  .siade-topbar-title{
    display:none!important;
  }
  .siade-gd-brand{
    position:absolute!important;
    left:50%!important;
    top:0!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:auto!important;
    max-width:78vw!important;
    flex:none!important;
    pointer-events:none;
  }
  .siade-gd-brandmark{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
  }
  .siade-gd-logoimg{
    display:block!important;
    height:52px!important;
    max-height:52px!important;
    width:auto!important;
    max-width:min(235px,70vw)!important;
    object-fit:contain!important;
  }
  .siade-gd-logo{
    width:52px!important;
    height:52px!important;
    border-radius:18px!important;
  }
  .siade-gd-brandtx{
    display:none!important;
  }
  .siade-gd-back{
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:3!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    border:1px solid #d7e4f0!important;
    background:#fff!important;
    color:var(--gd-secondary,#063f91)!important;
    box-shadow:0 8px 20px rgba(6,27,78,.08)!important;
    pointer-events:auto!important;
  }
  .siade-gd-back[hidden]{ display:none!important; }

  /* Desactivar drawer ciudadano móvil: evita dos sistemas de navegación compitiendo. */
  .siade-app-shell .siade-sidebar{
    transform:translateX(-110%)!important;
    pointer-events:none!important;
  }
  .siade-app-shell.siade-drawer-open .siade-sidebar{
    transform:translateX(-110%)!important;
  }
  .siade-app-shell .siade-drawer-overlay,
  .siade-app-shell.siade-drawer-open .siade-drawer-overlay{
    display:none!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Alturas reales: header superior + barra inferior. */
  .siade-shell-main{
    height:100dvh!important;
    padding-bottom:86px!important;
  }
  .siade-shell-scroll{
    height:calc(100dvh - 86px - 84px)!important;
    padding-bottom:112px!important;
  }
  .siade-panel{
    padding:18px 10px 22px!important;
  }

  /* Bottom nav como app: todos los ítems equivalentes, Perfil no compite más. */
  .siade-bottom-nav{
    left:12px!important;
    right:12px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    height:70px!important;
    padding:7px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(216,228,240,.98)!important;
    box-shadow:0 18px 44px rgba(6,27,78,.18), inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  .siade-bottom-item,
  .siade-bottom-item.siade-bottom-profile,
  .siade-bottom-item.siade-bottom-profile:not(.active){
    height:56px!important;
    min-width:0!important;
    border-radius:18px!important;
    background:transparent!important;
    color:#758398!important;
    box-shadow:none!important;
    opacity:1!important;
    font-size:11.5px!important;
    font-weight:760!important;
    line-height:1!important;
    gap:4px!important;
  }
  .siade-bottom-item .siade-nav-ic{
    width:24px!important;
    height:24px!important;
  }
  .siade-bottom-item .siade-nav-ic svg{
    width:22px!important;
    height:22px!important;
    stroke-width:1.85!important;
  }
  .siade-bottom-item.active,
  .siade-bottom-item.siade-bottom-profile.active{
    background:linear-gradient(155deg,var(--gd-secondary,#063f91),var(--gd-primary,#061b4e))!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(6,27,78,.24), inset 0 1px 0 rgba(255,255,255,.16)!important;
  }
  .siade-bottom-item.active .siade-nav-ic svg{
    stroke:#fff!important;
  }

  /* Home móvil: respirar más, sin perder claridad. */
  .siade-view-inicio .ini.gd-home{
    padding-top:6px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-h1{
    font-size:30px!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
    margin:12px 0 18px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd{
    border-radius:24px!important;
    min-height:70px!important;
    box-shadow:0 12px 26px rgba(6,27,78,.055)!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mic{
    width:58px!important;
    height:58px!important;
    border-radius:19px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-chip{
    min-height:58px!important;
    border-radius:19px!important;
    box-shadow:0 8px 18px rgba(6,27,78,.045)!important;
  }
  .siade-view-inicio .gd-assist-card,
  .siade-view-inicio .gd-tramites-card{
    border-radius:24px!important;
    box-shadow:0 10px 22px rgba(6,27,78,.045)!important;
  }

  /* Account sheet como puerta institucional desde Perfil. */
  .siade-account-panel{
    max-width:none!important;
    width:100%!important;
    border-radius:26px 26px 0 0!important;
    padding:22px 18px calc(24px + env(safe-area-inset-bottom,0px))!important;
  }
  .siade-account-backdrop{
    background:rgba(6,27,78,.34)!important;
    backdrop-filter:blur(4px)!important;
  }
}

/* Legibilidad del mapa: nombres y conteos un poco más fuertes, sin deformar. */
.gobchi-map-label{
  font-size:15px!important;
  stroke-width:4.3px!important;
  paint-order:stroke fill!important;
}
.gobchi-map-count{
  font-size:13px!important;
  stroke-width:3.3px!important;
}
@media (min-width:1025px){
  .gobchi-map-label{
    font-size:15.5px!important;
    stroke-width:4.2px!important;
  }
  .gobchi-map-count{
    font-size:13.4px!important;
    stroke-width:3.2px!important;
  }
}
@media (max-width:720px){
  .gobchi-map-label{
    font-size:16px!important;
    stroke-width:4.8px!important;
  }
  .gobchi-map-count{
    font-size:14px!important;
    stroke-width:3.5px!important;
  }
}

/* Micro sombras: mantener premium sin neblina gris. */
.siade-view-inicio .ini.gd-home .ini-cmd,
.siade-view-inicio .ini.gd-home .ini-chip,
.siade-view-inicio .gd-assist-card,
.siade-view-inicio .gd-tramites-card,
.siade-view-inicio .ini.gd-home .ini-mh{
  box-shadow:0 10px 24px rgba(6,27,78,.05)!important;
}

/* ============================================================
   v1.0.75 — estabilización fina antes de fase siguiente
   - header móvil más práctico
   - volver sin invadir logo
   - chips/focus legibles
   - asistente fijo bajo mapa en escritorio
   ============================================================ */

/* 1) Desktop: el mapa y los módulos de apoyo quedan como rail fijo a la derecha,
      para que el Asistente/Trámites no bajen cuando aparecen resultados. */
@media (min-width:1180px){
  .siade-view-inicio .ini.gd-home{
    display:block!important;
    position:relative!important;
    max-width:1260px!important;
    min-height:930px!important;
    padding-right:448px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-top,
  .siade-view-inicio .ini.gd-home .ini-h1,
  .siade-view-inicio .ini.gd-home .ini-cmd,
  .siade-view-inicio .ini.gd-home .ini-qa,
  .siade-view-inicio .ini.gd-home .ini-urg,
  .siade-view-inicio .ini.gd-home .ini-res{
    max-width:760px!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:420px!important;
    grid-column:auto!important;
    grid-row:auto!important;
    margin-top:0!important;
    z-index:1!important;
  }
  .siade-view-inicio .ini.gd-home .gd-home-assist{
    position:absolute!important;
    top:505px!important;
    right:0!important;
    width:420px!important;
    grid-column:auto!important;
    grid-row:auto!important;
    margin-top:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    z-index:1!important;
  }
  .siade-view-inicio .ini.gd-home .ini-chips{
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:12px!important;
    padding-bottom:0!important;
  }
  .siade-view-inicio .ini.gd-home .ini-chips::before,
  .siade-view-inicio .ini.gd-home .ini-chips::after{
    display:none!important;
  }
  .siade-view-inicio .ini.gd-home .ini-chip{
    min-width:150px!important;
    justify-content:center!important;
  }
}

/* 2) Móvil: barra institucional más compacta y práctica. */
@media (max-width:720px){
  .siade-app-shell .siade-gd-topbar,
  .siade-gd-topbar{
    height:68px!important;
    min-height:68px!important;
    padding:0 14px!important;
    box-shadow:0 6px 18px rgba(6,27,78,.045)!important;
  }
  .siade-gd-logoimg{
    height:42px!important;
    max-height:42px!important;
    max-width:min(205px,68vw)!important;
  }
  .siade-gd-logo{
    width:42px!important;
    height:42px!important;
    border-radius:15px!important;
  }
  .siade-shell-main{
    padding-bottom:78px!important;
  }
  .siade-shell-scroll{
    height:calc(100dvh - 68px - 78px)!important;
    padding-bottom:104px!important;
  }
  .siade-panel{
    padding-top:14px!important;
  }
  /* El botón Volver no debe quedar encima del logo. Solo se permite en ficha/actor. */
  .siade-gd-back{
    display:none!important;
  }
  .siade-app-shell[data-current-mode="actor"] .siade-gd-back:not([hidden]){
    display:inline-flex!important;
    left:10px!important;
    width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
    text-indent:-999px!important;
  }
  .siade-app-shell[data-current-mode="actor"] .siade-gd-back:not([hidden])::after{
    content:'←';
    text-indent:0;
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    font-size:22px;
    line-height:1;
  }
  .siade-bottom-nav{
    height:68px!important;
    border-radius:24px!important;
  }
  .siade-bottom-item,
  .siade-bottom-item.siade-bottom-profile{
    height:54px!important;
    border-radius:18px!important;
  }
}

/* 3) Focus/hover/selección: nunca debe desaparecer el texto de chips, botones o limpiar. */
.siade-view-inicio .ini.gd-home .ini-chip,
.siade-view-inicio .ini.gd-home .ini-chip:visited,
.siade-view-inicio .ini.gd-home .ini-chip:focus,
.siade-view-inicio .ini.gd-home .ini-chip:focus-visible,
.siade-view-inicio .ini.gd-home .ini-chip:hover,
.siade-view-inicio .ini.gd-home .ini-chip:active{
  color:var(--gd-primary,#061b4e)!important;
  background:#fff!important;
  border-color:#d6e2ee!important;
  outline:none!important;
  text-shadow:none!important;
}
.siade-view-inicio .ini.gd-home .ini-chip.on,
.siade-view-inicio .ini.gd-home .ini-chip.on:focus,
.siade-view-inicio .ini.gd-home .ini-chip.on:hover,
.siade-view-inicio .ini.gd-home .ini-chip.on:active{
  color:var(--gd-primary,#061b4e)!important;
  background:rgba(6,63,145,.075)!important;
  border-color:rgba(6,63,145,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(6,63,145,.08)!important;
}
.siade-view-inicio .ini.gd-home .ini-chip svg,
.siade-view-inicio .ini.gd-home .ini-chip.on svg,
.siade-view-inicio .ini.gd-home .ini-chip:focus svg,
.siade-view-inicio .ini.gd-home .ini-chip:hover svg{
  color:var(--gd-secondary,#063f91)!important;
  stroke:currentColor!important;
}
.siade-view-inicio .ini-rhead .ini-clear,
.siade-view-inicio .ini-rhead .ini-clear:focus,
.siade-view-inicio .ini-rhead .ini-clear:focus-visible,
.siade-view-inicio .ini-rhead .ini-clear:hover,
.siade-view-inicio .ini-rhead .ini-clear:active{
  color:#fff!important;
  background:var(--gd-secondary,#063f91)!important;
  border-color:var(--gd-secondary,#063f91)!important;
  text-shadow:none!important;
  outline:none!important;
  opacity:1!important;
}

/* 4) Resultados: evitar que el botón Limpiar quede apretado o pierda lectura. */
.siade-view-inicio .ini-rhead{
  gap:14px!important;
  align-items:center!important;
}
.siade-view-inicio .ini-rhead .ini-rt{
  min-width:0!important;
}
.siade-view-inicio .ini-rhead .ini-clear{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
@media (max-width:720px){
  .siade-view-inicio .ini-rhead{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .siade-view-inicio .ini-rhead .ini-clear{
    width:100%!important;
    justify-content:center!important;
  }
}

/* 5) Detalle fino: sombras más consistentes, sin neblina fuerte. */
.siade-view-inicio .ini.gd-home .ini-cmd,
.siade-view-inicio .ini.gd-home .ini-chip,
.siade-view-inicio .gd-assist-card,
.siade-view-inicio .gd-tramites-card,
.siade-view-inicio .ini.gd-home .ini-mh,
.siade-dir-card,
.tel-card{
  box-shadow:0 10px 22px rgba(6,27,78,.045)!important;
}

/* 6) Mapa: subir un poco más nombres y números sin deformar el SVG. */
.gobchi-map-label{
  font-size:16.2px!important;
  stroke-width:4.6px!important;
  paint-order:stroke fill!important;
}
.gobchi-map-count{
  font-size:14px!important;
  stroke-width:3.6px!important;
  paint-order:stroke fill!important;
}
@media (max-width:720px){
  .gobchi-map-label{font-size:16.8px!important;stroke-width:5px!important;}
  .gobchi-map-count{font-size:14.6px!important;stroke-width:3.8px!important;}
}

/* ============================================================
   v1.0.76 — Fase 3 trámites + micrófono línea Gobierno
   ============================================================ */

/* El micrófono sale del verde y se integra a la línea azul institucional. */
.siade-view-inicio .ini.gd-home .ini-mic,
.siade-view-inicio .ini.gd-home .ini-cmd .ini-mic,
.siade-view-inicio .ini.gd-home [data-ini-voice]{
  background:linear-gradient(135deg,var(--gd-secondary,#063f91),#0b56b5)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(6,63,145,.18)!important;
}
.siade-view-inicio .ini.gd-home .ini-mic:hover,
.siade-view-inicio .ini.gd-home [data-ini-voice]:hover{
  background:linear-gradient(135deg,#052f73,var(--gd-secondary,#063f91))!important;
}
.siade-view-inicio .ini.gd-home .ini-mic.rec,
.siade-view-inicio .ini.gd-home [data-ini-voice].rec{
  background:#d2452b!important;
}

/* Fase 3: trámites como rutas ciudadanas conectadas al directorio. */
.siade-tramites-v3{
  gap:14px;
}
.siade-tramites-v3 .siade-tramites-hero{
  padding:22px!important;
}
.siade-tramites-tools{
  background:#fff;
  border:1px solid #dbe5f0;
  border-radius:22px;
  padding:10px 14px;
  box-shadow:0 10px 26px rgba(6,27,78,.05);
}
.siade-tramites-tools label{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
}
.siade-tramites-tools svg{
  width:22px;
  height:22px;
  color:#7d8797;
  flex:0 0 auto;
}
.siade-tramites-tools input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--gd-primary,#061b4e);
  font:800 15px/1.2 'Altivo', sans-serif;
}
.siade-tramites-tools input::placeholder{
  color:#94a0af;
  font-weight:650;
}
.siade-tramite-cats{
  display:flex;
  gap:8px;
  overflow:auto;
  padding:2px 0 4px;
  scrollbar-width:none;
}
.siade-tramite-cats::-webkit-scrollbar{ display:none; }
.siade-tramite-cats button{
  flex:0 0 auto;
  min-height:38px;
  border:1px solid #d6e2ee;
  border-radius:999px;
  background:#fff;
  color:#33435b;
  padding:9px 13px;
  font:900 12px/1 'Altivo', sans-serif;
  cursor:pointer;
}
.siade-tramite-cats button.on{
  background:var(--gd-secondary,#063f91);
  border-color:var(--gd-secondary,#063f91);
  color:#fff;
  box-shadow:0 8px 18px rgba(6,63,145,.14);
}
.siade-route-card{
  position:relative;
  overflow:hidden;
}
.siade-route-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#f2a119,var(--gd-secondary,#063f91));
  opacity:.9;
}
.siade-route-steps{
  margin:12px 0 0;
  padding:12px;
  border-radius:16px;
  background:#f7fbff;
  border:1px solid #dce8f4;
}
.siade-route-steps b{
  display:block;
  margin-bottom:7px;
  color:var(--gd-primary,#061b4e);
  font-weight:1000;
}
.siade-route-steps ol{
  margin:0 0 8px 18px;
  padding:0;
  color:#526176;
  line-height:1.45;
  font-size:13px;
}
.siade-route-steps li+li{
  margin-top:4px;
}
.siade-route-steps small{
  display:block;
  color:#7d8797;
  font-weight:700;
}
.siade-tramite-actions button:nth-child(2){
  background:var(--gd-secondary,#063f91)!important;
  border-color:var(--gd-secondary,#063f91)!important;
  color:#fff!important;
}
.siade-tramite-actions button:first-child{
  background:#fff!important;
  color:var(--gd-secondary,#063f91)!important;
  border-color:#cfe0ef!important;
}
.siade-tramite-empty{
  grid-column:1/-1;
  background:#fff;
  border:1px solid #dbe5f0;
  border-radius:22px;
  padding:20px;
  box-shadow:0 10px 26px rgba(6,27,78,.05);
}
.siade-tramite-empty b{
  display:block;
  color:var(--gd-primary,#061b4e);
  font-size:18px;
  margin-bottom:4px;
}
.siade-tramite-empty p{
  color:#526176;
  margin:0 0 12px;
}
.siade-tramite-empty button{
  border:0;
  border-radius:14px;
  background:var(--gd-secondary,#063f91);
  color:#fff;
  padding:10px 14px;
  font:900 12px/1 'Altivo', sans-serif;
}
@media (max-width:720px){
  .siade-tramites-tools{
    border-radius:20px;
    padding:8px 12px;
  }
  .siade-tramites-tools input{
    font-size:14px;
  }
  .siade-tramite-cats{
    margin-left:-2px;
  }
  .siade-tramite-actions{
    gap:7px!important;
  }
  .siade-tramite-actions button{
    min-height:40px;
  }
}


/* ============================================================
   v1.0.77 — experimento móvil: mapa territorial primero
   Escritorio queda intacto. Solo aplica en <=720px.
   ============================================================ */
@media (max-width:720px){
  .siade-view-inicio .ini.gd-home{
    display:flex!important;
    flex-direction:column!important;
  }

  /* Orden móvil: identidad externa fija > mapa territorial > pregunta/buscador */
  .siade-view-inicio .ini.gd-home .ini-top{ order:1!important; }
  .siade-view-inicio .ini.gd-home .ini-mh{ order:2!important; }
  .siade-view-inicio .ini.gd-home .ini-h1{ order:3!important; }
  .siade-view-inicio .ini.gd-home .ini-cmd{ order:4!important; }
  .siade-view-inicio .ini.gd-home .ini-qa{ order:5!important; }
  .siade-view-inicio .ini.gd-home .gd-home-assist{ order:6!important; }
  .siade-view-inicio .ini.gd-home .ini-res{ order:7!important; }
  .siade-view-inicio .ini.gd-home .ini-urg{ order:8!important; }

  /* El mapa se vuelve entrada territorial compacta, no bloque gigante */
  .siade-view-inicio .ini.gd-home .ini-mh{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:auto!important;
    margin:8px 0 18px!important;
    border-radius:26px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 10px 22px rgba(6,27,78,.045)!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top{
    padding:14px 14px 8px!important;
    gap:10px!important;
    align-items:center!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top .ini-cap{
    font-size:11px!important;
    line-height:1.22!important;
    letter-spacing:.10em!important;
    max-width:52%!important;
  }
  .siade-view-inicio .ini.gd-home .ini-an{
    min-height:42px!important;
    padding:9px 16px!important;
    border-radius:999px!important;
    font-size:15px!important;
    letter-spacing:.01em!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap{
    min-height:278px!important;
    max-height:306px!important;
    padding:2px 10px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%)!important;
  }
  .siade-view-inicio .ini.gd-home .ini-map{
    width:min(100%,315px)!important;
    max-height:292px!important;
    transform:none!important;
    filter:drop-shadow(0 12px 20px rgba(6,27,78,.14))!important;
  }

  /* Al bajar el mapa, el hero necesita respirar menos para no empujar todo */
  .siade-view-inicio .ini.gd-home .ini-h1{
    margin-top:2px!important;
    margin-bottom:12px!important;
    font-size:clamp(28px,8.2vw,34px)!important;
    line-height:1.04!important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd{
    margin-top:0!important;
  }
}


/* ============================================================
   v1.0.78 — Mobile AI hero + mapa compacto
   Solo modifica <=720px. Escritorio queda intacto.
   ============================================================ */
@media (max-width:720px){
  /* Reducir el espacio muerto entre encabezado institucional y mapa */
  .siade-app-shell .siade-shell-scroll,
  body .siade-shell-scroll{
    padding-top:0!important;
  }
  .siade-app-shell .siade-panel{
    padding-top:10px!important;
  }
  .siade-view-inicio .ini.gd-home{
    gap:14px!important;
  }

  /* Mapa arriba, pero más compacto: contexto territorial, no bloque dominante */
  .siade-view-inicio .ini.gd-home .ini-mh{
    margin:0 0 14px!important;
    border-radius:24px!important;
    box-shadow:0 8px 18px rgba(6,27,78,.04)!important;
    border-color:#dbe7f2!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top{
    padding:12px 14px 6px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top .ini-cap{
    max-width:55%!important;
    font-size:10.5px!important;
    line-height:1.18!important;
    letter-spacing:.105em!important;
  }
  .siade-view-inicio .ini.gd-home .ini-an{
    min-height:40px!important;
    padding:8px 15px!important;
    font-size:14px!important;
    box-shadow:none!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap{
    min-height:232px!important;
    max-height:252px!important;
    padding:0 10px 10px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-map{
    width:min(100%,286px)!important;
    max-height:238px!important;
    filter:drop-shadow(0 8px 15px rgba(6,27,78,.12))!important;
  }

  /* Hero tipo asistente: centrado, más humano, más IA-ciudadana */
  .siade-view-inicio .ini.gd-home .ini-h1{
    text-align:center!important;
    font-size:clamp(27px,8vw,32px)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
    margin:4px auto 8px!important;
    max-width:360px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-ai-sub{
    order:3!important;
    margin:-2px auto 12px!important;
    max-width:345px!important;
    text-align:center!important;
    color:#66758a!important;
    font-size:14px!important;
    line-height:1.38!important;
    font-weight:650!important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd{
    order:4!important;
    margin-top:0!important;
    border-radius:24px!important;
    box-shadow:0 10px 20px rgba(6,27,78,.055)!important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd input,
  .siade-view-inicio .ini.gd-home .ini-cmd [data-ini-q]{
    font-size:16px!important;
  }

  /* Mensaje guía y chips con aspecto más limpio */
  .siade-view-inicio .ini.gd-home .ini-qa{
    order:5!important;
    margin-top:0!important;
  }
  .siade-view-inicio .ini.gd-home .ini-qa > .ini-cap{
    display:block!important;
    text-align:center!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    letter-spacing:.10em!important;
    margin:0 auto 9px!important;
    color:#8a95a7!important;
  }
  .siade-view-inicio .ini.gd-home .ini-chips{
    gap:10px!important;
    padding-bottom:2px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-chip{
    min-height:48px!important;
    border-radius:18px!important;
    box-shadow:0 6px 12px rgba(6,27,78,.035)!important;
  }

  /* Asistente y trámites siguen después, sin competir con el inicio */
  .siade-view-inicio .ini.gd-home .gd-home-assist{
    order:6!important;
    margin-top:0!important;
  }

  /* Header institucional: mantenerlo limpio, sin robar espacio */
  .siade-app-shell .siade-gd-topbar{
    min-height:82px!important;
    height:82px!important;
    padding:8px 12px 10px!important;
    box-shadow:0 6px 16px rgba(6,27,78,.045)!important;
  }
  .siade-gd-logoimg{
    max-height:42px!important;
  }

  /* Barra inferior ligeramente menos pesada */
  .siade-bottom-nav{
    box-shadow:0 -8px 20px rgba(6,27,78,.09)!important;
  }
}

/* La nueva frase no debe afectar escritorio */
@media (min-width:721px){
  .siade-view-inicio .ini-ai-sub{
    display:none!important;
  }
}


/* ============================================================
   v1.0.79 — UX fino: mapa móvil sin tarjeta, hero IA centrado
   y navegación limpia sin botón sobre el logo.
   ============================================================ */

/* 1) Home tipo asistente también en escritorio */
@media (min-width:721px){
  .siade-view-inicio .ini-ai-sub{
    display:block!important;
    max-width:760px!important;
    margin:0 auto 14px!important;
    text-align:center!important;
    color:#66758a!important;
    font-size:16px!important;
    line-height:1.45!important;
    font-weight:750!important;
  }
  .siade-view-inicio .ini.gd-home .ini-h1{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:760px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd,
  .siade-view-inicio .ini.gd-home .ini-qa{
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .siade-view-inicio .ini.gd-home .ini-qa > .ini-cap{
    text-align:center!important;
    color:#8190a4!important;
    font-size:11px!important;
    letter-spacing:.10em!important;
  }
  .siade-view-inicio .ini.gd-home .ini-chips{
    justify-content:center!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
  }
}

/* 2) Quitar ruido en la guía debajo del buscador */
.siade-view-inicio .ini.gd-home .ini-qa > .ini-cap{
  color:#8b97a7!important;
}

/* 3) El header móvil queda limpio: sin back/burger encima del logo */
@media (max-width:1024px){
  .siade-app-shell .siade-gd-topbar .siade-burger,
  .siade-app-shell .siade-gd-topbar .siade-gd-back{
    display:none!important;
  }
  .siade-app-shell .siade-gd-topbar{
    justify-content:center!important;
  }
  .siade-app-shell .siade-gd-brand{
    width:100%!important;
    justify-content:center!important;
    flex:1 1 auto!important;
  }
  .siade-app-shell .siade-gd-brandmark{
    margin:0 auto!important;
    justify-content:center!important;
  }
  .siade-app-shell .siade-gd-actions{
    display:none!important;
  }
}

/* 4) Mapa de inicio en móvil: sin tarjeta blanca, más protagonista */
@media (max-width:720px){
  .siade-view-inicio .ini.gd-home .ini-mh{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
    padding:0!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top{
    padding:2px 8px 0!important;
    margin-bottom:4px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top .ini-cap{
    max-width:58%!important;
  }
  .siade-view-inicio .ini.gd-home .ini-an{
    background:rgba(255,255,255,.68)!important;
    border:1px solid #d7e3ef!important;
    border-radius:999px!important;
    min-height:42px!important;
    padding:8px 15px!important;
    color:var(--gd-blue,#0a56c2)!important;
    box-shadow:0 8px 18px rgba(6,27,78,.05)!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap{
    background:transparent!important;
    min-height:244px!important;
    max-height:none!important;
    padding:0 0 8px!important;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap .gobchi-map-orbit{
    inset:10% 7% 7%!important;
    opacity:.9!important;
  }
  .siade-view-inicio .ini.gd-home .ini-map{
    width:min(100%,300px)!important;
    max-height:245px!important;
    filter:drop-shadow(0 14px 20px rgba(6,63,145,.16)) drop-shadow(0 4px 8px rgba(6,27,78,.08))!important;
    transform:rotateX(15deg) scale(1.03)!important;
  }
}

/* 5) Botones volver dentro del contenido: limpios y no sobreexpuestos */
.siade-back,
.siade-view-mapa .siade-back,
.siade-view-directorio .siade-back,
.siade-view-tramites .siade-back,
.siade-view-perfil-publico .siade-back{
  border:1px solid #d8e3ee!important;
  background:rgba(255,255,255,.92)!important;
  color:#35507d!important;
  border-radius:16px!important;
  padding:10px 14px!important;
  box-shadow:0 10px 22px rgba(6,27,78,.06)!important;
}
@media (max-width:720px){
  .siade-back,
  .siade-view-mapa .siade-back,
  .siade-view-directorio .siade-back,
  .siade-view-tramites .siade-back,
  .siade-view-perfil-publico .siade-back{
    margin-bottom:12px!important;
  }
}


/* ============================================================
   v1.0.80 — ajustes UX solicitados
   - oculta volver del encabezado (se prioriza volver dentro de la vista)
   - mueve el asistente/atajos debajo de los resultados
   - agrega CTAs más claros en el mapa
   - corrige FAB 'Sugerir número' en escritorio
   ============================================================ */

/* 1) El botón volver global del header estaba compitiendo con los botones locales */
.siade-gd-topbar .siade-gd-back{
  display:none !important;
}

/* 2) Inicio: que el bloque IA/trámites ya no robe el foco visual a la búsqueda */
.siade-view-inicio .gd-home-assist{
  margin-top:18px;
}
.siade-view-inicio .ini-res:not(:empty){
  margin-top:14px;
  margin-bottom:14px;
}

/* 3) Mapa territorial: accesos directos dentro del contenido */
.siade-mapt-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.siade-mapt-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:#fff;
  border:1.5px solid #d9e2ec;
  color:#1E3159;
  font-weight:800;
  font-size:13px;
  padding:10px 14px;
  border-radius:12px;
  cursor:pointer;
  font-family:inherit;
  white-space:nowrap;
  box-shadow:0 8px 22px rgba(18,28,54,.06);
}
.siade-mapt-cta.is-back{
  background:#F7FBFF;
}
.siade-mapt-cta svg{
  flex:0 0 auto;
}
@media (max-width:720px){
  .siade-mapt-actions{
    width:100%;
  }
  .siade-mapt-cta{
    flex:1 1 calc(50% - 6px);
    min-width:calc(50% - 6px);
    padding:11px 12px;
    font-size:12px;
  }
  .siade-mapt-cta.is-back{
    flex-basis:100%;
    min-width:100%;
  }
}

/* 4) Directorio telefónico: el FAB ya no debe quedar atravesado sobre el filtro en escritorio */
@media (min-width:1025px){
  .tel{
    position:relative;
    padding-bottom:110px;
  }
  .tel-fab{
    left:auto;
    right:24px;
    bottom:28px;
    transform:none;
  }
}
@media (max-width:1024px){
  .tel-fab{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    bottom:calc(82px + env(safe-area-inset-bottom));
  }
}

/* ============================================================
   v1.0.81 — Marketplace ciudadano de trámites
   Integra rutas, fuentes oficiales y conexión con Directorio.
   ============================================================ */
.siade-tramites-market{
  gap:18px;
}
.siade-market-hero{
  position:relative;
  overflow:hidden;
}
.siade-market-hero::after{
  content:"";
  position:absolute;
  right:-60px;
  top:-60px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(10,86,194,.12), transparent 68%);
  pointer-events:none;
}
.siade-market-sources{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.siade-market-sources button{
  text-align:left;
  border:1px solid #d9e5f1;
  background:rgba(255,255,255,.72);
  color:#061b4e;
  border-radius:18px;
  padding:12px 13px;
  box-shadow:0 8px 20px rgba(6,27,78,.045);
  cursor:pointer;
  font-family:inherit;
}
.siade-market-sources b{
  display:block;
  font:950 13px/1.1 'Altivo',system-ui,sans-serif;
  color:#063f91;
}
.siade-market-sources small{
  display:block;
  margin-top:5px;
  color:#66758a;
  font:700 11px/1.25 system-ui,sans-serif;
}
.siade-tramites-tools{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.siade-tramites-tools [data-tramites-count]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid #dbe6f1;
  border-radius:999px;
  background:#fff;
  color:#617087;
  font:900 12px/1 'Altivo',system-ui,sans-serif;
  white-space:nowrap;
}
.siade-market-card{
  position:relative;
  border-color:#dbe7f2!important;
}
.siade-market-card.tipo-oficial{
  border-top:4px solid #0a56c2!important;
}
.siade-market-card.tipo-ruta{
  border-top:4px solid #f5a31a!important;
}
.siade-market-card.tipo-prioridad{
  border-top:4px solid #d9432f!important;
}
.siade-market-card.tipo-municipal,
.siade-market-card.tipo-territorial{
  border-top:4px solid #0b8f80!important;
}
.siade-market-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:12px 0 2px;
}
.siade-market-tags i{
  font-style:normal;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 9px;
  border-radius:999px;
  background:#eef3f8;
  color:#516176;
  font:850 11px/1 'Altivo',system-ui,sans-serif;
}
.siade-market-tags i.online{
  background:#e8f7f4;
  color:#087b70;
}
.siade-route-steps ul{
  margin:8px 0 14px 18px;
  padding:0;
  color:#586679;
  font:650 13px/1.5 system-ui,sans-serif;
}
.siade-route-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:12px 0;
  padding-top:10px;
  border-top:1px solid #edf2f7;
}
.siade-route-links b{
  flex:1 0 100%;
  color:#061b4e;
  font:950 12px/1 'Altivo',system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.siade-route-links button{
  border:1px solid #d4e2ef;
  background:#fff;
  color:#063f91;
  border-radius:999px;
  padding:9px 12px;
  font:900 12px/1 'Altivo',system-ui,sans-serif;
  cursor:pointer;
}
@media (max-width:900px){
  .siade-market-sources{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:720px){
  .siade-tramites-market{
    gap:14px;
  }
  .siade-market-hero{
    padding:20px 16px!important;
  }
  .siade-market-hero h1{
    font-size:26px!important;
  }
  .siade-market-sources{
    grid-template-columns:1fr;
    gap:8px;
  }
  .siade-market-sources button{
    padding:11px 12px;
    border-radius:16px;
  }
  .siade-tramites-tools{
    grid-template-columns:1fr;
  }
  .siade-tramites-tools [data-tramites-count]{
    justify-self:flex-start;
    min-height:34px;
    font-size:11px;
  }
  .siade-market-tags{
    gap:6px;
  }
  .siade-route-links button{
    flex:1 1 auto;
  }
}


/* ============================================================
   v1.0.82 — Trámites + municipio
   Cruza rutas ciudadanas con territorio, sede/cobertura y directorio.
   ============================================================ */
.siade-tramite-territory-tools{
  display:grid;
  grid-template-columns:minmax(230px,320px) minmax(0,1fr);
  gap:12px;
  align-items:stretch;
  margin:12px 0 14px;
}
.siade-tramite-territory-tools label{
  background:#fff;
  border:1px solid #dbe6f1;
  border-radius:18px;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:6px;
  box-shadow:0 8px 18px rgba(6,27,78,.045);
}
.siade-tramite-territory-tools label span{
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#7e8b9e;
}
.siade-tramite-territory-tools select{
  border:0;
  outline:0;
  background:#f7fbff;
  color:#1E3159;
  border-radius:12px;
  padding:11px 12px;
  font-family:inherit;
  font-size:15px;
  font-weight:850;
}
.siade-tramite-muni-context{
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid #dbe6f1;
  border-radius:18px;
  padding:13px 15px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  box-shadow:0 8px 18px rgba(6,27,78,.045);
}
.siade-tramite-muni-context b{
  color:#1E3159;
  font-size:13px;
  font-weight:950;
}
.siade-tramite-muni-context span{
  color:#657386;
  font-size:13px;
  line-height:1.35;
  flex:1 1 240px;
}
.siade-tramite-muni-context button{
  border:1px solid #d5e1ee;
  background:#fff;
  color:#063f91;
  border-radius:999px;
  padding:9px 12px;
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.siade-tr-territory{
  margin:10px 0 0;
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:#eef7ff;
  border:1px solid #cfe5fb;
  color:#1E3159;
  border-radius:16px;
  padding:11px 12px;
}
.siade-tr-territory.neutral{
  background:#f7f9fc;
  border-color:#e1e8f0;
}
.siade-tr-territory b{
  flex:0 0 auto;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#063f91;
}
.siade-tr-territory span{
  font-size:12.5px;
  line-height:1.35;
  color:#5d6b7f;
}
.siade-market-tags i.territory{
  background:#e8f1ff!important;
  color:#063f91!important;
  border-color:#cbdfff!important;
}
.siade-mapt-side-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:10px 0 12px;
}
.siade-mapt-side-actions button{
  border:1px solid #d7e3ef;
  background:#fff;
  color:#063f91;
  border-radius:13px;
  padding:10px 12px;
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(6,27,78,.045);
}
.siade-mapt-side-actions button:first-child{
  background:#063f91;
  border-color:#063f91;
  color:#fff;
}
@media(max-width:720px){
  .siade-tramite-territory-tools{
    grid-template-columns:1fr;
  }
  .siade-tr-territory{
    flex-direction:column;
    gap:4px;
  }
  .siade-mapt-side-actions{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   v1.0.83 — Buscador global inteligente
   Cruza intención ciudadana, rutas, instituciones, municipio y contactos.
   ============================================================ */

.siade-view-inicio .ini-global-head{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid #dbe7f2;
  border-radius:24px;
  padding:16px 18px;
  box-shadow:0 12px 28px rgba(6,27,78,.06);
  margin:14px 0;
}
.siade-view-inicio .ini-global-head h3{
  margin:4px 0 6px;
  color:var(--gd-primary,#061b4e);
  font-size:22px;
  font-weight:950;
  letter-spacing:-.03em;
}
.siade-view-inicio .ini-global-head p{
  margin:0;
  max-width:760px;
  color:#526176;
  line-height:1.45;
  font-size:14px;
  font-weight:700;
}
.siade-view-inicio .ini-global-head .ini-clear{
  position:absolute;
  top:14px;
  right:14px;
}
.siade-view-inicio .ini-global-section{
  margin:14px 0;
}
.siade-view-inicio .ini-global-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 2px 10px;
}
.siade-view-inicio .ini-global-title span{
  color:var(--gd-primary,#061b4e);
  font-weight:950;
  font-size:14px;
}
.siade-view-inicio .ini-global-title b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  padding:0 9px;
  border-radius:999px;
  background:#e9f3ff;
  color:var(--gd-secondary,#063f91);
  font-size:12px;
}
.siade-view-inicio .ini-route-grid{
  display:grid;
  gap:10px;
}
.siade-view-inicio .ini-route-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  background:#fff;
  border:1px solid rgba(219,231,242,.95);
  border-radius:20px;
  padding:14px;
  box-shadow:0 10px 22px rgba(6,27,78,.045);
}
.siade-view-inicio .ini-route-ic{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,var(--gd-secondary,#063f91),#0b56b5);
  box-shadow:0 10px 20px rgba(6,63,145,.15);
}
.siade-view-inicio .ini-route-ic svg{
  width:23px;
  height:23px;
}
.siade-view-inicio .ini-route-tx{
  min-width:0;
}
.siade-view-inicio .ini-route-tx span{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.siade-view-inicio .ini-route-tx h4{
  margin:0 0 5px;
  color:#10244a;
  font-size:16px;
  font-weight:950;
  letter-spacing:-.02em;
}
.siade-view-inicio .ini-route-tx p{
  margin:0 0 6px;
  color:#526176;
  font-size:13px;
  line-height:1.38;
}
.siade-view-inicio .ini-route-tx small{
  color:#7b8798;
  font-weight:750;
}
.siade-view-inicio .ini-route-actions{
  grid-column:1 / -1;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:2px;
}
.siade-view-inicio .ini-route-actions button,
.siade-view-inicio .ini-muni-suggest button{
  border:1px solid #d8e4f0;
  background:#f8fbff;
  color:var(--gd-secondary,#063f91);
  border-radius:999px;
  padding:9px 13px;
  font-family:inherit;
  font-weight:900;
  font-size:12px;
  cursor:pointer;
}
.siade-view-inicio .ini-route-actions button:first-child{
  background:var(--gd-secondary,#063f91);
  color:#fff;
  border-color:var(--gd-secondary,#063f91);
}
.siade-view-inicio .ini-muni-suggest{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.siade-view-inicio .ini-muni-suggest button{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  border-radius:16px;
  min-width:150px;
  background:#fff;
}
.siade-view-inicio .ini-muni-suggest small{
  color:#7b8798;
  margin-top:3px;
  font-weight:750;
}
.siade-view-inicio .ini-res:not(:empty){
  position:relative;
  z-index:2;
}
@media (min-width:1180px){
  .siade-view-inicio .ini-route-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:720px){
  .siade-view-inicio .ini-global-head{
    padding:15px 14px;
    border-radius:22px;
  }
  .siade-view-inicio .ini-global-head h3{
    font-size:19px;
    padding-right:0;
  }
  .siade-view-inicio .ini-global-head .ini-clear{
    position:static;
    width:100%;
    margin-top:12px;
    justify-content:center;
  }
  .siade-view-inicio .ini-route-card{
    grid-template-columns:42px minmax(0,1fr);
    padding:13px;
    border-radius:18px;
  }
  .siade-view-inicio .ini-route-ic{
    width:42px;
    height:42px;
    border-radius:14px;
  }
  .siade-view-inicio .ini-route-actions button{
    flex:1 1 auto;
  }
}


/* ============================================================
   v1.0.84 — Rutas inteligentes corregidas
   Presentación escritorio/mobile + navegación por ID y no por frase larga.
   ============================================================ */

/* Header de búsqueda: botón ya no se sobrepone al título */
.siade-view-inicio .ini-global-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px 18px!important;
}
.siade-view-inicio .ini-global-head .ini-rmeta,
.siade-view-inicio .ini-global-head h3,
.siade-view-inicio .ini-global-head p{
  grid-column:1!important;
}
.siade-view-inicio .ini-global-head .ini-clear{
  position:static!important;
  grid-column:2!important;
  grid-row:1 / span 3!important;
  align-self:start!important;
  white-space:nowrap!important;
}

/* Rutas sugeridas: en escritorio deben leerse como fichas horizontales, no columnas angostas */
.siade-view-inicio .ini-route-grid{
  grid-template-columns:1fr!important;
}
@media (min-width:721px){
  .siade-view-inicio .ini-route-card{
    grid-template-columns:58px minmax(0,1fr) minmax(170px,auto)!important;
    align-items:center!important;
    gap:14px!important;
    padding:16px!important;
  }
  .siade-view-inicio .ini-route-ic{
    width:54px!important;
    height:54px!important;
    border-radius:18px!important;
  }
  .siade-view-inicio .ini-route-tx h4{
    font-size:18px!important;
    margin-bottom:4px!important;
  }
  .siade-view-inicio .ini-route-tx p{
    font-size:13.5px!important;
    max-width:620px!important;
  }
  .siade-view-inicio .ini-route-actions{
    grid-column:auto!important;
    grid-row:1!important;
    grid-column:3!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    min-width:170px!important;
    margin-top:0!important;
  }
  .siade-view-inicio .ini-route-actions button{
    width:100%!important;
    border-radius:16px!important;
    padding:10px 13px!important;
  }
}

/* En pantallas muy anchas igual conservamos 1 columna porque el home ya usa dos columnas */
@media (min-width:1180px){
  .siade-view-inicio .ini-route-grid{
    grid-template-columns:1fr!important;
  }
}

/* Mobile: tarjetas compactas tipo app */
@media (max-width:720px){
  .siade-view-inicio .ini-global-head{
    display:block!important;
  }
  .siade-view-inicio .ini-global-head .ini-clear{
    width:100%!important;
    margin-top:12px!important;
  }
  .siade-view-inicio .ini-route-card{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:12px!important;
    padding:14px!important;
  }
  .siade-view-inicio .ini-route-tx h4{
    font-size:16px!important;
  }
  .siade-view-inicio .ini-route-actions{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .siade-view-inicio .ini-route-actions button{
    width:100%!important;
    padding:10px 8px!important;
    font-size:11.5px!important;
    border-radius:14px!important;
  }
}

/* Directorio cuando llega desde una ruta: que el texto largo de búsqueda no parezca error */
.siade-view-directorio .tel-cmd input[value^="Instituciones relacionadas"]{
  font-weight:800;
}

/* Trámites enfocado desde Home */
.siade-tramites-view .siade-tramites-tools [data-tramites-count]{
  font-weight:900!important;
}


/* ============================================================
   v1.0.85 — Base de conocimiento estructurada
   Presentación de fuentes, estados y validación.
   ============================================================ */

.ini-route-sources{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.ini-route-sources i{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#f4f8fc;
  border:1px solid #dce7f2;
  color:#66758a;
  padding:4px 8px;
  font-size:10px;
  font-style:normal;
  font-weight:850;
}
.siade-market-tags i.source{
  background:#eef7ff;
  color:#063f91;
  border-color:#cfe3f8;
}
.siade-route-links{
  align-items:stretch;
}
.siade-route-links button{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
}
.siade-route-links button small{
  display:block;
  color:rgba(102,117,138,.95);
  font-size:9px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.siade-route-steps > small{
  display:block;
  margin-top:12px;
  padding:10px 12px;
  border-radius:14px;
  background:#f8fbff;
  border:1px solid #dfeaf4;
  color:#5d6b7d;
}
@media (min-width:1025px){
  .siade-tramites-market .siade-market-card{
    min-height:0;
  }
}
@media (max-width:720px){
  .ini-route-sources{
    gap:5px;
  }
  .ini-route-sources i{
    font-size:9.5px;
    padding:4px 7px;
  }
}


/* ============================================================
   v1.0.86 — Centro de inteligencia, fuentes y validación
   ============================================================ */

.siade-kb-center{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid #dbe7f2;
  border-radius:28px;
  padding:20px;
  box-shadow:0 16px 38px rgba(6,27,78,.06);
  margin:18px 0 22px;
}
.siade-kb-center-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:16px;
}
.siade-kb-center-head span,
.siade-kb-panel-head span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-kb-center-head h2,
.siade-kb-panel-head h3{
  margin:0 0 5px;
  color:#061b4e;
  font-weight:950;
  letter-spacing:-.035em;
}
.siade-kb-center-head h2{
  font-size:28px;
}
.siade-kb-center-head p{
  margin:0;
  color:#627188;
  line-height:1.45;
  font-weight:700;
}
.siade-kb-metrics{
  display:grid;
  grid-template-columns:auto auto;
  gap:4px 10px;
  align-items:center;
  min-width:150px;
  background:#f4f8fc;
  border:1px solid #dde9f4;
  border-radius:20px;
  padding:12px 14px;
}
.siade-kb-metrics b{
  color:#063f91;
  font-size:24px;
  line-height:1;
  font-weight:950;
}
.siade-kb-metrics small{
  color:#718097;
  font-weight:850;
  text-transform:uppercase;
  font-size:10px;
  letter-spacing:.08em;
}
.siade-kb-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:15px;
}
.siade-kb-actions button,
.siade-kb-panel-head button{
  border:1px solid #d8e4f0;
  background:#fff;
  color:#063f91;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(6,27,78,.045);
}
.siade-kb-actions button:first-child{
  background:#063f91;
  border-color:#063f91;
  color:#fff;
}
.siade-kb-source-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.siade-kb-source{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
  background:#fff;
  border:1px solid #dfe9f3;
  border-radius:20px;
  padding:15px;
  min-height:176px;
  box-shadow:0 10px 24px rgba(6,27,78,.045);
}
.siade-kb-source span{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.siade-kb-source h3{
  margin:0 0 7px;
  color:#10244a;
  font-size:16px;
  line-height:1.15;
  font-weight:950;
}
.siade-kb-source p{
  margin:0;
  color:#627188;
  font-size:12.5px;
  line-height:1.35;
  font-weight:650;
}
.siade-kb-source footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:auto;
}
.siade-kb-source footer i{
  font-style:normal;
  border-radius:999px;
  padding:5px 8px;
  background:#eef7ff;
  color:#063f91;
  font-size:9.5px;
  font-weight:900;
  text-transform:uppercase;
}
.siade-kb-source.risk-high footer i{
  background:#fff3e5;
  color:#9a5b00;
}
.siade-kb-source.risk-low footer i{
  background:#eaf8f1;
  color:#08764f;
}
.siade-kb-source footer button{
  border:0;
  background:#f4f8fc;
  color:#063f91;
  border-radius:999px;
  padding:7px 10px;
  font-family:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.siade-kb-source footer button:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.siade-kb-governance{
  margin-top:16px;
  background:#f8fbff;
  border:1px solid #dce8f3;
  border-radius:22px;
  padding:16px;
}
.siade-kb-panel-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:10px;
}
.siade-kb-governance > p{
  margin:0 0 12px;
  color:#536277;
  font-weight:750;
  line-height:1.45;
}
.siade-kb-states{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.siade-kb-state{
  background:#fff;
  border:1px solid #dfe9f3;
  border-radius:16px;
  padding:12px;
}
.siade-kb-state b{
  display:block;
  color:#061b4e;
  font-size:12px;
  font-weight:950;
  margin-bottom:4px;
}
.siade-kb-state span{
  color:#66758a;
  font-size:12px;
  line-height:1.35;
  font-weight:650;
}
@media (max-width:1180px){
  .siade-kb-source-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:720px){
  .siade-kb-center{
    border-radius:24px;
    padding:15px;
  }
  .siade-kb-center-head{
    display:block;
  }
  .siade-kb-center-head h2{
    font-size:22px;
  }
  .siade-kb-metrics{
    margin-top:12px;
    width:100%;
  }
  .siade-kb-source-grid{
    grid-template-columns:1fr;
  }
  .siade-kb-source{
    min-height:0;
  }
  .siade-kb-states{
    grid-template-columns:1fr;
  }
  .siade-kb-actions button{
    flex:1 1 auto;
  }
}


/* ============================================================
   v1.0.87 — Panel frontal de validación + conexión con fichas
   ============================================================ */

.siade-kb-ficha-intel{
  border:1px solid #dfeaf4;
  border-radius:16px;
  background:#f8fbff;
  padding:10px 11px;
  margin:10px 0 0;
}
.siade-kb-ficha-intel.loading{
  color:#6b7b91;
  font-size:12px;
  font-weight:850;
}
.siade-kb-ficha-intel.warn{
  border-color:#f1d3a6;
  background:#fff8ed;
}
.siade-kb-ficha-intel.ok{
  border-color:#cfe9dc;
  background:#f1fbf6;
}
.siade-kb-ficha-intel > b{
  display:block;
  color:#10244a;
  font-size:12px;
  font-weight:950;
  margin-bottom:6px;
}
.siade-kb-ficha-intel > span{
  display:block;
  color:#6d5b2e;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
}
.siade-kb-ficha-intel > div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.siade-kb-actor-mini{
  border:1px solid #d7e5f0;
  background:#fff;
  color:#10244a;
  border-radius:12px;
  padding:7px 9px;
  font-family:inherit;
  text-align:left;
  cursor:pointer;
  min-width:126px;
  box-shadow:0 6px 14px rgba(6,27,78,.04);
}
.siade-kb-actor-mini b{
  display:block;
  font-size:11.5px;
  font-weight:950;
  line-height:1.15;
}
.siade-kb-actor-mini small,
.siade-kb-actor-mini i{
  display:block;
  font-style:normal;
  color:#718097;
  font-size:10px;
  font-weight:750;
  margin-top:2px;
}
.siade-kb-actor-mini i{
  color:#08764f;
}
.siade-kb-admin-panel{
  border:1px solid #dbe7f2;
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(6,27,78,.06);
  padding:20px;
  margin:18px 0 22px;
}
.siade-kb-admin-head span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-kb-admin-head h2{
  margin:0 0 6px;
  color:#061b4e;
  font-size:27px;
  font-weight:950;
  letter-spacing:-.035em;
}
.siade-kb-admin-head p{
  margin:0;
  color:#627188;
  line-height:1.45;
  font-weight:700;
}
.siade-kb-admin-note{
  display:flex;
  gap:8px;
  align-items:flex-start;
  background:#edf7ff;
  border:1px solid #cfe3f8;
  border-radius:16px;
  padding:11px 13px;
  margin:14px 0;
  color:#173b6b;
  font-size:12px;
  line-height:1.35;
}
.siade-kb-admin-note b{
  white-space:nowrap;
}
.siade-kb-admin-rows{
  display:grid;
  gap:10px;
}
.siade-kb-admin-row{
  display:grid;
  grid-template-columns:minmax(220px,1.1fr) 78px 78px minmax(120px,.65fr) minmax(180px,1fr) auto;
  gap:10px;
  align-items:center;
  background:#fff;
  border:1px solid #dfe9f3;
  border-radius:18px;
  padding:12px;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-kb-admin-row > div:first-child span{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.siade-kb-admin-row > div:first-child b{
  display:block;
  color:#10244a;
  font-size:13.5px;
  font-weight:950;
  line-height:1.18;
  margin:2px 0;
}
.siade-kb-admin-row > div:first-child small{
  color:#718097;
  font-size:11px;
  font-weight:750;
}
.siade-kb-admin-metric{
  text-align:center;
  background:#f6f9fc;
  border:1px solid #e0e9f3;
  border-radius:14px;
  padding:8px;
}
.siade-kb-admin-metric b{
  display:block;
  color:#063f91;
  font-size:20px;
  font-weight:950;
  line-height:1;
}
.siade-kb-admin-metric small{
  color:#718097;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.siade-kb-admin-score{
  position:relative;
  height:12px;
  background:#edf2f7;
  border-radius:999px;
  overflow:hidden;
}
.siade-kb-admin-score i{
  position:absolute;
  inset:0 auto 0 0;
  background:#c48a10;
  border-radius:999px;
}
.siade-kb-admin-row.ok .siade-kb-admin-score i{
  background:#16835f;
}
.siade-kb-admin-row.low .siade-kb-admin-score i{
  background:#b94a38;
}
.siade-kb-admin-score span{
  position:absolute;
  right:4px;
  top:-1px;
  font-size:9px;
  font-weight:950;
  color:#10244a;
}
.siade-kb-admin-row p{
  margin:0;
  color:#5f6e82;
  font-size:12px;
  line-height:1.25;
  font-weight:750;
}
.siade-kb-admin-row button{
  border:1px solid #d7e4f0;
  background:#f8fbff;
  color:#063f91;
  border-radius:999px;
  padding:9px 12px;
  font-family:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
@media (max-width:1180px){
  .siade-kb-admin-row{
    grid-template-columns:1fr 72px 72px minmax(130px,.7fr);
  }
  .siade-kb-admin-row p,
  .siade-kb-admin-row button{
    grid-column:1 / -1;
  }
}
@media (max-width:720px){
  .siade-kb-admin-panel{
    border-radius:24px;
    padding:15px;
  }
  .siade-kb-admin-head h2{
    font-size:22px;
  }
  .siade-kb-admin-note{
    display:block;
  }
  .siade-kb-admin-note b{
    display:block;
    margin-bottom:3px;
  }
  .siade-kb-admin-row{
    grid-template-columns:1fr 1fr;
  }
  .siade-kb-admin-row > div:first-child{
    grid-column:1 / -1;
  }
  .siade-kb-admin-score,
  .siade-kb-admin-row p,
  .siade-kb-admin-row button{
    grid-column:1 / -1;
  }
  .siade-kb-actor-mini{
    flex:1 1 100%;
  }
}


/* ============================================================
   v1.0.88 — Expediente inteligente por ruta
   ============================================================ */

.siade-route-dossier{
  grid-column:1 / -1;
  margin-top:14px;
  border:1px solid #dbe7f2;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 14px 34px rgba(6,27,78,.07);
  padding:16px;
}
.siade-dossier-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  border-bottom:1px solid #e0eaf4;
  padding-bottom:12px;
  margin-bottom:14px;
}
.siade-dossier-head span{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.siade-dossier-head h4{
  margin:0 0 5px;
  color:#061b4e;
  font-size:21px;
  font-weight:950;
  letter-spacing:-.03em;
}
.siade-dossier-head p{
  margin:0;
  color:#627188;
  font-size:13px;
  line-height:1.42;
  font-weight:700;
}
.siade-dossier-head button,
.siade-dossier-message button{
  border:1px solid #d7e4f0;
  background:#fff;
  color:#063f91;
  border-radius:999px;
  padding:9px 12px;
  font-family:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.siade-dossier-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:15px;
}
.siade-dossier-summary div{
  background:#f4f8fc;
  border:1px solid #dde9f4;
  border-radius:16px;
  padding:11px;
  text-align:center;
}
.siade-dossier-summary b{
  display:block;
  color:#063f91;
  font-size:19px;
  line-height:1.1;
  font-weight:950;
}
.siade-dossier-summary small{
  display:block;
  color:#718097;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-top:3px;
}
.siade-dossier-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.siade-dossier-grid section{
  background:#fff;
  border:1px solid #e0e9f3;
  border-radius:18px;
  padding:13px;
}
.siade-dossier-grid h5{
  margin:0 0 10px;
  color:#10244a;
  font-size:13px;
  font-weight:950;
}
.siade-dossier-source-grid,
.siade-dossier-actor-grid{
  display:grid;
  gap:8px;
}
.siade-dossier-source,
.siade-dossier-actor{
  border:1px solid #dfe9f3;
  background:#f8fbff;
  border-radius:15px;
  padding:11px;
}
.siade-dossier-source span,
.siade-dossier-actor span{
  display:block;
  color:#8a95a7;
  font-size:9px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.siade-dossier-source b,
.siade-dossier-actor b{
  display:block;
  color:#10244a;
  font-size:12.5px;
  line-height:1.18;
  font-weight:950;
}
.siade-dossier-source p,
.siade-dossier-actor p{
  margin:7px 0;
  color:#627188;
  font-size:11.5px;
  line-height:1.35;
  font-weight:650;
}
.siade-dossier-source button,
.siade-dossier-actor button{
  border:0;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:7px 10px;
  font-family:inherit;
  font-size:10.5px;
  font-weight:900;
  cursor:pointer;
}
.siade-dossier-source button:disabled{
  background:#d7e0ea;
  color:#68768a;
  cursor:not-allowed;
}
.siade-dossier-actor small{
  color:#718097;
  font-size:10px;
  font-weight:750;
}
.siade-dossier-actor footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.siade-dossier-actor i{
  font-style:normal;
  color:#08764f;
  font-size:10px;
  font-weight:850;
}
.siade-dossier-actor i.warn{
  color:#9a5b00;
}
.siade-dossier-list{
  margin:0;
  padding-left:18px;
  color:#536277;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}
.siade-dossier-list li + li{
  margin-top:6px;
}
.siade-dossier-empty{
  background:#fff8ed;
  border:1px solid #f1d3a6;
  color:#6d5b2e;
  border-radius:14px;
  padding:11px;
  font-size:12px;
  line-height:1.35;
  font-weight:750;
}
.siade-dossier-message{
  margin-top:14px;
  background:#fff;
  border:1px solid #e0e9f3;
  border-radius:18px;
  padding:13px;
}
.siade-dossier-message b{
  display:block;
  color:#10244a;
  font-size:13px;
  font-weight:950;
  margin-bottom:8px;
}
.siade-dossier-message textarea{
  width:100%;
  min-height:132px;
  resize:vertical;
  border:1px solid #d7e4f0;
  border-radius:14px;
  padding:10px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:#334155;
  background:#f8fbff;
  font-size:12px;
  line-height:1.4;
}
.siade-dossier-message button{
  margin-top:9px;
  background:#063f91;
  color:#fff;
  border-color:#063f91;
}
.siade-kb-admin-actions{
  display:flex;
  gap:7px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.siade-kb-admin-row .siade-kb-admin-actions button{
  white-space:nowrap;
}
@media (max-width:1180px){
  .siade-dossier-grid{
    grid-template-columns:1fr;
  }
  .siade-kb-admin-actions{
    grid-column:1 / -1;
    justify-content:flex-start;
  }
}
@media (max-width:720px){
  .siade-route-dossier{
    border-radius:20px;
    padding:13px;
  }
  .siade-dossier-head{
    display:block;
  }
  .siade-dossier-head button{
    margin-top:10px;
    width:100%;
  }
  .siade-dossier-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .siade-dossier-head h4{
    font-size:18px;
  }
  .siade-dossier-actor footer{
    display:block;
  }
  .siade-dossier-actor button{
    margin-top:8px;
    width:100%;
  }
  .siade-kb-admin-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* ============================================================
   v1.0.89 — Registro de validación
   ============================================================ */

.siade-validation-badge{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  border:1px solid #dfeaf4;
  background:#f8fbff;
  border-radius:14px;
  padding:8px 10px;
  margin-top:10px;
  color:#536277;
  font-size:11px;
  font-weight:850;
}
.siade-validation-badge b{
  color:#10244a;
  font-weight:950;
}
.siade-validation-badge span{
  border-radius:999px;
  padding:4px 8px;
  background:#edf2f7;
  color:#334155;
  font-weight:950;
}
.siade-validation-badge small{
  margin-left:auto;
  color:#718097;
  font-weight:750;
}
.siade-validation-badge.st-validado span{
  background:#e9f8f1;
  color:#08764f;
}
.siade-validation-badge.st-en_revision span{
  background:#e9f3ff;
  color:#063f91;
}
.siade-validation-badge.st-requiere_fuente span,
.siade-validation-badge.st-requiere_ficha span,
.siade-validation-badge.st-municipal_por_confirmar span{
  background:#fff4e5;
  color:#9a5b00;
}
.siade-validation-badge.st-pausado span{
  background:#f3f4f6;
  color:#6b7280;
}
.siade-validation-form{
  margin-top:14px;
  background:#ffffff;
  border:1px solid #dfe9f3;
  border-radius:18px;
  padding:14px;
}
.siade-validation-form-head span{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.siade-validation-form-head h5{
  margin:0 0 5px;
  color:#061b4e;
  font-size:15px;
  font-weight:950;
}
.siade-validation-form-head p{
  margin:0 0 12px;
  color:#627188;
  font-size:12px;
  line-height:1.38;
  font-weight:700;
}
.siade-validation-form label{
  display:block;
  margin-top:10px;
}
.siade-validation-form label b{
  display:block;
  color:#10244a;
  font-size:12px;
  font-weight:950;
  margin-bottom:5px;
}
.siade-validation-form select,
.siade-validation-form textarea{
  width:100%;
  border:1px solid #d7e4f0;
  border-radius:14px;
  background:#f8fbff;
  color:#334155;
  padding:10px;
  font-family:inherit;
  font-size:13px;
  outline:none;
}
.siade-validation-form textarea{
  min-height:76px;
  resize:vertical;
  line-height:1.4;
}
.siade-validation-form select:focus,
.siade-validation-form textarea:focus{
  border-color:#063f91;
  box-shadow:0 0 0 3px rgba(6,63,145,.10);
}
.siade-validation-form-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
}
.siade-validation-form-actions button{
  border:0;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.siade-validation-form-actions button:disabled{
  opacity:.65;
  cursor:wait;
}
.siade-validation-form-actions small{
  color:#718097;
  font-weight:800;
  font-size:11px;
}
.siade-kb-admin-row p b{
  color:#061b4e;
}
@media (max-width:720px){
  .siade-validation-badge{
    display:block;
  }
  .siade-validation-badge span,
  .siade-validation-badge small{
    display:inline-block;
    margin-top:6px;
    margin-left:0;
  }
  .siade-validation-form-actions{
    display:block;
  }
  .siade-validation-form-actions button{
    width:100%;
    margin-bottom:8px;
  }
}


/* ============================================================
   v1.0.90 — Tablero de inteligencia y priorización
   ============================================================ */

.siade-kb-dashboard{
  border:1px solid #dbe7f2;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(6,27,78,.06);
  padding:20px;
  margin:18px 0 22px;
}
.siade-dash-loading,
.siade-dash-empty{
  background:#f8fbff;
  border:1px solid #dfeaf4;
  border-radius:16px;
  padding:14px;
  color:#627188;
  font-weight:850;
}
.siade-dash-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
}
.siade-dash-head span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-dash-head h2{
  margin:0 0 6px;
  color:#061b4e;
  font-size:27px;
  font-weight:950;
  letter-spacing:-.035em;
}
.siade-dash-head p{
  margin:0;
  color:#627188;
  line-height:1.45;
  font-weight:700;
}
.siade-dash-head button,
.siade-dash-row button{
  border:1px solid #d7e4f0;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.siade-dash-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.siade-dash-metrics button{
  text-align:left;
  border:1px solid #dfe9f3;
  background:#fff;
  border-radius:18px;
  padding:13px;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-dash-metrics b{
  display:block;
  color:#063f91;
  font-size:24px;
  font-weight:950;
  line-height:1;
}
.siade-dash-metrics small{
  display:block;
  color:#718097;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-top:5px;
}
.siade-dash-filter{
  display:flex;
  justify-content:flex-end;
  margin:4px 0 12px;
}
.siade-dash-filter select{
  min-width:230px;
  border:1px solid #d7e4f0;
  background:#fff;
  color:#10244a;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-weight:900;
  outline:none;
}
.siade-dash-queue{
  display:grid;
  gap:10px;
}
.siade-dash-row{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 76px 76px minmax(130px,.45fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid #dfe9f3;
  background:#fff;
  border-radius:18px;
  padding:12px;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-dash-row.high{
  border-color:#f1d3a6;
  background:linear-gradient(180deg,#fff 0%,#fff9f0 100%);
}
.siade-dash-row.low{
  opacity:.94;
}
.siade-dash-row span{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.siade-dash-row h3{
  margin:0 0 4px;
  color:#10244a;
  font-size:14px;
  font-weight:950;
  line-height:1.18;
}
.siade-dash-row p{
  margin:0;
  color:#5f6e82;
  font-size:12px;
  line-height:1.3;
  font-weight:750;
}
.siade-dash-row p b{
  color:#061b4e;
}
.siade-dash-mini{
  text-align:center;
  background:#f6f9fc;
  border:1px solid #e0e9f3;
  border-radius:14px;
  padding:8px;
}
.siade-dash-mini b{
  display:block;
  color:#063f91;
  font-size:20px;
  font-weight:950;
  line-height:1;
}
.siade-dash-mini small{
  color:#718097;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.siade-dash-priority{
  position:relative;
  height:12px;
  background:#edf2f7;
  border-radius:999px;
  overflow:hidden;
}
.siade-dash-priority i{
  position:absolute;
  inset:0 auto 0 0;
  background:#c48a10;
  border-radius:999px;
}
.siade-dash-row.high .siade-dash-priority i{
  background:#b94a38;
}
.siade-dash-row.low .siade-dash-priority i{
  background:#16835f;
}
.siade-dash-priority span{
  position:absolute;
  top:-1px;
  right:5px;
  color:#10244a;
  font-size:9px;
  font-weight:950;
}
@media (max-width:1180px){
  .siade-dash-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .siade-dash-row{
    grid-template-columns:1fr 72px 72px minmax(120px,.5fr);
  }
  .siade-dash-row button{
    grid-column:1 / -1;
    justify-self:start;
  }
}
@media (max-width:720px){
  .siade-kb-dashboard{
    border-radius:24px;
    padding:15px;
  }
  .siade-dash-head{
    display:block;
  }
  .siade-dash-head h2{
    font-size:22px;
  }
  .siade-dash-head button{
    width:100%;
    margin-top:12px;
  }
  .siade-dash-filter select{
    width:100%;
    min-width:0;
  }
  .siade-dash-row{
    grid-template-columns:1fr 1fr;
  }
  .siade-dash-row > div:first-child,
  .siade-dash-priority,
  .siade-dash-row button{
    grid-column:1 / -1;
    width:100%;
  }
}


/* ============================================================
   v1.0.91 — Fuente oficial primero
   ============================================================ */

.siade-source-policy{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);
  gap:18px;
  align-items:start;
  border:1px solid #dbe7f2;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(6,27,78,.06);
  padding:20px;
  margin:18px 0 22px;
}
.siade-source-policy span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-source-policy h3{
  margin:0 0 7px;
  color:#061b4e;
  font-size:26px;
  font-weight:950;
  letter-spacing:-.035em;
}
.siade-source-policy p{
  margin:0;
  color:#536277;
  line-height:1.5;
  font-weight:750;
}
.siade-source-policy ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.siade-source-policy li{
  border:1px solid #dfeaf4;
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
  color:#10244a;
  font-size:12px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(6,27,78,.035);
}
.siade-source-first-badge{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  border:1px solid #cfe3f8;
  background:#eef7ff;
  color:#123b68;
  border-radius:14px;
  padding:8px 10px;
  margin:9px 0 0;
}
.siade-source-first-badge b{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#063f91;
  color:#fff;
  padding:4px 8px;
  font-size:10px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.siade-source-first-badge span{
  color:#32465f;
  font-size:12px;
  line-height:1.3;
  font-weight:850;
}
.siade-source-first-badge.warn{
  background:#fff8ed;
  border-color:#f1d3a6;
}
.siade-source-first-badge.warn b{
  background:#9a5b00;
}
.siade-route-links b{
  color:#061b4e;
}
.siade-route-links button:first-of-type{
  border-color:#063f91;
  background:#063f91;
  color:#fff;
}
.siade-route-links button:first-of-type small{
  color:rgba(255,255,255,.78);
}
@media (max-width:900px){
  .siade-source-policy{
    grid-template-columns:1fr;
  }
}
@media (max-width:720px){
  .siade-source-policy{
    border-radius:24px;
    padding:15px;
  }
  .siade-source-policy h3{
    font-size:22px;
  }
}


/* ============================================================
   v1.0.92 — Orientador ciudadano con fuente oficial
   ============================================================ */

.ini-citizen-answer{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid #dbe7f2;
  border-radius:28px;
  padding:20px;
  margin:14px 0 18px;
  box-shadow:0 16px 38px rgba(6,27,78,.07);
  overflow:hidden;
}
.ini-citizen-answer:before{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:240px;
  height:240px;
  background:radial-gradient(circle,rgba(6,63,145,.12),transparent 70%);
  pointer-events:none;
}
.ini-answer-mark{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#eef7ff;
  border:1px solid #cfe3f8;
  color:#063f91;
  padding:6px 10px;
  font-size:10.5px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.ini-answer-main span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.ini-answer-main h3{
  margin:0 0 6px;
  color:#061b4e;
  font-size:25px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.035em;
}
.ini-answer-main p{
  margin:0;
  max-width:860px;
  color:#536277;
  line-height:1.48;
  font-weight:730;
}
.ini-answer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.ini-answer-grid article{
  background:#fff;
  border:1px solid #dfe9f3;
  border-radius:18px;
  padding:13px;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.ini-answer-grid b{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.ini-answer-grid span{
  display:block;
  color:#10244a;
  font-size:14px;
  font-weight:950;
  line-height:1.18;
}
.ini-answer-grid small{
  display:block;
  color:#66758a;
  font-size:11.5px;
  line-height:1.35;
  font-weight:700;
  margin-top:5px;
}
.ini-answer-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}
.ini-answer-actions button{
  border:1px solid #d7e4f0;
  background:#fff;
  color:#063f91;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.ini-answer-actions button:first-child{
  background:#063f91;
  border-color:#063f91;
  color:#fff;
}
.ini-route-actions [data-global-source]{
  background:#063f91;
  color:#fff;
  border-color:#063f91;
}
@media (max-width:920px){
  .ini-answer-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:720px){
  .ini-citizen-answer{
    border-radius:24px;
    padding:15px;
  }
  .ini-answer-main h3{
    font-size:20px;
  }
  .ini-answer-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .ini-answer-actions button{
    width:100%;
  }
}


/* ============================================================
   v1.0.93 — Respuesta ciudadana segura
   ============================================================ */

.ini-safe-answer{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.ini-safe-col{
  background:#fff;
  border:1px solid #dfe9f3;
  border-radius:18px;
  padding:13px;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.ini-safe-col.can{
  border-color:#cfe9dc;
  background:#f6fffa;
}
.ini-safe-col.must{
  border-color:#f1d3a6;
  background:#fffaf2;
}
.ini-safe-col b,
.ini-safe-actions b{
  display:block;
  color:#10244a;
  font-size:12px;
  font-weight:950;
  margin-bottom:8px;
}
.ini-safe-col ul{
  margin:0;
  padding-left:18px;
  color:#536277;
  font-size:12.5px;
  line-height:1.42;
  font-weight:720;
}
.ini-safe-col li + li{
  margin-top:5px;
}
.ini-safe-actions{
  margin-top:14px;
  background:#f8fbff;
  border:1px solid #dfeaf4;
  border-radius:18px;
  padding:13px;
}
.ini-safe-actions > div{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.ini-safe-actions button{
  border:1px solid #d7e4f0;
  background:#fff;
  color:#063f91;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.ini-safe-actions button:first-child{
  background:#063f91;
  border-color:#063f91;
  color:#fff;
}
.siade-dossier-safe{
  display:flex;
  gap:8px;
  align-items:flex-start;
  background:#fff8ed;
  border:1px solid #f1d3a6;
  color:#6d5b2e;
  border-radius:16px;
  padding:11px 13px;
  margin-bottom:14px;
  font-size:12px;
  line-height:1.35;
}
.siade-dossier-safe b{
  color:#5d3f00;
  white-space:nowrap;
}
.siade-dossier-safe span{
  font-weight:750;
}
@media (max-width:720px){
  .ini-safe-answer{
    grid-template-columns:1fr;
  }
  .ini-safe-actions > div{
    display:grid;
    grid-template-columns:1fr;
  }
  .ini-safe-actions button{
    width:100%;
  }
  .siade-dossier-safe{
    display:block;
  }
  .siade-dossier-safe b{
    display:block;
    margin-bottom:4px;
  }
}


/* ============================================================
   v1.0.94 — Matriz fuente–institución–ficha
   ============================================================ */

.siade-kb-matrix{
  border:1px solid #dbe7f2;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(6,27,78,.06);
  padding:20px;
  margin:18px 0 22px;
}
.siade-matrix-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
}
.siade-matrix-head span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-matrix-head h2{
  margin:0 0 6px;
  color:#061b4e;
  font-size:27px;
  font-weight:950;
  letter-spacing:-.035em;
}
.siade-matrix-head p{
  margin:0;
  color:#627188;
  line-height:1.45;
  font-weight:700;
}
.siade-matrix-head button{
  border:1px solid #063f91;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.siade-matrix-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin:12px 0;
}
.siade-matrix-metrics button{
  text-align:left;
  border:1px solid #dfe9f3;
  background:#fff;
  border-radius:17px;
  padding:12px;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-matrix-metrics b{
  display:block;
  color:#063f91;
  font-size:22px;
  font-weight:950;
  line-height:1;
}
.siade-matrix-metrics small{
  display:block;
  color:#718097;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-top:5px;
}
.siade-matrix-filter{
  display:flex;
  justify-content:flex-end;
  margin:4px 0 12px;
}
.siade-matrix-filter select{
  min-width:250px;
  border:1px solid #d7e4f0;
  background:#fff;
  color:#10244a;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-weight:900;
  outline:none;
}
.siade-matrix-table{
  display:grid;
  gap:10px;
}
.siade-matrix-row{
  display:grid;
  grid-template-columns:minmax(190px,1.1fr) minmax(180px,.9fr) minmax(150px,.7fr) minmax(140px,.7fr) minmax(170px,.8fr) auto;
  gap:10px;
  align-items:stretch;
  border:1px solid #dfe9f3;
  background:#fff;
  border-radius:18px;
  padding:12px;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-matrix-row.gap-critica,
.siade-matrix-row.gap-fuente,
.siade-matrix-row.gap-ficha{
  border-color:#f1d3a6;
  background:linear-gradient(180deg,#fff 0%,#fff9f0 100%);
}
.siade-matrix-row.gap-ok{
  border-color:#cfe9dc;
  background:linear-gradient(180deg,#fff 0%,#f5fff9 100%);
}
.siade-matrix-row > div{
  min-width:0;
}
.siade-matrix-row span,
.siade-matrix-row em{
  display:block;
  color:#8a95a7;
  font-size:9.5px;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
  font-style:normal;
  margin-bottom:4px;
}
.siade-matrix-row b{
  display:block;
  color:#10244a;
  font-size:12.5px;
  line-height:1.18;
  font-weight:950;
  overflow-wrap:anywhere;
}
.siade-matrix-row small{
  display:block;
  color:#718097;
  font-size:10.5px;
  font-weight:750;
  margin-top:4px;
}
.siade-matrix-row p{
  margin:4px 0 0;
  color:#5f6e82;
  font-size:11.5px;
  line-height:1.3;
  font-weight:720;
}
.m-source button,
.m-actions button{
  border:1px solid #d7e4f0;
  background:#f8fbff;
  color:#063f91;
  border-radius:999px;
  padding:7px 10px;
  font-family:inherit;
  font-size:10.5px;
  font-weight:900;
  cursor:pointer;
  margin-top:8px;
}
.m-source button:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.m-actions{
  display:grid;
  align-content:center;
  gap:7px;
}
.m-actions button:first-child{
  background:#063f91;
  border-color:#063f91;
  color:#fff;
}
.siade-matrix-empty{
  background:#f8fbff;
  border:1px solid #dfeaf4;
  border-radius:16px;
  padding:14px;
  color:#627188;
  font-weight:850;
}
@media (max-width:1240px){
  .siade-matrix-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .siade-matrix-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .m-actions{
    grid-column:1 / -1;
    display:flex;
    flex-wrap:wrap;
  }
}
@media (max-width:720px){
  .siade-kb-matrix{
    border-radius:24px;
    padding:15px;
  }
  .siade-matrix-head{
    display:block;
  }
  .siade-matrix-head h2{
    font-size:22px;
  }
  .siade-matrix-head button{
    width:100%;
    margin-top:12px;
  }
  .siade-matrix-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .siade-matrix-filter select{
    width:100%;
    min-width:0;
  }
  .siade-matrix-row{
    grid-template-columns:1fr;
  }
  .m-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .m-actions button{
    width:100%;
  }
}


/* ============================================================
   v1.0.95 — Catálogo ciudadano ampliado
   ============================================================ */

.siade-catalog-expanded{
  border:1px solid #dbe7f2;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(6,27,78,.06);
  padding:20px;
  margin:18px 0 22px;
}
.siade-catalog-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:12px;
}
.siade-catalog-head span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-catalog-head h3{
  margin:0 0 7px;
  color:#061b4e;
  font-size:26px;
  font-weight:950;
  letter-spacing:-.035em;
}
.siade-catalog-head p{
  margin:0;
  color:#536277;
  line-height:1.5;
  font-weight:750;
}
.siade-catalog-head > b{
  min-width:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#eef7ff;
  border:1px solid #cfe3f8;
  color:#063f91;
  border-radius:22px;
  padding:14px;
  font-size:30px;
  line-height:1;
  font-weight:950;
}
.siade-catalog-head > b small{
  display:block;
  margin-top:6px;
  color:#52657d;
  font-size:10px;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.08em;
  text-align:center;
}
.siade-catalog-rule{
  display:flex;
  gap:9px;
  align-items:flex-start;
  background:#fff8ed;
  border:1px solid #f1d3a6;
  color:#6d5b2e;
  border-radius:16px;
  padding:11px 13px;
  margin-bottom:13px;
  font-size:12px;
  line-height:1.35;
}
.siade-catalog-rule b{
  color:#5d3f00;
  white-space:nowrap;
}
.siade-catalog-rule span{
  font-weight:750;
}
.siade-catalog-cats{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
}
.siade-catalog-cats button{
  border:1px solid #dfe9f3;
  background:#fff;
  color:#10244a;
  border-radius:16px;
  padding:11px 12px;
  font-family:inherit;
  text-align:left;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-catalog-cats b{
  display:block;
  font-size:12px;
  line-height:1.15;
  font-weight:950;
}
.siade-catalog-cats small{
  display:block;
  margin-top:5px;
  color:#718097;
  font-size:10px;
  font-weight:850;
}
.siade-catalog-cats button:hover{
  border-color:#cfe3f8;
  background:#f8fbff;
}
@media (max-width:1180px){
  .siade-catalog-cats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:720px){
  .siade-catalog-expanded{
    border-radius:24px;
    padding:15px;
  }
  .siade-catalog-head{
    display:block;
  }
  .siade-catalog-head h3{
    font-size:22px;
  }
  .siade-catalog-head > b{
    width:100%;
    margin-top:12px;
  }
  .siade-catalog-rule{
    display:block;
  }
  .siade-catalog-rule b{
    display:block;
    margin-bottom:4px;
  }
  .siade-catalog-cats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* ============================================================
   v1.0.96 — Rectificación de fuentes y categorías nacionales
   ============================================================ */

.siade-source-audit{
  border:1px solid #dbe7f2;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(6,27,78,.06);
  padding:20px;
  margin:18px 0 22px;
}
.siade-source-audit-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:12px;
}
.siade-source-audit-head span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-source-audit-head h3{
  margin:0 0 7px;
  color:#061b4e;
  font-size:26px;
  font-weight:950;
  letter-spacing:-.035em;
}
.siade-source-audit-head p{
  margin:0;
  color:#536277;
  line-height:1.5;
  font-weight:750;
}
.siade-source-audit-head > b{
  min-width:104px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#eaf8f1;
  border:1px solid #cfe9dc;
  color:#08764f;
  border-radius:22px;
  padding:14px;
  font-size:28px;
  line-height:1;
  font-weight:950;
}
.siade-source-audit-head > b small{
  display:block;
  margin-top:6px;
  color:#52657d;
  font-size:10px;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.08em;
  text-align:center;
}
.siade-source-audit-rule{
  display:flex;
  gap:9px;
  align-items:flex-start;
  background:#eef7ff;
  border:1px solid #cfe3f8;
  color:#173b6b;
  border-radius:16px;
  padding:11px 13px;
  margin-bottom:13px;
  font-size:12px;
  line-height:1.35;
}
.siade-source-audit-rule b{
  color:#063f91;
  white-space:nowrap;
}
.siade-source-audit-rule span{
  font-weight:750;
}
.siade-source-audit-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.siade-source-audit-list i{
  display:inline-flex;
  border:1px solid #dfe9f3;
  background:#fff;
  color:#536277;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-style:normal;
  font-weight:850;
}
.siade-source-first-badge small{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:3px 7px;
  background:#eaf8f1;
  color:#08764f;
  font-size:9.5px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}
@media (max-width:720px){
  .siade-source-audit{
    border-radius:24px;
    padding:15px;
  }
  .siade-source-audit-head{
    display:block;
  }
  .siade-source-audit-head h3{
    font-size:22px;
  }
  .siade-source-audit-head > b{
    width:100%;
    margin-top:12px;
  }
  .siade-source-audit-rule{
    display:block;
  }
  .siade-source-audit-rule b{
    display:block;
    margin-bottom:4px;
  }
}


/* ============================================================
   v1.0.97 — Recomendador territorial seguro
   ============================================================ */

.siade-territory-reco{
  margin:14px 0 18px;
}
.siade-territory-reco-panel{
  border:1px solid #dbe7f2;
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 14px 34px rgba(6,27,78,.06);
  padding:18px;
}
.siade-territory-reco-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:12px;
}
.siade-territory-reco-head span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-territory-reco-head h3{
  margin:0 0 6px;
  color:#061b4e;
  font-size:25px;
  font-weight:950;
  letter-spacing:-.03em;
}
.siade-territory-reco-head p{
  margin:0;
  color:#536277;
  line-height:1.45;
  font-weight:740;
}
.siade-territory-reco-head > b{
  min-width:120px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#eef7ff;
  border:1px solid #cfe3f8;
  color:#063f91;
  border-radius:20px;
  padding:13px;
  font-size:28px;
  line-height:1;
  font-weight:950;
}
.siade-territory-reco-head > b small{
  display:block;
  margin-top:6px;
  color:#52657d;
  font-size:9.5px;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.08em;
  text-align:center;
}
.siade-territory-safe{
  display:flex;
  gap:9px;
  align-items:flex-start;
  background:#fff8ed;
  border:1px solid #f1d3a6;
  color:#6d5b2e;
  border-radius:16px;
  padding:11px 13px;
  margin-bottom:13px;
  font-size:12px;
  line-height:1.35;
}
.siade-territory-safe b{
  color:#5d3f00;
  white-space:nowrap;
}
.siade-territory-safe span{
  font-weight:750;
}
.siade-territory-reco-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.siade-territory-reco-card{
  display:grid;
  gap:10px;
  background:#fff;
  border:1px solid #dfe9f3;
  border-radius:18px;
  padding:13px;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-territory-reco-card span{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.siade-territory-reco-card h4{
  margin:0 0 5px;
  color:#10244a;
  font-size:15px;
  font-weight:950;
  line-height:1.16;
}
.siade-territory-reco-card p{
  margin:0;
  color:#627188;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
}
.territory-source,
.territory-actors{
  background:#f8fbff;
  border:1px solid #e0eaf4;
  border-radius:14px;
  padding:10px;
}
.territory-source b,
.territory-actors b{
  display:block;
  color:#10244a;
  font-size:11px;
  font-weight:950;
  margin-bottom:4px;
}
.territory-source small,
.territory-actors small{
  display:block;
  color:#536277;
  font-size:11.5px;
  line-height:1.3;
  font-weight:760;
}
.territory-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.territory-actions button{
  border:1px solid #d7e4f0;
  background:#f8fbff;
  color:#063f91;
  border-radius:999px;
  padding:9px 12px;
  font-family:inherit;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
}
.territory-actions button:first-child{
  background:#063f91;
  border-color:#063f91;
  color:#fff;
}
.siade-territory-reco-empty{
  background:#f8fbff;
  border:1px solid #dfeaf4;
  border-radius:18px;
  padding:14px;
  color:#536277;
}
.siade-territory-reco-empty b{
  display:block;
  color:#10244a;
  font-size:13px;
  font-weight:950;
  margin-bottom:4px;
}
.siade-territory-reco-empty span{
  display:block;
  font-size:12px;
  line-height:1.4;
  font-weight:740;
}
@media (max-width:920px){
  .siade-territory-reco-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:720px){
  .siade-territory-reco-panel{
    border-radius:22px;
    padding:14px;
  }
  .siade-territory-reco-head{
    display:block;
  }
  .siade-territory-reco-head h3{
    font-size:21px;
  }
  .siade-territory-reco-head > b{
    width:100%;
    margin-top:12px;
  }
  .siade-territory-safe{
    display:block;
  }
  .siade-territory-safe b{
    display:block;
    margin-bottom:4px;
  }
  .territory-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .territory-actions button{
    width:100%;
  }
}


/* ============================================================
   v1.0.98 — Radar de brechas institucionales
   ============================================================ */

.siade-gap-radar{
  border:1px solid #dbe7f2;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(6,27,78,.06);
  padding:20px;
  margin:18px 0 22px;
}
.siade-gap-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}
.siade-gap-head span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-gap-head h2{
  margin:0 0 6px;
  color:#061b4e;
  font-size:27px;
  font-weight:950;
  letter-spacing:-.035em;
}
.siade-gap-head p{
  margin:0;
  color:#536277;
  line-height:1.46;
  font-weight:740;
}
.siade-gap-head button{
  border:1px solid #063f91;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.siade-gap-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin:12px 0;
}
.siade-gap-metrics button{
  text-align:left;
  border:1px solid #dfe9f3;
  background:#fff;
  border-radius:17px;
  padding:12px;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-gap-metrics b{
  display:block;
  color:#063f91;
  font-size:22px;
  font-weight:950;
  line-height:1;
}
.siade-gap-metrics small{
  display:block;
  color:#718097;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-top:5px;
}
.siade-gap-filter{
  display:flex;
  justify-content:flex-end;
  margin:4px 0 12px;
}
.siade-gap-filter select{
  min-width:230px;
  border:1px solid #d7e4f0;
  background:#fff;
  color:#10244a;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-weight:900;
  outline:none;
}
.siade-gap-plan{
  background:#fff8ed;
  border:1px solid #f1d3a6;
  color:#6d5b2e;
  border-radius:18px;
  padding:13px;
  margin:0 0 13px;
}
.siade-gap-plan b{
  display:block;
  color:#5d3f00;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}
.siade-gap-plan ol{
  margin:0;
  padding-left:18px;
  font-size:12px;
  line-height:1.42;
  font-weight:760;
}
.siade-gap-list{
  display:grid;
  gap:10px;
}
.siade-gap-row{
  display:grid;
  grid-template-columns:minmax(230px,1fr) 82px 82px 82px auto;
  gap:10px;
  align-items:center;
  background:#fff;
  border:1px solid #dfe9f3;
  border-radius:18px;
  padding:12px;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-gap-row.high{
  border-color:#f1c5b6;
  background:linear-gradient(180deg,#fff 0%,#fff6f2 100%);
}
.siade-gap-row.mid{
  border-color:#f1d3a6;
  background:linear-gradient(180deg,#fff 0%,#fff9f0 100%);
}
.siade-gap-row.ok{
  border-color:#cfe9dc;
  background:linear-gradient(180deg,#fff 0%,#f6fffa 100%);
}
.siade-gap-row span{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.siade-gap-row h4{
  margin:0 0 4px;
  color:#10244a;
  font-size:15px;
  font-weight:950;
  line-height:1.16;
}
.siade-gap-row p{
  margin:0;
  color:#5f6e82;
  font-size:12px;
  line-height:1.32;
  font-weight:750;
}
.siade-gap-row small{
  display:block;
  color:#536277;
  font-size:11px;
  line-height:1.3;
  font-weight:780;
  margin-top:5px;
}
.gap-mini{
  text-align:center;
  background:#f6f9fc;
  border:1px solid #e0e9f3;
  border-radius:14px;
  padding:8px;
}
.gap-mini b{
  display:block;
  color:#063f91;
  font-size:18px;
  font-weight:950;
  line-height:1;
}
.gap-mini small{
  display:block;
  margin:4px 0 0;
  color:#718097;
  font-size:8.8px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.siade-gap-row button{
  border:1px solid #063f91;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:9px 12px;
  font-family:inherit;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.siade-gap-empty{
  background:#f8fbff;
  border:1px solid #dfeaf4;
  border-radius:18px;
  padding:14px;
  color:#536277;
}
.siade-gap-empty b{
  display:block;
  color:#10244a;
  font-size:13px;
  font-weight:950;
  margin-bottom:4px;
}
.siade-gap-empty span{
  display:block;
  font-size:12px;
  line-height:1.4;
  font-weight:740;
}
@media (max-width:1180px){
  .siade-gap-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .siade-gap-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .siade-gap-row > div:first-child,
  .siade-gap-row button{
    grid-column:1 / -1;
  }
  .siade-gap-row button{
    justify-self:start;
  }
}
@media (max-width:720px){
  .siade-gap-radar{
    border-radius:24px;
    padding:15px;
  }
  .siade-gap-head{
    display:block;
  }
  .siade-gap-head h2{
    font-size:22px;
  }
  .siade-gap-head button{
    width:100%;
    margin-top:12px;
  }
  .siade-gap-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .siade-gap-filter select{
    width:100%;
    min-width:0;
  }
  .siade-gap-row{
    grid-template-columns:1fr;
  }
  .siade-gap-row button{
    width:100%;
  }
}


/* ============================================================
   v1.0.99 — Laboratorio de mejora institucional de fichas
   ============================================================ */

.siade-ficha-lab{
  border:1px solid #dbe7f2;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(6,27,78,.06);
  padding:20px;
  margin:18px 0 22px;
}
.siade-ficha-lab-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:13px;
}
.siade-ficha-lab-head span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-ficha-lab-head h2{
  margin:0 0 6px;
  color:#061b4e;
  font-size:27px;
  font-weight:950;
  letter-spacing:-.035em;
}
.siade-ficha-lab-head p{
  margin:0;
  color:#536277;
  line-height:1.46;
  font-weight:740;
}
.siade-ficha-lab-head button{
  border:1px solid #063f91;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.siade-ficha-lab-rule{
  display:flex;
  gap:9px;
  align-items:flex-start;
  background:#eef7ff;
  border:1px solid #cfe3f8;
  color:#173b6b;
  border-radius:16px;
  padding:11px 13px;
  margin-bottom:13px;
  font-size:12px;
  line-height:1.35;
}
.siade-ficha-lab-rule b{
  color:#063f91;
  white-space:nowrap;
}
.siade-ficha-lab-rule span{
  font-weight:750;
}
.siade-ficha-lab-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin:12px 0;
}
.siade-ficha-lab-metrics button{
  text-align:left;
  border:1px solid #dfe9f3;
  background:#fff;
  border-radius:17px;
  padding:12px;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-ficha-lab-metrics b{
  display:block;
  color:#063f91;
  font-size:22px;
  font-weight:950;
  line-height:1;
}
.siade-ficha-lab-metrics small{
  display:block;
  color:#718097;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-top:5px;
}
.siade-ficha-lab-filter{
  display:flex;
  justify-content:flex-end;
  margin:4px 0 12px;
}
.siade-ficha-lab-filter select{
  min-width:245px;
  border:1px solid #d7e4f0;
  background:#fff;
  color:#10244a;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-weight:900;
  outline:none;
}
.siade-ficha-lab-list{
  display:grid;
  gap:10px;
}
.siade-ficha-lab-row{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 82px 82px 82px minmax(150px,.75fr) auto;
  gap:10px;
  align-items:center;
  background:#fff;
  border:1px solid #dfe9f3;
  border-radius:18px;
  padding:12px;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-ficha-lab-row.high{
  border-color:#f1c5b6;
  background:linear-gradient(180deg,#fff 0%,#fff6f2 100%);
}
.siade-ficha-lab-row.mid{
  border-color:#f1d3a6;
  background:linear-gradient(180deg,#fff 0%,#fff9f0 100%);
}
.siade-ficha-lab-row.strong{
  border-color:#cfe9dc;
  background:linear-gradient(180deg,#fff 0%,#f6fffa 100%);
}
.siade-ficha-lab-row span{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.siade-ficha-lab-row h4{
  margin:0 0 4px;
  color:#10244a;
  font-size:15px;
  font-weight:950;
  line-height:1.16;
}
.siade-ficha-lab-row p{
  margin:0;
  color:#5f6e82;
  font-size:12px;
  line-height:1.32;
  font-weight:750;
}
.siade-ficha-lab-row small{
  display:block;
  color:#536277;
  font-size:11px;
  line-height:1.3;
  font-weight:780;
  margin-top:5px;
}
.ficha-mini{
  text-align:center;
  background:#f6f9fc;
  border:1px solid #e0e9f3;
  border-radius:14px;
  padding:8px;
}
.ficha-mini b{
  display:block;
  color:#063f91;
  font-size:18px;
  font-weight:950;
  line-height:1;
}
.ficha-mini small{
  display:block;
  margin:4px 0 0;
  color:#718097;
  font-size:8.8px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.ficha-cov{
  background:#f8fbff;
  border:1px solid #e0e9f3;
  border-radius:14px;
  padding:9px;
}
.ficha-cov b{
  display:block;
  color:#10244a;
  font-size:11px;
  font-weight:950;
}
.ficha-cov small{
  margin-top:3px;
}
.siade-ficha-lab-row button{
  border:1px solid #063f91;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:9px 12px;
  font-family:inherit;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.siade-ficha-lab-empty{
  background:#f8fbff;
  border:1px solid #dfeaf4;
  border-radius:18px;
  padding:14px;
  color:#536277;
}
.siade-ficha-lab-empty b{
  display:block;
  color:#10244a;
  font-size:13px;
  font-weight:950;
  margin-bottom:4px;
}
.siade-ficha-lab-empty span{
  display:block;
  font-size:12px;
  line-height:1.4;
  font-weight:740;
}
@media (max-width:1240px){
  .siade-ficha-lab-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .siade-ficha-lab-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .siade-ficha-lab-row > div:first-child,
  .ficha-cov,
  .siade-ficha-lab-row button{
    grid-column:1 / -1;
  }
  .siade-ficha-lab-row button{
    justify-self:start;
  }
}
@media (max-width:720px){
  .siade-ficha-lab{
    border-radius:24px;
    padding:15px;
  }
  .siade-ficha-lab-head{
    display:block;
  }
  .siade-ficha-lab-head h2{
    font-size:22px;
  }
  .siade-ficha-lab-head button{
    width:100%;
    margin-top:12px;
  }
  .siade-ficha-lab-rule{
    display:block;
  }
  .siade-ficha-lab-rule b{
    display:block;
    margin-bottom:4px;
  }
  .siade-ficha-lab-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .siade-ficha-lab-filter select{
    width:100%;
    min-width:0;
  }
  .siade-ficha-lab-row{
    grid-template-columns:1fr;
  }
  .siade-ficha-lab-row button{
    width:100%;
  }
}


/* ============================================================
   v1.1.0 — Plan de mejora por institución
   ============================================================ */

.siade-plan-panel{
  border:1px solid #dbe7f2;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(6,27,78,.06);
  padding:20px;
  margin:18px 0 22px;
}
.siade-plan-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:13px;
}
.siade-plan-head span{
  display:block;
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.siade-plan-head h2{
  margin:0 0 6px;
  color:#061b4e;
  font-size:27px;
  font-weight:950;
  letter-spacing:-.035em;
}
.siade-plan-head p{
  margin:0;
  color:#536277;
  line-height:1.46;
  font-weight:740;
}
.siade-plan-head button{
  border:1px solid #063f91;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.siade-plan-rule{
  display:flex;
  gap:9px;
  align-items:flex-start;
  background:#fff8ed;
  border:1px solid #f1d3a6;
  color:#6d5b2e;
  border-radius:16px;
  padding:11px 13px;
  margin-bottom:13px;
  font-size:12px;
  line-height:1.35;
}
.siade-plan-rule b{
  color:#5d3f00;
  white-space:nowrap;
}
.siade-plan-rule span{
  font-weight:750;
}
.siade-plan-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  margin:12px 0;
}
.siade-plan-metrics button{
  text-align:left;
  border:1px solid #dfe9f3;
  background:#fff;
  border-radius:17px;
  padding:12px;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-plan-metrics b{
  display:block;
  color:#063f91;
  font-size:22px;
  font-weight:950;
  line-height:1;
}
.siade-plan-metrics small{
  display:block;
  color:#718097;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-top:5px;
}
.siade-plan-filter{
  display:flex;
  justify-content:flex-end;
  margin:4px 0 12px;
}
.siade-plan-filter select{
  min-width:255px;
  border:1px solid #d7e4f0;
  background:#fff;
  color:#10244a;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-weight:900;
  outline:none;
}
.siade-plan-list{
  display:grid;
  gap:10px;
}
.siade-plan-row{
  display:grid;
  grid-template-columns:minmax(250px,1fr) 82px 82px minmax(230px,.9fr) auto;
  gap:10px;
  align-items:stretch;
  background:#fff;
  border:1px solid #dfe9f3;
  border-radius:18px;
  padding:12px;
  box-shadow:0 8px 18px rgba(6,27,78,.04);
}
.siade-plan-row.critica{
  border-color:#f1c5b6;
  background:linear-gradient(180deg,#fff 0%,#fff6f2 100%);
}
.siade-plan-row.mejora{
  border-color:#f1d3a6;
  background:linear-gradient(180deg,#fff 0%,#fff9f0 100%);
}
.siade-plan-row.incompleta{
  border-color:#dfe9f3;
}
.siade-plan-row.fuerte{
  border-color:#cfe9dc;
  background:linear-gradient(180deg,#fff 0%,#f6fffa 100%);
}
.siade-plan-row span{
  display:block;
  color:#8a95a7;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.siade-plan-row h4{
  margin:0 0 4px;
  color:#10244a;
  font-size:15px;
  font-weight:950;
  line-height:1.16;
}
.siade-plan-row p{
  margin:0;
  color:#5f6e82;
  font-size:12px;
  line-height:1.32;
  font-weight:750;
}
.siade-plan-row p b{
  color:#10244a;
}
.siade-plan-row small{
  display:block;
  color:#536277;
  font-size:11px;
  line-height:1.3;
  font-weight:780;
  margin-top:5px;
}
.plan-score{
  text-align:center;
  background:#f6f9fc;
  border:1px solid #e0e9f3;
  border-radius:14px;
  padding:8px;
  align-self:center;
}
.plan-score b{
  display:block;
  color:#063f91;
  font-size:18px;
  font-weight:950;
  line-height:1;
}
.plan-score small{
  display:block;
  margin:4px 0 0;
  color:#718097;
  font-size:8.8px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.plan-actions{
  background:#f8fbff;
  border:1px solid #e0e9f3;
  border-radius:14px;
  padding:10px;
}
.plan-actions b{
  display:block;
  color:#10244a;
  font-size:11px;
  font-weight:950;
  margin-bottom:5px;
}
.plan-actions ul{
  margin:0;
  padding-left:16px;
  color:#536277;
  font-size:11.5px;
  line-height:1.35;
  font-weight:760;
}
.plan-actions li + li{
  margin-top:4px;
}
.plan-buttons{
  display:grid;
  align-content:center;
  gap:8px;
}
.plan-buttons button{
  border:1px solid #063f91;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:9px 12px;
  font-family:inherit;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.plan-buttons button + button{
  background:#fff;
  color:#063f91;
  border-color:#d7e4f0;
}
.siade-plan-empty{
  background:#f8fbff;
  border:1px solid #dfeaf4;
  border-radius:18px;
  padding:14px;
  color:#536277;
}
.siade-plan-empty b{
  display:block;
  color:#10244a;
  font-size:13px;
  font-weight:950;
  margin-bottom:4px;
}
.siade-plan-empty span{
  display:block;
  font-size:12px;
  line-height:1.4;
  font-weight:740;
}
@media (max-width:1240px){
  .siade-plan-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .siade-plan-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .plan-main,
  .plan-actions,
  .plan-buttons{
    grid-column:1 / -1;
  }
  .plan-buttons{
    display:flex;
    flex-wrap:wrap;
  }
}
@media (max-width:720px){
  .siade-plan-panel{
    border-radius:24px;
    padding:15px;
  }
  .siade-plan-head{
    display:block;
  }
  .siade-plan-head h2{
    font-size:22px;
  }
  .siade-plan-head button{
    width:100%;
    margin-top:12px;
  }
  .siade-plan-rule{
    display:block;
  }
  .siade-plan-rule b{
    display:block;
    margin-bottom:4px;
  }
  .siade-plan-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .siade-plan-filter select{
    width:100%;
    min-width:0;
  }
  .siade-plan-row{
    grid-template-columns:1fr;
  }
  .plan-main,
  .plan-actions,
  .plan-buttons{
    grid-column:auto;
  }
  .plan-buttons{
    display:grid;
    grid-template-columns:1fr;
  }
  .plan-buttons button{
    width:100%;
  }
}


/* ============================================================
   v1.1.1 — Hotfix búsqueda / fallback seguro
   ============================================================ */

.ini-search-fallback{
  border:1px solid #dbe7f2;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border-radius:24px;
  padding:16px;
  margin:12px 0 16px;
  box-shadow:0 12px 28px rgba(6,27,78,.06);
}
.ini-search-fallback.error{
  border-color:#f1c5b6;
  background:linear-gradient(180deg,#fff 0%,#fff6f2 100%);
}
.ini-search-fallback b{
  display:block;
  color:#061b4e;
  font-size:16px;
  font-weight:950;
  margin-bottom:5px;
}
.ini-search-fallback p{
  margin:0;
  color:#536277;
  line-height:1.45;
  font-weight:740;
}
.ini-search-fallback div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.ini-search-fallback button{
  border:1px solid #d7e4f0;
  background:#fff;
  color:#063f91;
  border-radius:999px;
  padding:9px 12px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.ini-search-fallback button:first-child{
  background:#063f91;
  border-color:#063f91;
  color:#fff;
}
@media (max-width:720px){
  .ini-search-fallback{
    border-radius:20px;
    padding:14px;
  }
  .ini-search-fallback div{
    display:grid;
    grid-template-columns:1fr;
  }
  .ini-search-fallback button{
    width:100%;
  }
}


/* ============================================================
   v1.1.2 — Búsqueda directa y trámites compactos
   ============================================================ */

.siade-tramites-compact{
  max-width:1380px;
  margin:0 auto;
}
.siade-hero-compact{
  position:relative;
  padding:28px 30px !important;
  min-height:auto !important;
}
.siade-hero-compact h1{
  font-size:clamp(30px,4vw,48px) !important;
  line-height:1.02 !important;
  margin-bottom:10px !important;
}
.siade-hero-compact p{
  max-width:820px !important;
  font-size:18px !important;
  line-height:1.4 !important;
}
.siade-hero-compact .siade-market-sources{
  display:none !important;
}
.siade-info-open{
  position:absolute;
  right:28px;
  top:28px;
  border:1px solid #d7e4f0;
  background:#fff;
  color:#063f91;
  border-radius:999px;
  padding:10px 14px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(6,27,78,.07);
}
.siade-info-drawer[hidden]{
  display:none !important;
}
.siade-info-drawer{
  border:1px solid #dbe7f2;
  border-radius:24px;
  background:#fff;
  padding:16px;
  margin:18px 0;
  box-shadow:0 16px 38px rgba(6,27,78,.06);
}
.siade-info-drawer-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.siade-info-drawer-head b{
  color:#061b4e;
  font-size:18px;
  font-weight:950;
}
.siade-info-drawer-head button{
  border:1px solid #d7e4f0;
  background:#063f91;
  color:#fff;
  border-radius:999px;
  padding:9px 12px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.siade-info-drawer .siade-source-policy,
.siade-info-drawer .siade-source-audit,
.siade-info-drawer .siade-catalog-expanded,
.siade-info-drawer .siade-kb-center{
  margin:12px 0 !important;
  box-shadow:none !important;
}
.siade-admin-intel{
  border:1px solid #dbe7f2;
  border-radius:22px;
  background:#fff;
  margin:18px 0;
  padding:0;
  overflow:hidden;
}
.siade-admin-intel > summary{
  cursor:pointer;
  padding:15px 18px;
  color:#063f91;
  font-weight:950;
  list-style:none;
}
.siade-admin-intel > summary::-webkit-details-marker{
  display:none;
}
.siade-admin-intel[open]{
  padding-bottom:12px;
}
.siade-admin-intel[open] > summary{
  border-bottom:1px solid #e2edf7;
  margin-bottom:8px;
}
.siade-tramites-tools{
  margin:18px 0 12px !important;
  position:sticky;
  top:10px;
  z-index:8;
  backdrop-filter:blur(10px);
}
.siade-tramite-cats.compact{
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding:4px 2px 12px !important;
  margin:0 0 10px !important;
  scrollbar-width:thin;
}
.siade-tramite-cats.compact button{
  flex:0 0 auto !important;
  padding:10px 15px !important;
  font-size:13px !important;
  border-radius:999px !important;
}
.siade-tramite-territory-tools.compact{
  margin:0 0 14px !important;
  display:grid !important;
  grid-template-columns:minmax(240px,.45fr) minmax(0,1fr) !important;
  gap:12px !important;
}
.siade-tramite-territory-tools.compact label,
.siade-tramite-territory-tools.compact .siade-tramite-muni-context{
  min-height:auto !important;
  padding:13px 16px !important;
  border-radius:18px !important;
}
.siade-tramites-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
}
.siade-route-card,
.siade-tramite-card,
[data-tramite-card]{
  min-width:0 !important;
}
.siade-tramites-grid [data-tramite-card]{
  border-radius:22px !important;
  padding:18px !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.siade-tramites-grid [data-tramite-card] h3,
.siade-tramites-grid [data-tramite-card] h2{
  font-size:22px !important;
  line-height:1.15 !important;
  margin:8px 0 !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}
.siade-tramites-grid [data-tramite-card] p{
  font-size:14px !important;
  line-height:1.42 !important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.siade-tramites-grid .siade-route-links,
.siade-tramites-grid .siade-kb-ficha-intel,
.siade-tramites-grid .siade-route-dossier,
.siade-tramites-grid .siade-validation-form{
  display:none !important;
}
.siade-tramites-grid .siade-source-first-badge{
  padding:8px 10px !important;
  margin:10px 0 !important;
}
.siade-tramites-grid .siade-source-first-badge span{
  font-size:12px !important;
}
.siade-tramites-grid .siade-route-actions,
.siade-tramites-grid .siade-tramite-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:12px !important;
}
.siade-tramites-grid button{
  max-width:100% !important;
}
.ini-answer-direct{
  border:1px solid #dbe7f2;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border-radius:24px;
  padding:18px;
  margin:12px 0 16px;
  box-shadow:0 14px 30px rgba(6,27,78,.07);
}
.ini-answer-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.ini-answer-top span{
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ini-answer-top button,
.ini-answer-cta button,
.ini-contact-summary button,
.ini-related-card button{
  border:1px solid #d7e4f0;
  background:#fff;
  color:#063f91;
  border-radius:999px;
  padding:9px 12px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.ini-answer-direct h3{
  margin:0 0 8px;
  color:#061b4e;
  font-size:clamp(23px,3vw,34px);
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.03em;
}
.ini-answer-direct p{
  margin:0;
  color:#536277;
  font-size:16px;
  line-height:1.45;
  font-weight:740;
}
.ini-answer-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}
.ini-answer-pills i{
  display:inline-flex;
  border:1px solid #dbe7f2;
  background:#fff;
  color:#10244a;
  border-radius:999px;
  padding:7px 10px;
  font-size:11.5px;
  font-style:normal;
  font-weight:850;
}
.ini-answer-cta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ini-answer-cta button:first-child{
  background:#063f91;
  border-color:#063f91;
  color:#fff;
}
.ini-answer-more{
  margin-top:12px;
  border:1px solid #dfe9f3;
  border-radius:16px;
  background:#fff;
  padding:10px 12px;
}
.ini-answer-more summary{
  cursor:pointer;
  color:#063f91;
  font-weight:950;
}
.ini-related-routes,
.ini-contact-summary{
  border:1px solid #dbe7f2;
  background:#fff;
  border-radius:20px;
  padding:14px;
  margin:12px 0;
}
.ini-related-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
}
.ini-related-title span{
  color:#10244a;
  font-weight:950;
}
.ini-related-list{
  display:grid;
  gap:8px;
}
.ini-related-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  border:1px solid #e2edf7;
  background:#f8fbff;
  border-radius:16px;
  padding:10px;
}
.ini-related-card b{
  color:#10244a;
  font-weight:950;
}
.ini-related-card small{
  display:block;
  color:#718097;
  font-weight:800;
}
.ini-related-card div:last-child{
  display:flex;
  gap:6px;
}
.ini-contact-summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.ini-contact-summary b{
  color:#10244a;
  font-weight:950;
}
.ini-contact-summary span{
  color:#718097;
  font-weight:750;
}
.ini-contact-summary button{
  background:#063f91;
  border-color:#063f91;
  color:#fff;
}
.ini-global-head.compact{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:8px 12px !important;
  align-items:start !important;
}
.ini-global-head.compact h3{
  margin:0 !important;
  font-size:clamp(22px,3vw,32px) !important;
}
.ini-global-head.compact p{
  display:none !important;
}
.ini-global-head.compact .ini-clear{
  grid-row:1 / span 2;
  grid-column:2;
}
@media (max-width:1180px){
  .siade-tramites-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:760px){
  .siade-info-open{
    position:static;
    margin-top:12px;
    width:100%;
  }
  .siade-tramite-territory-tools.compact{
    grid-template-columns:1fr !important;
  }
  .siade-tramites-grid{
    grid-template-columns:1fr !important;
  }
  .siade-hero-compact{
    padding:22px 18px !important;
  }
  .siade-tramites-tools{
    position:relative;
    top:auto;
  }
  .ini-contact-summary,
  .ini-related-card,
  .ini-global-head.compact{
    display:block !important;
  }
  .ini-contact-summary button,
  .ini-related-card button,
  .ini-answer-cta button,
  .ini-answer-top button{
    width:100%;
    margin-top:8px;
  }
  .ini-related-card div:last-child,
  .ini-answer-cta{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* ============================================================
   v1.1.3 — Home más compacto y resultado a ancho completo
   ============================================================ */
.gd-home-assist,
.gd-assist-card,
.gd-tramites-card{
  display:none !important;
}
@media (min-width:1180px){
  .siade-view-inicio .ini.gd-home{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-top,
  .siade-view-inicio .ini.gd-home .ini-h1,
  .siade-view-inicio .ini.gd-home .ini-cmd,
  .siade-view-inicio .ini.gd-home .ini-qa,
  .siade-view-inicio .ini.gd-home .ini-urg,
  .siade-view-inicio .ini.gd-home .ini-res,
  .siade-view-inicio .ini.gd-home .ini-mh{
    grid-column:1 / -1 !important;
  }
}
.ini-global-head.compact{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  border:1px solid #dbe7f2 !important;
  border-radius:22px !important;
  background:#fff !important;
  padding:14px 16px !important;
  margin:0 0 12px !important;
  box-shadow:0 10px 24px rgba(6,27,78,.05) !important;
}
.ini-global-query{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.ini-global-query span{
  color:#8a95a7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ini-global-query b{
  color:#061b4e;
  font-size:clamp(18px,2.3vw,24px);
  line-height:1.15;
  letter-spacing:-.02em;
  font-weight:950;
  white-space:normal;
  overflow-wrap:anywhere;
}
.ini-global-head.compact h3{
  display:none !important;
}
.ini-answer-direct{
  padding:16px !important;
  margin:10px 0 14px !important;
}
.ini-answer-top{
  margin-bottom:10px !important;
}
.ini-answer-top span{
  font-size:10px !important;
}
.ini-answer-direct h3{
  font-size:clamp(20px,2.8vw,28px) !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
  max-width:760px;
}
.ini-answer-direct p{
  font-size:14px !important;
  line-height:1.5 !important;
  max-width:760px;
}
.ini-answer-pills{
  gap:6px !important;
  margin:10px 0 !important;
}
.ini-answer-pills i{
  padding:6px 9px !important;
  font-size:11px !important;
}
.ini-answer-cta{
  gap:8px !important;
}
.ini-answer-top button,
.ini-answer-cta button,
.ini-contact-summary button,
.ini-related-card button,
.ini-clear{
  padding:8px 12px !important;
  font-size:12px !important;
  line-height:1.1 !important;
}
.ini-answer-more{
  margin-top:10px !important;
}
.ini-answer-more summary{
  font-size:14px !important;
}
.ini-safe-answer{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.ini-safe-col{
  border-radius:14px;
  padding:12px;
}
.ini-safe-col b{
  display:block;
  margin-bottom:6px;
  font-size:14px;
}
.ini-safe-col li{
  font-size:13px;
  line-height:1.45;
}
.ini-related-routes,
.ini-contact-summary{
  padding:12px !important;
}
.ini-related-title span,
.ini-contact-summary b{
  font-size:16px;
}
.ini-related-card{
  padding:10px 12px !important;
}
.ini-related-card b{
  font-size:15px;
}
.ini-related-card small,
.ini-contact-summary span{
  font-size:12.5px;
}
@media (max-width:760px){
  .siade-view-inicio .ini.gd-home .ini-res{
    margin-top:8px !important;
  }
  .ini-global-head.compact{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:12px 14px !important;
  }
  .ini-global-query b{
    font-size:20px !important;
  }
  .ini-clear,
  .ini-answer-top button,
  .ini-answer-cta button,
  .ini-contact-summary button,
  .ini-related-card button{
    width:100% !important;
  }
  .ini-answer-top{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .ini-answer-direct{
    border-radius:20px !important;
    padding:14px !important;
  }
  .ini-answer-direct h3{
    font-size:22px !important;
    line-height:1.18 !important;
  }
  .ini-answer-direct p{
    font-size:14px !important;
  }
  .ini-answer-pills{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .ini-answer-pills i{
    justify-content:flex-start !important;
  }
  .ini-answer-cta,
  .ini-related-card div:last-child{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .ini-safe-answer{
    grid-template-columns:1fr !important;
  }
  .ini-contact-summary{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .ini-related-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
}


/* ============================================================
   v1.1.4 — Hotfix layout Home + tipografía ejecutiva
   ============================================================ */

/* 1) Tipografía más limpia y menos “de papel” */
.siade-app-shell,
.siade-app-shell button,
.siade-app-shell input,
.siade-app-shell textarea,
.siade-app-shell select,
.siade-app-shell .siade-view,
.siade-app-shell .siade-view *:not(svg):not(path):not(i){
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* 2) Inicio: una sola columna útil, sin rail derecho ni espacios muertos */
@media (min-width:1180px){
  .siade-view-inicio .ini.gd-home,
  .siade-app-shell .siade-view-inicio .ini.gd-home{
    display:block !important;
    position:relative !important;
    max-width:980px !important;
    min-height:auto !important;
    padding-right:0 !important;
    margin:0 auto !important;
  }
  .siade-view-inicio .ini.gd-home .ini-top,
  .siade-view-inicio .ini.gd-home .ini-h1,
  .siade-view-inicio .ini.gd-home .ini-ai-sub,
  .siade-view-inicio .ini.gd-home .ini-cmd,
  .siade-view-inicio .ini.gd-home .ini-qa,
  .siade-view-inicio .ini.gd-home .ini-urg,
  .siade-view-inicio .ini.gd-home .ini-res,
  .siade-view-inicio .ini.gd-home .ini-mh{
    max-width:none !important;
    width:100% !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh,
  .siade-view-inicio .ini.gd-home .gd-home-assist{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:100% !important;
    margin-top:14px !important;
  }
}

/* 3) Ocultar cualquier residuo de tarjetas laterales del home */
.siade-view-inicio .gd-home-assist,
.siade-view-inicio .gd-assist-card,
.siade-view-inicio .gd-tramites-card{
  display:none !important;
}

/* 4) Resultado: más compacto, claro y con jerarquía real */
.siade-view-inicio .ini.gd-home .ini-h1{
  font-size:clamp(26px, 4vw, 40px) !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  font-weight:800 !important;
  max-width:840px !important;
  margin:10px 0 10px !important;
}
.siade-view-inicio .ini.gd-home .ini-ai-sub{
  font-size:15px !important;
  line-height:1.5 !important;
  color:#4b5a72 !important;
  max-width:760px !important;
  margin:0 0 12px !important;
}
.siade-view-inicio .ini.gd-home .ini-cmd{
  border-radius:18px !important;
  min-height:58px !important;
  padding:8px 8px 8px 16px !important;
  box-shadow:0 8px 24px rgba(6,27,78,.06) !important;
}
.siade-view-inicio .ini.gd-home .ini-cmd input{
  font-size:16px !important;
}
.siade-view-inicio .ini.gd-home .ini-mic{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
}
.siade-view-inicio .ini.gd-home .ini-qa,
.siade-view-inicio .ini.gd-home .ini-urg{
  margin:12px 0 6px !important;
}
.siade-view-inicio .ini.gd-home .ini-chip{
  min-height:42px !important;
  padding:9px 13px !important;
  border-radius:13px !important;
  font-size:13px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.ini-global-head.compact{
  border-radius:18px !important;
  padding:12px 14px !important;
  margin:0 0 10px !important;
}
.ini-global-query span{
  font-size:10.5px !important;
  letter-spacing:.10em !important;
}
.ini-global-query b{
  font-size:clamp(16px,2vw,22px) !important;
  font-weight:800 !important;
  line-height:1.15 !important;
}
.ini-answer-direct{
  border-radius:20px !important;
  padding:14px !important;
  margin:8px 0 12px !important;
  box-shadow:0 8px 22px rgba(6,27,78,.05) !important;
}
.ini-answer-top span{
  font-size:10px !important;
  letter-spacing:.08em !important;
}
.ini-answer-direct h3{
  font-size:clamp(18px,2.6vw,26px) !important;
  font-weight:800 !important;
  line-height:1.14 !important;
  letter-spacing:-.02em !important;
  margin:0 0 8px !important;
  max-width:720px !important;
}
.ini-answer-direct p{
  font-size:14px !important;
  line-height:1.5 !important;
  color:#556274 !important;
  margin:0 0 10px !important;
  max-width:720px !important;
}
.ini-answer-pills i,
.ini-answer-top button,
.ini-answer-cta button,
.ini-answer-more summary,
.ini-contact-summary button,
.ini-related-card button,
.ini-clear{
  font-weight:700 !important;
}
.ini-answer-pills i{
  font-size:11px !important;
  padding:6px 9px !important;
}
.ini-answer-cta button,
.ini-contact-summary button,
.ini-related-card button{
  padding:9px 12px !important;
  font-size:12px !important;
  border-radius:12px !important;
}
.ini-related-routes,
.ini-contact-summary{
  border-radius:18px !important;
}
.ini-related-card{
  border-radius:14px !important;
}
.ini-related-card b{
  font-size:14px !important;
  font-weight:800 !important;
}
.ini-related-card small,
.ini-contact-summary span{
  font-size:12px !important;
}

/* 5) Mapa preview: ancho completo del contenedor, sin caja estrecha */
.siade-view-inicio .ini.gd-home .ini-mh{
  border-radius:22px !important;
  overflow:hidden !important;
  margin-top:14px !important;
}
.siade-view-inicio .ini.gd-home .ini-mh-top{
  padding:14px 16px 0 !important;
}
.siade-view-inicio .ini.gd-home .ini-mapwrap{
  min-height:420px !important;
  background:linear-gradient(180deg,#ffffff 0%, #f6f9fd 100%) !important;
}
.siade-view-inicio .ini.gd-home .ini-map{
  width:min(100%, 560px) !important;
  max-width:100% !important;
  height:auto !important;
  transform:none !important;
  filter:drop-shadow(0 14px 24px rgba(6,27,78,.14)) !important;
}
.siade-view-inicio .ini.gd-home .ini-an{
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
}

/* 6) Móvil: todo más directo y compacto */
@media (max-width:760px){
  .siade-view-inicio .ini.gd-home,
  .siade-app-shell .siade-view-inicio .ini.gd-home{
    max-width:none !important;
    padding-right:0 !important;
    min-height:auto !important;
  }
  .siade-view-inicio .ini.gd-home .ini-top{
    margin-bottom:10px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-h1{
    font-size:28px !important;
    line-height:1.08 !important;
    letter-spacing:-.03em !important;
    margin:8px 0 10px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-ai-sub{
    font-size:14px !important;
    line-height:1.45 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd{
    min-height:54px !important;
    border-radius:16px !important;
    padding:7px 7px 7px 14px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mic{
    width:44px !important;
    height:44px !important;
    border-radius:13px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-chip{
    min-height:40px !important;
    padding:8px 12px !important;
    font-size:12.5px !important;
  }
  .ini-global-head.compact{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .ini-global-query b{
    font-size:19px !important;
  }
  .ini-answer-direct{
    padding:13px !important;
    border-radius:18px !important;
  }
  .ini-answer-direct h3{
    font-size:20px !important;
  }
  .ini-answer-direct p{
    font-size:13.5px !important;
  }
  .ini-answer-cta,
  .ini-answer-pills,
  .ini-contact-summary,
  .ini-related-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .ini-answer-top button,
  .ini-answer-cta button,
  .ini-contact-summary button,
  .ini-related-card button,
  .ini-clear{
    width:100% !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap{
    min-height:300px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-map{
    width:min(100%, 340px) !important;
  }
}


/* ============================================================
   v1.1.5 — Respuesta accionable y enlaces primero
   ============================================================ */

.ini-answer-direct.action-first{
  border-left:5px solid #063f91 !important;
}
.ini-do-now{
  margin:10px 0 12px;
  padding:12px 13px;
  border:1px solid #dbe7f2;
  background:#f8fbff;
  border-radius:16px;
}
.ini-do-now b{
  display:block;
  color:#061b4e;
  font-size:14px;
  font-weight:850;
  margin-bottom:6px;
}
.ini-do-now ol{
  margin:0;
  padding-left:19px;
  color:#46566d;
  font-size:13.5px;
  line-height:1.45;
  font-weight:600;
}
.ini-do-now li + li{
  margin-top:3px;
}
.ini-answer-direct.action-first .ini-answer-pills{
  margin:8px 0 10px !important;
}
.ini-answer-direct.action-first .ini-answer-cta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
.ini-answer-direct.action-first .ini-answer-cta button{
  min-width:132px;
}
.ini-answer-direct.action-first .ini-answer-cta button:first-child{
  background:#063f91 !important;
  color:#fff !important;
  border-color:#063f91 !important;
}
.siade-tramites-grid [data-tramite-card].action-card{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.siade-tramites-grid [data-tramite-card].action-card h3{
  margin:2px 0 0 !important;
}
.siade-tramites-grid [data-tramite-card].action-card p{
  margin:0 !important;
  -webkit-line-clamp:2 !important;
}
.siade-card-do{
  border:1px solid #dbe7f2;
  background:#f8fbff;
  border-radius:14px;
  padding:10px 11px;
}
.siade-card-do b{
  display:block;
  color:#061b4e;
  font-size:12px;
  font-weight:850;
  margin-bottom:5px;
}
.siade-card-do ol{
  margin:0;
  padding-left:18px;
  color:#4f6077;
  font-size:12px;
  line-height:1.35;
  font-weight:600;
}
.siade-tramites-grid [data-tramite-card].action-card .siade-source-first-badge{
  margin:0 !important;
}
.siade-tramite-actions.action-first{
  margin-top:auto !important;
}
.siade-tramite-actions.action-first button:first-child{
  background:#063f91 !important;
  color:#fff !important;
  border-color:#063f91 !important;
}
.siade-tramites-grid [data-tramite-card].action-card .siade-market-tags,
.siade-tramites-grid [data-tramite-card].action-card .siade-tramite-inst,
.siade-tramites-grid [data-tramite-card].action-card .siade-kb-ficha-intel,
.siade-tramites-grid [data-tramite-card].action-card .siade-validation-badge{
  display:none !important;
}
@media (max-width:760px){
  .ini-answer-direct.action-first .ini-answer-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .ini-answer-direct.action-first .ini-answer-cta button{
    width:100%;
  }
  .ini-do-now{
    padding:11px 12px;
  }
  .ini-do-now ol{
    font-size:13px;
  }
}


/* ============================================================
   v1.1.6 — Home IA territorial app / mapa protagonista
   ============================================================ */

/* Reset final de reglas anteriores que habían dejado el Home como columna larga */
.siade-view-inicio .ini.gd-home .ini-top{
  display:none !important;
}

/* Desktop: portada territorial en dos columnas; resultados debajo */
@media (min-width:1024px){
  .siade-view-inicio .ini.gd-home,
  .siade-app-shell .siade-view-inicio .ini.gd-home{
    display:grid !important;
    grid-template-columns:minmax(420px, 1fr) minmax(380px, 520px) !important;
    grid-template-areas:
      "title map"
      "subtitle map"
      "search map"
      "chips map"
      "quick map"
      "results results";
    column-gap:34px !important;
    row-gap:12px !important;
    align-items:center !important;
    max-width:1220px !important;
    margin:0 auto !important;
    padding:8px 12px 28px !important;
    min-height:auto !important;
  }

  .siade-view-inicio .ini.gd-home .ini-h1{
    grid-area:title !important;
    align-self:end !important;
    text-align:left !important;
    font-size:clamp(38px, 4.2vw, 62px) !important;
    line-height:1.02 !important;
    letter-spacing:-.055em !important;
    max-width:760px !important;
    margin:0 !important;
    font-weight:850 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-ai-sub{
    grid-area:subtitle !important;
    text-align:left !important;
    font-size:18px !important;
    line-height:1.45 !important;
    max-width:720px !important;
    color:#506078 !important;
    margin:0 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd{
    grid-area:search !important;
    width:100% !important;
    max-width:none !important;
    min-height:68px !important;
    border-radius:22px !important;
    margin:8px 0 0 !important;
    background:#fff !important;
    box-shadow:0 18px 42px rgba(6,27,78,.10) !important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd input{
    font-size:18px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mic{
    width:54px !important;
    height:54px !important;
    border-radius:18px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-qa{
    grid-area:chips !important;
    display:block !important;
    margin:4px 0 0 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-qa::before{
    content:"Ejemplos frecuentes: DPI, antecedentes, abrir negocio, apoyo social";
    display:block;
    color:#8b96a7;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    margin:0 0 10px;
    text-align:left;
  }
  .siade-view-inicio .ini.gd-home .ini-urg{
    grid-area:quick !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:0 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-chip{
    min-height:44px !important;
    padding:10px 16px !important;
    border-radius:15px !important;
    font-size:14px !important;
    font-weight:750 !important;
    background:#fff !important;
    box-shadow:0 8px 20px rgba(6,27,78,.05) !important;
  }
  .siade-view-inicio .ini.gd-home .ini-res{
    grid-area:results !important;
    width:100% !important;
    max-width:none !important;
    margin-top:16px !important;
  }

  .siade-view-inicio .ini.gd-home .ini-mh{
    grid-area:map !important;
    align-self:center !important;
    width:100% !important;
    max-width:none !important;
    min-height:520px !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    position:relative !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh::before{
    content:"";
    position:absolute;
    inset:20px 8px;
    border-radius:42px;
    background:
      radial-gradient(circle at 48% 45%, rgba(255,255,255,.94) 0%, rgba(255,255,255,.58) 34%, rgba(233,242,252,.28) 64%, transparent 76%),
      radial-gradient(circle at 50% 50%, rgba(18,102,188,.10), transparent 62%);
    filter:blur(.1px);
    z-index:0;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top{
    position:relative !important;
    z-index:2 !important;
    padding:8px 4px 0 !important;
    border:0 !important;
    background:transparent !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top b{
    font-size:12px !important;
    letter-spacing:.13em !important;
    color:#8b96a7 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top button{
    background:#fff !important;
    box-shadow:0 12px 28px rgba(6,27,78,.08) !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap{
    position:relative !important;
    z-index:1 !important;
    min-height:470px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap::before,
  .siade-view-inicio .ini.gd-home .ini-mapwrap::after{
    content:"";
    position:absolute;
    width:82%;
    height:46%;
    border:2px solid rgba(39,126,210,.16);
    border-radius:50%;
    transform:rotate(-16deg);
    animation:siadeOrbitSlow 11s linear infinite;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap::after{
    width:72%;
    height:38%;
    transform:rotate(22deg);
    animation-duration:14s;
    animation-direction:reverse;
    opacity:.75;
  }
  .siade-view-inicio .ini.gd-home .ini-map{
    position:relative !important;
    z-index:2 !important;
    width:min(100%, 500px) !important;
    max-width:100% !important;
    height:auto !important;
    transform:none !important;
    animation:siadeMapFloat 5.8s ease-in-out infinite !important;
    filter:drop-shadow(0 18px 22px rgba(6,27,78,.18)) !important;
  }
}

/* Tablet: mapa arriba, buscador debajo, sin sensación de zoom roto */
@media (min-width:761px) and (max-width:1023px){
  .siade-view-inicio .ini.gd-home{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    max-width:760px !important;
    margin:0 auto !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh{ order:1 !important; }
  .siade-view-inicio .ini.gd-home .ini-h1{ order:2 !important; }
  .siade-view-inicio .ini.gd-home .ini-ai-sub{ order:3 !important; }
  .siade-view-inicio .ini.gd-home .ini-cmd{ order:4 !important; }
  .siade-view-inicio .ini.gd-home .ini-qa{ order:5 !important; }
  .siade-view-inicio .ini.gd-home .ini-urg{ order:6 !important; }
  .siade-view-inicio .ini.gd-home .ini-res{ order:7 !important; }
}

/* Mobile: sensación app; mapa libre arriba, buscador estable, resultados abajo */
@media (max-width:760px){
  .siade-view-inicio .ini.gd-home,
  .siade-app-shell .siade-view-inicio .ini.gd-home{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    max-width:none !important;
    width:100% !important;
    padding:0 18px 110px !important;
    overflow-x:hidden !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh{
    order:1 !important;
    margin:4px -6px 8px !important;
    min-height:auto !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    border-radius:0 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top{
    padding:6px 4px 0 !important;
    border:0 !important;
    background:transparent !important;
    position:relative !important;
    z-index:3 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top b{
    font-size:11px !important;
    line-height:1.15 !important;
    letter-spacing:.15em !important;
    color:#8b96a7 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mh-top button{
    padding:10px 15px !important;
    border-radius:999px !important;
    background:#fff !important;
    box-shadow:0 10px 24px rgba(6,27,78,.08) !important;
    font-size:12px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap{
    min-height:310px !important;
    margin-top:-10px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap::before,
  .siade-view-inicio .ini.gd-home .ini-mapwrap::after{
    content:"";
    position:absolute;
    width:92%;
    height:46%;
    border:2px solid rgba(39,126,210,.16);
    border-radius:50%;
    transform:rotate(-17deg);
    animation:siadeOrbitSlow 12s linear infinite;
  }
  .siade-view-inicio .ini.gd-home .ini-mapwrap::after{
    width:78%;
    height:36%;
    transform:rotate(22deg);
    animation-duration:15s;
    animation-direction:reverse;
    opacity:.78;
  }
  .siade-view-inicio .ini.gd-home .ini-map{
    position:relative !important;
    z-index:2 !important;
    width:min(92vw, 342px) !important;
    max-width:100% !important;
    height:auto !important;
    transform:none !important;
    animation:siadeMapFloat 5.8s ease-in-out infinite !important;
    filter:drop-shadow(0 14px 18px rgba(6,27,78,.17)) !important;
  }
  .siade-view-inicio .ini.gd-home .ini-h1{
    order:2 !important;
    text-align:center !important;
    font-size:34px !important;
    line-height:1.02 !important;
    letter-spacing:-.055em !important;
    margin:4px 0 8px !important;
    font-weight:850 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-ai-sub{
    order:3 !important;
    text-align:center !important;
    font-size:15px !important;
    line-height:1.45 !important;
    margin:0 0 10px !important;
    color:#4f6077 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd{
    order:4 !important;
    min-height:62px !important;
    border-radius:20px !important;
    margin:0 !important;
    padding:7px 7px 7px 14px !important;
    background:#fff !important;
    box-shadow:0 16px 34px rgba(6,27,78,.09) !important;
  }
  .siade-view-inicio .ini.gd-home .ini-cmd input{
    font-size:16px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-mic{
    width:50px !important;
    height:50px !important;
    border-radius:17px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-qa{
    order:5 !important;
    margin:10px 0 0 !important;
  }
  .siade-view-inicio .ini.gd-home .ini-qa::before{
    content:"Ejemplos frecuentes: DPI, antecedentes, abrir negocio, apoyo social";
    display:block;
    color:#8b96a7;
    font-size:10.5px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    text-align:center;
    margin:0 0 10px;
  }
  .siade-view-inicio .ini.gd-home .ini-urg{
    order:6 !important;
    display:flex !important;
    overflow-x:auto !important;
    gap:10px !important;
    padding:0 0 4px !important;
    margin:0 !important;
    scroll-snap-type:x proximity;
  }
  .siade-view-inicio .ini.gd-home .ini-chip{
    flex:0 0 auto !important;
    min-height:44px !important;
    padding:9px 15px !important;
    border-radius:16px !important;
    font-size:14px !important;
    font-weight:750 !important;
    background:#fff !important;
    scroll-snap-align:start;
  }
  .siade-view-inicio .ini.gd-home .ini-res{
    order:7 !important;
    width:100% !important;
    margin-top:12px !important;
    padding-bottom:120px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-global-head.compact{
    border-radius:18px !important;
    padding:12px 14px !important;
  }
  .siade-view-inicio .ini.gd-home .ini-answer-direct{
    border-radius:19px !important;
    padding:14px !important;
  }
}

@keyframes siadeMapFloat{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-7px) scale(1.012); }
}
@keyframes siadeOrbitSlow{
  0%{ transform:rotate(-18deg) scale(1); }
  50%{ transform:rotate(4deg) scale(1.015); }
  100%{ transform:rotate(-18deg) scale(1); }
}

@media (prefers-reduced-motion:reduce){
  .siade-view-inicio .ini.gd-home .ini-map,
  .siade-view-inicio .ini.gd-home .ini-mapwrap::before,
  .siade-view-inicio .ini.gd-home .ini-mapwrap::after{
    animation:none !important;
  }
}


/* ============================================================
   v1.1.7 — Resultado exacto y compacto / Home ciudadano
   ============================================================ */

/* En Home quitamos la franja de urgencias para evitar ruido y desbordes */
.siade-view-inicio .ini-urg{ display:none !important; }

.siade-view-inicio .ini-answer-direct.compact-results{
  border-radius:24px !important;
  padding:18px !important;
  box-shadow:0 16px 36px rgba(6,27,78,.08) !important;
  background:#fff !important;
  border:1px solid #d7e2ef !important;
}
.siade-view-inicio .ini-answer-direct.compact-results .ini-answer-top.slim{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:10px !important;
}
.siade-view-inicio .ini-answer-direct.compact-results .ini-answer-top.slim span{
  font-size:12px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  font-weight:800 !important;
  color:#8c97a7 !important;
}
.siade-view-inicio .ini-answer-direct.compact-results .ini-answer-top.slim button{
  min-height:auto !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  border:1px solid #d4e1ef !important;
  background:#fff !important;
  color:#0b4aa6 !important;
  font-weight:800 !important;
}
.siade-view-inicio .ini-answer-direct.compact-results h3{
  margin:0 0 8px !important;
  font-size:clamp(26px, 3vw, 42px) !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
}
.siade-view-inicio .ini-answer-lead{
  margin:0 0 14px !important;
  color:#506078 !important;
  font-size:15px !important;
  line-height:1.45 !important;
}
.siade-view-inicio .ini-result-grid{
  display:grid !important;
  grid-template-columns:repeat(12, minmax(0,1fr)) !important;
  gap:12px !important;
}
.siade-view-inicio .ini-result-card{
  grid-column:span 4 !important;
  border:1px solid #d8e4f1 !important;
  border-radius:20px !important;
  padding:14px !important;
  background:linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%) !important;
  box-shadow:0 10px 22px rgba(6,27,78,.05) !important;
}
.siade-view-inicio .ini-result-card.exact{
  border-color:#cfe0f5 !important;
  box-shadow:0 12px 28px rgba(10,65,150,.08) !important;
}
.siade-view-inicio .ini-result-card.soft{
  background:#fbfcfe !important;
}
.siade-view-inicio .ini-result-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-bottom:8px !important;
}
.siade-view-inicio .ini-result-badge{
  display:inline-flex !important;
  align-items:center !important;
  min-height:26px !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  background:#eef4fd !important;
  color:#0c4dab !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.siade-view-inicio .ini-result-badge.blue{ background:#eaf3ff !important; color:#0b4aa6 !important; }
.siade-view-inicio .ini-result-badge.soft{ background:#f4f7fb !important; color:#5a6d86 !important; }
.siade-view-inicio .ini-result-kind{
  font-size:12px !important;
  color:#8b97a8 !important;
  font-weight:700 !important;
}
.siade-view-inicio .ini-result-card h4{
  margin:0 0 8px !important;
  font-size:22px !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
}
.siade-view-inicio .ini-result-card p{
  margin:0 0 10px !important;
  color:#506078 !important;
  font-size:14px !important;
  line-height:1.45 !important;
}
.siade-view-inicio .ini-mini-meta,
.siade-view-inicio .ini-mini-contactline{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 10px !important;
}
.siade-view-inicio .ini-mini-meta span,
.siade-view-inicio .ini-mini-contactline span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:#f6f9fd !important;
  border:1px solid #d9e4f1 !important;
  color:#32455f !important;
  font-size:12.5px !important;
  font-weight:700 !important;
}
.siade-view-inicio .ini-result-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:4px !important;
}
.siade-view-inicio .ini-result-actions button{
  min-height:42px !important;
  padding:10px 14px !important;
  border-radius:14px !important;
  border:1px solid #cddcf0 !important;
  background:#fff !important;
  color:#0b4aa6 !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
.siade-view-inicio .ini-result-actions button:first-child{
  background:#0b4aa6 !important;
  border-color:#0b4aa6 !important;
  color:#fff !important;
}

@media (max-width:1023px){
  .siade-view-inicio .ini-result-grid{ grid-template-columns:1fr !important; }
  .siade-view-inicio .ini-result-card{ grid-column:auto !important; }
}
@media (max-width:760px){
  .siade-view-inicio .ini-answer-direct.compact-results{
    padding:15px !important;
    border-radius:22px !important;
  }
  .siade-view-inicio .ini-answer-direct.compact-results h3{
    font-size:24px !important;
    line-height:1.12 !important;
  }
  .siade-view-inicio .ini-answer-lead{
    font-size:14px !important;
  }
  .siade-view-inicio .ini-result-card h4{
    font-size:18px !important;
  }
  .siade-view-inicio .ini-result-actions{
    flex-direction:column !important;
  }
  .siade-view-inicio .ini-result-actions button{
    width:100% !important;
  }
}


/* ============================================================
   v1.1.8 — Hotfix búsqueda simple y tarjetas prácticas
   ============================================================ */

.siade-view-inicio .ini-answer-direct.compact-results{
  border-left:4px solid #0b4aa6 !important;
}
.siade-view-inicio .ini-answer-direct.compact-results h3{
  max-width:900px !important;
}
.siade-view-inicio .ini-result-grid{
  align-items:stretch !important;
}
.siade-view-inicio .ini-result-card{
  min-height:0 !important;
}
.siade-view-inicio .ini-result-card p{
  display:-webkit-box !important;
  -webkit-line-clamp:4 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.siade-view-inicio .ini-mini-contactline span{
  background:#eef7ff !important;
  color:#0a3f83 !important;
}
.siade-view-inicio .ini-search-fallback{
  border-color:#d6e3f2 !important;
  background:#fff !important;
}
.siade-view-inicio .ini-search-fallback b{
  color:#061b4e !important;
}
@media (max-width:760px){
  .siade-view-inicio .ini-answer-direct.compact-results{
    padding:14px !important;
  }
  .siade-view-inicio .ini-answer-direct.compact-results h3{
    font-size:22px !important;
    letter-spacing:-.035em !important;
  }
  .siade-view-inicio .ini-result-card{
    padding:13px !important;
    border-radius:18px !important;
  }
  .siade-view-inicio .ini-result-card p{
    -webkit-line-clamp:3 !important;
  }
  .siade-view-inicio .ini-mini-meta,
  .siade-view-inicio .ini-mini-contactline{
    gap:6px !important;
  }
  .siade-view-inicio .ini-mini-meta span,
  .siade-view-inicio .ini-mini-contactline span{
    font-size:12px !important;
  }
}


/* ============================================================
   v1.1.9 — Ficha primero + barra superior suave
   ============================================================ */

/* Barra superior del logo: menos sobreexpuesta */
.siade-gd-topbar,
.siade-app-shell .siade-gd-topbar,
.siade-app-shell .siade-topbar,
.siade-mobile-head,
.siade-gd-mobile-head{
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  border-bottom:1px solid rgba(205,220,238,.72) !important;
  box-shadow:0 6px 18px rgba(6,27,78,.045) !important;
}
.siade-gd-topbar img,
.siade-app-shell .siade-gd-topbar img,
.siade-app-shell .siade-topbar img,
.siade-mobile-head img,
.siade-gd-mobile-head img{
  max-height:78px !important;
  object-fit:contain !important;
  filter:none !important;
}
@media (max-width:760px){
  .siade-gd-topbar,
  .siade-app-shell .siade-gd-topbar,
  .siade-app-shell .siade-topbar,
  .siade-mobile-head,
  .siade-gd-mobile-head{
    min-height:118px !important;
    padding:18px 18px 14px !important;
  }
  .siade-gd-topbar img,
  .siade-app-shell .siade-gd-topbar img,
  .siade-app-shell .siade-topbar img,
  .siade-mobile-head img,
  .siade-gd-mobile-head img{
    max-height:66px !important;
  }
}

/* Resultado institucional: ficha como primera respuesta */
.siade-view-inicio .ini-answer-direct.ficha-first{
  border-left:5px solid #0b4aa6 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}
.siade-view-inicio .ini-answer-direct.ficha-first h3{
  font-size:clamp(24px,3vw,38px) !important;
  line-height:1.1 !important;
  letter-spacing:-.04em !important;
  margin-bottom:6px !important;
}
.siade-view-inicio .ini-answer-direct.ficha-first .ini-answer-lead{
  max-width:760px !important;
  margin-bottom:14px !important;
}
.siade-view-inicio .ini-result-grid{
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
}
.siade-view-inicio .ini-result-card.exact.main{
  grid-column:span 6 !important;
  border-color:#bdd4f2 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%) !important;
}
.siade-view-inicio .ini-result-card.route{
  grid-column:span 6 !important;
}
.siade-view-inicio .ini-result-card.exact:not(.main){
  grid-column:span 6 !important;
}
.siade-view-inicio .ini-result-card.exact.main h4{
  font-size:clamp(22px,2.4vw,30px) !important;
}
.siade-view-inicio .ini-result-card h4{
  overflow-wrap:anywhere !important;
}
.siade-view-inicio .ini-result-card .ini-mini-contactline{
  margin-top:8px !important;
}
.siade-view-inicio .ini-result-card .ini-mini-contactline span{
  background:#eef7ff !important;
  color:#0a3f83 !important;
  border-color:#cce2fb !important;
}
.siade-view-inicio .ini-result-card .ini-result-actions{
  margin-top:10px !important;
}
.siade-view-inicio .ini-result-card .ini-result-actions button{
  border-radius:14px !important;
  min-height:42px !important;
}
.siade-view-inicio .ini-result-card.exact.main .ini-result-actions button:first-child{
  background:#0b4aa6 !important;
  border-color:#0b4aa6 !important;
  color:#fff !important;
}
@media (max-width:1023px){
  .siade-view-inicio .ini-result-card.exact.main,
  .siade-view-inicio .ini-result-card.route,
  .siade-view-inicio .ini-result-card.exact:not(.main){
    grid-column:1 / -1 !important;
  }
}
@media (max-width:760px){
  .siade-view-inicio .ini-answer-direct.ficha-first{
    padding:14px !important;
    border-radius:22px !important;
  }
  .siade-view-inicio .ini-answer-direct.ficha-first h3{
    font-size:23px !important;
  }
  .siade-view-inicio .ini-result-card.exact.main h4{
    font-size:20px !important;
  }
  .siade-view-inicio .ini-result-card .ini-result-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .siade-view-inicio .ini-result-card .ini-result-actions button{
    width:100% !important;
  }
}


/* ============================================================
   v1.2.0 — Búsqueda institucional real / ficha primero estable
   ============================================================ */

.siade-view-inicio .ini-result-bar{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 14px !important;
}
.siade-view-inicio .ini-result-bar span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:6px 11px !important;
  border-radius:999px !important;
  background:#eef5ff !important;
  border:1px solid #cfe0f5 !important;
  color:#0b4aa6 !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.siade-view-inicio .ini-answer-direct.ficha-first .ini-result-grid,
.siade-view-inicio .ini-answer-direct.compact-results .ini-result-grid{
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
.siade-view-inicio .ini-result-card.exact.main{
  grid-column:span 6 !important;
}
.siade-view-inicio .ini-result-card.route{
  grid-column:span 6 !important;
}
.siade-view-inicio .ini-result-card.exact:not(.main){
  grid-column:span 6 !important;
}
.siade-view-inicio .ini-search-fallback.soft{
  border-color:#d6e3f2 !important;
  background:#fff !important;
}
.siade-view-inicio .ini-search-fallback.soft b{
  color:#061b4e !important;
}
.siade-view-inicio .ini-search-fallback.soft p{
  color:#506078 !important;
}
@media (max-width:1023px){
  .siade-view-inicio .ini-result-card.exact.main,
  .siade-view-inicio .ini-result-card.route,
  .siade-view-inicio .ini-result-card.exact:not(.main){
    grid-column:1 / -1 !important;
  }
}
@media (max-width:760px){
  .siade-view-inicio .ini-result-bar{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:2px !important;
  }
  .siade-view-inicio .ini-result-bar span{
    flex:0 0 auto !important;
  }
}


/* ============================================================
   v1.2.1 — Hotfix real Home→Directorio y topbar compacto
   ============================================================ */

/* Topbar móvil más compacta: corrige sobreexposición del logo */
@media (max-width:760px){
  .siade-gd-topbar,
  .siade-app-shell .siade-gd-topbar,
  .siade-app-shell .siade-topbar,
  .siade-mobile-head,
  .siade-gd-mobile-head{
    min-height:88px !important;
    height:88px !important;
    padding:10px 16px 8px !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 4px 12px rgba(6,27,78,.035) !important;
    border-bottom:1px solid rgba(205,220,238,.65) !important;
  }
  .siade-gd-topbar img,
  .siade-app-shell .siade-gd-topbar img,
  .siade-app-shell .siade-topbar img,
  .siade-mobile-head img,
  .siade-gd-mobile-head img{
    max-height:52px !important;
    width:auto !important;
    object-fit:contain !important;
  }
}

/* Resultado institucional: lista clara, bonita y práctica */
.siade-view-inicio .ini-answer-direct.ficha-first{
  border-left:5px solid #0b4aa6 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}
.siade-view-inicio .ini-answer-direct.ficha-first h3{
  font-size:clamp(23px,3vw,36px) !important;
  line-height:1.1 !important;
  letter-spacing:-.04em !important;
  margin-bottom:6px !important;
}
.siade-view-inicio .ini-result-bar{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 14px !important;
}
.siade-view-inicio .ini-result-bar span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:6px 11px !important;
  border-radius:999px !important;
  background:#eef5ff !important;
  border:1px solid #cfe0f5 !important;
  color:#0b4aa6 !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.siade-view-inicio .ini-result-card.exact.main{
  grid-column:span 6 !important;
  border-color:#bdd4f2 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%) !important;
}
.siade-view-inicio .ini-result-card.route,
.siade-view-inicio .ini-result-card.exact:not(.main){
  grid-column:span 6 !important;
}
.siade-view-inicio .ini-result-card .ini-result-actions button{
  border-radius:14px !important;
  min-height:42px !important;
}
.siade-view-inicio .ini-result-card.exact.main .ini-result-actions button:first-child{
  background:#0b4aa6 !important;
  border-color:#0b4aa6 !important;
  color:#fff !important;
}
.siade-view-inicio .ini-search-fallback.soft{
  border-color:#d6e3f2 !important;
  background:#fff !important;
}
.siade-view-inicio .ini-search-fallback.soft b{
  color:#061b4e !important;
}
.siade-view-inicio .ini-search-fallback.soft p{
  color:#506078 !important;
}
@media (max-width:1023px){
  .siade-view-inicio .ini-result-card.exact.main,
  .siade-view-inicio .ini-result-card.route,
  .siade-view-inicio .ini-result-card.exact:not(.main){
    grid-column:1 / -1 !important;
  }
}
@media (max-width:760px){
  .siade-view-inicio .ini-answer-direct.ficha-first{
    padding:14px !important;
    border-radius:22px !important;
  }
  .siade-view-inicio .ini-answer-direct.ficha-first h3{
    font-size:22px !important;
  }
  .siade-view-inicio .ini-result-bar{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:2px !important;
  }
  .siade-view-inicio .ini-result-bar span{
    flex:0 0 auto !important;
  }
  .siade-view-inicio .ini-result-card .ini-result-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .siade-view-inicio .ini-result-card .ini-result-actions button{
    width:100% !important;
  }
}


/* ============================================================================
   GPDS v1.3.0 · Puente de tokens + Home Ciudadano (DT-GDS-003 / ID-GDS-002)
   Regla §18.3: este bloque consume EXCLUSIVAMENTE variables --gpds-* del
   archivo canónico gpds.tokens.css (cargado como dependencia). Sin HEX.
   ============================================================================ */

/* --- 1) Puente: las variables heredadas del app resuelven a tokens GPDS.
       Un solo punto migra >150 usos (var(--azul) ×84, var(--celeste) ×50…). --- */
.siade-app {
  --azul: var(--gpds-color-government-700);
  --azul-2: var(--gpds-color-government-600);
  --celeste: var(--gpds-color-territory-600);
  --celeste-claro: var(--gpds-color-territory-400);
  --dorado: var(--gpds-color-action-primary);        /* la acción deja de ser dorada (ID-GDS-002 §12.4) */
  --dorado-claro: var(--gpds-color-action-primary-hover);
  --ok: var(--gpds-color-status-success);
  --warn: var(--gpds-color-status-warning);
  --err: var(--gpds-color-status-danger);
  --gris: var(--gpds-color-text-tertiary);
  --gris-bg: var(--gpds-color-background-canvas);
  --linea: var(--gpds-color-border-subtle);
}
:root {
  --siade-azul: var(--gpds-color-government-700);
  --siade-azul-2: var(--gpds-color-government-600);
  --siade-celeste: var(--gpds-color-territory-600);
  --siade-dorado: var(--gpds-color-action-primary);
  --siade-bg: var(--gpds-color-background-canvas);
  --siade-linea: var(--gpds-color-border-subtle);
}

/* --- 2) Botón "gold": la acción primaria es Azul Territorio (P10 · §16.2). --- */
.siade-app .siade-btn.gold {
  background: var(--gpds-color-action-primary);
  color: var(--gpds-color-text-on-action);
  border-color: var(--gpds-color-action-primary);
}
.siade-app .siade-btn.gold:hover { background: var(--gpds-color-action-primary-hover); }
.siade-app .siade-btn.gold:active { background: var(--gpds-color-action-primary-pressed); }

/* --- 3) Foco visible en toda la app (DT-GDS-003 §11.3; antes: inexistente). --- */
.siade-app :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--gpds-color-action-focus-ring);
  outline-offset: 2px;
}

/* --- 4) HOME CIUDADANO (.gpds-cz) — móvil primero (390 px), rejilla GPDS. --- */
.gpds-cz {
  max-width: 1200px;               /* rejilla escritorio §9.2 */
  margin: 0 auto;
  padding: var(--gpds-space-4);
  display: grid;
  gap: var(--gpds-space-4);
  font-family: var(--gpds-font-ui);
}
.gpds-cz-hero { padding: var(--gpds-space-2) 0 0; }
.gpds-cz-eyebrow {
  font-size: 12px; line-height: 16px; font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--gpds-color-text-secondary);
  margin-bottom: var(--gpds-space-2);
}
.gpds-cz-h1 {
  margin: 0 0 var(--gpds-space-3);
  font-size: 28px; line-height: 36px; font-weight: 700;  /* heading-lg */
  color: var(--gpds-color-text-brand);
}
.gpds-cz-search {
  display: flex; gap: var(--gpds-space-2);
  background: var(--gpds-color-background-surface);
  border: 1px solid var(--gpds-color-border-default);
  border-radius: var(--gpds-radius-md);
  padding: var(--gpds-space-1);
  box-shadow: var(--gpds-shadow-xs);
}
.gpds-cz-search:focus-within {
  border-color: var(--gpds-color-border-focus);
  box-shadow: 0 0 0 3px var(--gpds-color-action-focus-ring);
}
.gpds-cz-search input {
  flex: 1; min-width: 0; min-height: 40px;
  border: 0; outline: none; background: transparent;
  font: inherit; font-size: 16px; line-height: 24px;      /* body-md */
  color: var(--gpds-color-text-primary);
  padding: 0 var(--gpds-space-3);
}
.gpds-cz-search input::placeholder { color: var(--gpds-color-text-tertiary); }
.gpds-cz-search button {
  display: inline-flex; align-items: center; gap: var(--gpds-space-2);
  min-height: 40px; padding: 0 var(--gpds-space-4);
  border: 0; border-radius: var(--gpds-radius-sm);
  background: var(--gpds-color-action-primary);
  color: var(--gpds-color-text-on-action);
  font: inherit; font-size: 15px; font-weight: 600; cursor: pointer;
}
.gpds-cz-search button:hover { background: var(--gpds-color-action-primary-hover); }
.gpds-cz-search button:active { background: var(--gpds-color-action-primary-pressed); }
.gpds-cz-search button svg { width: 20px; height: 20px; }

/* Emergencias · 1 toque (dominio semántico de peligro: color + icono + texto) */
.gpds-cz-cap {
  display: flex; align-items: center; gap: var(--gpds-space-2);
  font-size: 13px; font-weight: 600;
  color: var(--gpds-color-status-danger-text);
  margin-bottom: var(--gpds-space-2);
}
.gpds-cz-cap b { font-weight: 700; }
.gpds-cz-cap-dot {
  width: 8px; height: 8px; border-radius: var(--gpds-radius-pill);
  background: var(--gpds-color-status-danger); flex: 0 0 auto;
}
.gpds-cz-urgs {
  display: flex; gap: var(--gpds-space-2);
  overflow-x: auto; padding-bottom: var(--gpds-space-1);
  scrollbar-width: none;
}
.gpds-cz-urgs::-webkit-scrollbar { display: none; }
.gpds-cz-urgs .urgline {
  min-height: 48px;                                  /* táctil §7.2 */
  background: var(--gpds-color-status-danger-surface);
  border: 1px solid var(--gpds-color-status-danger-border);
  border-radius: var(--gpds-radius-md);
  box-shadow: none;
}
.gpds-cz-urgs .urgline-ic {
  background: var(--gpds-color-background-surface);
  color: var(--gpds-color-status-danger);
}
.gpds-cz-urgs .urgline-t b { color: var(--gpds-color-text-primary); font-size: 13px; }
.gpds-cz-urgs .urgline-t span { color: var(--gpds-color-status-danger-text); font-size: 12px; }

/* Accesos: Trámites · Directorio · Mapa · Avisos */
.gpds-cz-tiles {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gpds-space-3);
}
.gpds-cz-tile {
  display: flex; align-items: flex-start; gap: var(--gpds-space-3);
  text-align: left;
  min-height: 48px;
  background: var(--gpds-color-background-surface);
  border: 1px solid var(--gpds-color-border-subtle);
  border-radius: var(--gpds-radius-lg);              /* tarjeta r16 §15 */
  padding: var(--gpds-space-5);
  box-shadow: var(--gpds-shadow-sm);
  cursor: pointer; font: inherit; color: inherit;
  transition: border-color var(--gpds-duration-fast) var(--gpds-easing-standard),
              transform var(--gpds-duration-fast) var(--gpds-easing-standard);
}
.gpds-cz-tile:hover { border-color: var(--gpds-color-territory-300); }
.gpds-cz-tile:active { transform: scale(.985); }
.gpds-cz-tile-ic {
  width: 40px; height: 40px; flex: 0 0 auto;
  display: grid; place-items: center;
  border-radius: var(--gpds-radius-md);
  background: var(--gpds-color-background-surface-brand);
  color: var(--gpds-color-action-primary);
}
.gpds-cz-tile-ic svg { width: 24px; height: 24px; }  /* icono §12 */
.gpds-cz-tile-tx { display: grid; gap: 2px; min-width: 0; }
.gpds-cz-tile-tx b {
  font-size: 16px; line-height: 24px; font-weight: 600;  /* title-md */
  color: var(--gpds-color-text-primary);
}
.gpds-cz-tile-tx span {
  font-size: 13px; line-height: 18px;
  color: var(--gpds-color-text-secondary);
}

/* Acceso institucional (discreto, superficie de marca) */
.gpds-cz-inst {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--gpds-space-3); flex-wrap: wrap;
  background: var(--gpds-color-background-surface-brand);
  border: 1px solid var(--gpds-color-border-subtle);
  border-radius: var(--gpds-radius-lg);
  padding: var(--gpds-space-4) var(--gpds-space-5);
}
.gpds-cz-inst b { display: block; font-size: 15px; color: var(--gpds-color-text-primary); }
.gpds-cz-inst span { font-size: 13px; color: var(--gpds-color-text-secondary); }
.gpds-cz-instbtn {
  min-height: 44px; padding: 0 var(--gpds-space-4);
  border: 1.5px solid var(--gpds-color-action-secondary);
  border-radius: var(--gpds-radius-md);
  background: var(--gpds-color-background-surface);
  color: var(--gpds-color-action-secondary);
  font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
}
.gpds-cz-instbtn:hover { background: var(--gpds-color-action-secondary-hover); }

/* Escritorio (§9.1–9.2): 4 columnas de accesos, respiración mayor. */
@media (min-width: 768px) {
  .gpds-cz { padding: var(--gpds-space-6); gap: var(--gpds-space-6); }
  .gpds-cz-h1 { font-size: 32px; line-height: 40px; }   /* heading-xl */
  .gpds-cz-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .gpds-cz-urgs { flex-wrap: wrap; overflow: visible; }
}