/* ── Sistema de Gestión Territorial · Dirección de Regionalización IUE ── */
body{
  background:#f1f5f9;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  color:#0f172a;
}
a{color:var(--iue-primario);text-decoration:none}
a:hover{text-decoration:underline}

/* ── Sidebar ───────────────────────────────────────────────────
   El fondo es el azul institucional, un punto más oscuro arriba para
   que el logo se despegue. El ítem activo va en naranja: es el único
   naranja del menú, así que la vista lo encuentra sin buscar.       */
.sidebar{
  position:fixed;top:0;left:0;bottom:0;width:248px;z-index:1040;
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--iue-primario) 82%, #000) 0%,
    var(--iue-primario) 100%);
  color:rgba(255,255,255,.78);display:flex;flex-direction:column;overflow-y:auto;
  box-shadow:2px 0 14px rgba(0,0,0,.18);
}
.sidebar .marca{display:flex;flex-direction:column;gap:.4rem;padding:1.1rem 1rem;
  color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.12)}
.sidebar .marca:hover{text-decoration:none;opacity:.9}
.sidebar .marca-logo{max-width:100%;max-height:52px;object-fit:contain;object-position:left}
.sidebar .marca-dependencia{font-size:.72rem;color:rgba(255,255,255,.6);line-height:1.2}
.sidebar .menu{padding:.6rem .55rem;flex:1}
.sidebar .menu-titulo{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.9px;
  color:rgba(255,255,255,.42);padding:.9rem .6rem .35rem}
.sidebar .menu a{display:flex;align-items:center;gap:.7rem;padding:.55rem .65rem;border-radius:9px;
  color:rgba(255,255,255,.78);font-size:.92rem;margin-bottom:2px;text-decoration:none;transition:.15s}
.sidebar .menu a:hover{background:rgba(255,255,255,.1);color:#fff}
/* El ítem activo va en naranja, pero un punto más oscuro que el naranja
   de marca: sobre el tono puro, el texto blanco queda por debajo del
   contraste mínimo legible. El borde izquierdo sí lleva el naranja
   exacto de la identidad. */
.sidebar .menu a.activo{color:#fff;font-weight:600;
  background:color-mix(in srgb, var(--iue-secundario) 80%, #000);
  border-left:3px solid var(--iue-secundario);padding-left:calc(.65rem - 3px);
  box-shadow:0 4px 12px rgba(0,0,0,.22)}
.sidebar .menu a i{width:20px;text-align:center;font-size:1.02rem}
.pie-sidebar{padding:.9rem 1rem;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}
.pie-sidebar span{font-size:.74rem;color:rgba(255,255,255,.65)}
.pie-sidebar small{font-size:.7rem;color:rgba(255,255,255,.42)}

/* Variante clara del menú, para quien prefiera fondo blanco. */
.sidebar.sidebar-claro{background:#fff;color:#475569;
  border-right:1px solid #e2e8f0;box-shadow:1px 0 8px rgba(15,23,42,.05)}
.sidebar-claro .marca{color:var(--iue-primario);border-bottom-color:#e2e8f0}
.sidebar-claro .marca-dependencia{color:#94a3b8}
.sidebar-claro .menu-titulo{color:#94a3b8}
.sidebar-claro .menu a{color:#475569}
.sidebar-claro .menu a:hover{background:#f1f5f9;color:var(--iue-primario)}
.sidebar-claro .menu a.activo{color:#fff;
  background:color-mix(in srgb, var(--iue-secundario) 80%, #000)}
.sidebar-claro .pie-sidebar{border-top-color:#e2e8f0}
.sidebar-claro .pie-sidebar span{color:#64748b}
.sidebar-claro .pie-sidebar small{color:#94a3b8}
body.con-sidebar .contenido{margin-left:248px;min-height:100vh}

/* ── Viendo como otro perfil ───────────────────────────────────
   Ámbar y no rojo: no es un error, es un estado. Pero fijo arriba y
   sin botón de cerrar, porque olvidarse de que uno está en este modo
   lleva a conclusiones falsas sobre lo que ve el otro.            */
.barra-vercomo{position:fixed;top:0;left:0;right:0;height:38px;z-index:1060;
  background:#b45309;color:#fff;display:flex;align-items:center;
  justify-content:center;gap:1.2rem;font-size:.82rem;
  box-shadow:0 2px 10px rgba(0,0,0,.18)}
.barra-vercomo a{color:#fff;text-decoration:underline;font-weight:600;
  white-space:nowrap}
body.con-vercomo .sidebar{top:38px}
body.con-vercomo .contenido{padding-top:38px}
body.con-vercomo .barra-superior{top:38px}

/* ── Menú plegado ──────────────────────────────────────────────
   Se queda en 62 px: solo los íconos, con el nombre en un globo al
   pasar por encima. El ancho se recupera para el contenido, que es
   donde hace falta en las tablas anchas.                          */
.sb-plegar{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;
  width:34px;height:34px;border-radius:10px;flex:none;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:.15s;margin-right:.9rem}
.sb-plegar:hover{background:#e2e8f0;color:var(--iue-primario)}
.sb-plegar i{font-size:.9rem;transition:transform .2s}

body.sb-plegado .sidebar{width:62px}
body.sb-plegado.con-sidebar .contenido{margin-left:62px}
body.sb-plegado .sidebar .marca-dependencia,
body.sb-plegado .sidebar .menu-titulo,
body.sb-plegado .sidebar .menu a span,
body.sb-plegado .pie-sidebar{display:none}
body.sb-plegado .sidebar .marca{padding:.9rem .5rem;align-items:center}
body.sb-plegado .sidebar .marca-logo{max-height:34px}
body.sb-plegado .sidebar .menu{padding:.6rem .5rem}
body.sb-plegado .sidebar .menu a{justify-content:center;padding:.6rem .3rem}
body.sb-plegado .sb-plegar i{transform:rotate(180deg)}

/* El nombre del módulo, al pasar por encima. Solo cuando está plegado:
   con el menú abierto el nombre ya se lee y el globo estorbaría. */
body.sb-plegado .sidebar .menu a{position:relative}
body.sb-plegado .sidebar .menu a::after{
  content:attr(data-nombre);position:absolute;left:calc(100% + 10px);top:50%;
  transform:translateY(-50%);background:#0f172a;color:#fff;font-size:.76rem;
  padding:.3rem .6rem;border-radius:7px;white-space:nowrap;pointer-events:none;
  opacity:0;transition:opacity .12s;z-index:1050}
body.sb-plegado .sidebar .menu a:hover::after,
body.sb-plegado .sidebar .menu a:focus-visible::after{opacity:1}

/* La transición se pone solo cuando ya cargó la página: si no, el menú
   se ve «entrar» de golpe al abrir cada pantalla. */
body.sb-listo .sidebar,
body.sb-listo.con-sidebar .contenido{transition:width .18s, margin-left .18s}
.sb-toggle{position:fixed;top:12px;left:12px;width:42px;height:42px;border:0;border-radius:12px;z-index:1041;
  background:var(--iue-primario);color:#fff;font-size:1.35rem;box-shadow:0 4px 14px rgba(0,0,0,.28)}
.sb-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:1039;opacity:0;pointer-events:none;transition:.25s}
@media(max-width:1199.98px){
  .sidebar{transform:translateX(-100%);transition:transform .25s}
  body.sb-open .sidebar{transform:translateX(0)}
  body.sb-open .sb-backdrop{opacity:1;pointer-events:auto}
  body.con-sidebar .contenido{margin-left:0}
  .barra-superior{padding-left:64px !important}
  /* Aquí el menú ya se superpone y se abre con el botón de arriba: el
     plegado no tiene sentido y se anula para que no se crucen. */
  body.sb-plegado .sidebar{width:248px}
  body.sb-plegado.con-sidebar .contenido{margin-left:0}
  body.sb-plegado .sidebar .marca-dependencia,
  body.sb-plegado .sidebar .menu-titulo,
  body.sb-plegado .sidebar .menu a span,
  body.sb-plegado .pie-sidebar{display:block}
  body.sb-plegado .sidebar .menu a{justify-content:flex-start}
  .sb-plegar{display:none}
}

/* ── Barra superior ────────────────────────────────────────── */
.barra-superior{background:#fff;border-bottom:1px solid #e2e8f0;padding:.7rem 1.25rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:1020}
.avatar{width:28px;height:28px;border-radius:50%;background:var(--iue-primario);color:#fff;
  display:grid;place-items:center;font-size:.82rem;font-weight:700}

/* ── Tarjetas ──────────────────────────────────────────────── */
.card{border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.card-header{background:#fff;border-bottom:1px solid #e9eef5;font-weight:600;border-radius:14px 14px 0 0 !important}
.kpi{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.1rem;height:100%;
  display:flex;gap:.9rem;align-items:flex-start;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.kpi .icono{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;color:#fff;flex:none}
.kpi .valor{font-size:1.75rem;font-weight:700;line-height:1.1}
.kpi .rotulo{font-size:.78rem;color:#64748b;text-transform:uppercase;letter-spacing:.4px}
.kpi .detalle{font-size:.8rem;color:#94a3b8}

.barra-avance{height:8px;border-radius:99px;background:#e2e8f0;overflow:hidden}
.barra-avance > div{height:100%;border-radius:99px}
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:99px;
  font-size:.74rem;font-weight:600;background:#f1f5f9;color:#475569}
.tabla-limpia thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.4px;color:#64748b;
  background:#f8fafc;border-bottom:1px solid #e2e8f0}
.tabla-limpia td,.tabla-limpia th{vertical-align:middle}

/* ── Mapa ──────────────────────────────────────────────────── */
#mapa{height:calc(100vh - 190px);min-height:460px;border-radius:14px;border:1px solid #e2e8f0}
.panel-municipio{position:absolute;top:14px;right:14px;width:340px;max-height:calc(100% - 28px);
  overflow-y:auto;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(15,23,42,.18);z-index:800;display:none}
.panel-municipio.abierto{display:block}
.leyenda{background:#fff;padding:.6rem .75rem;border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.15);font-size:.8rem}
.leyenda i{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:.35rem}

/* ── Chat IA ───────────────────────────────────────────────── */
.chat-hilo{height:calc(100vh - 320px);min-height:340px;overflow-y:auto;padding:1rem;background:#f8fafc;border-radius:12px}
.burbuja{max-width:82%;padding:.7rem .9rem;border-radius:14px;margin-bottom:.75rem;white-space:pre-wrap;line-height:1.45;font-size:.93rem}
.burbuja.user{background:var(--iue-primario);color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.burbuja.assistant{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}

/* ── Acceso ────────────────────────────────────────────────── */
.pantalla-acceso{min-height:100vh;display:grid;place-items:center;padding:1.5rem;
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--iue-primario) 78%, #000) 0%,
    var(--iue-primario) 58%,
    color-mix(in srgb, var(--iue-secundario) 38%, var(--iue-primario)) 100%)}
.caja-acceso{width:100%;max-width:410px;background:#fff;border-radius:18px;padding:2.1rem;box-shadow:0 24px 60px rgba(0,0,0,.32)}
.caja-acceso .logo-acceso{display:block;max-width:230px;width:100%;margin:0 auto 1.4rem}

/* ── Mapa interactivo propio ─────────────────────────────────── */
.lienzo-mapa{position:relative;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;
  height:calc(100vh - 250px);min-height:460px;background:#eef4fa}
.lienzo-mapa .mun{cursor:pointer;transition:opacity .15s}
.lienzo-mapa .mun:hover{opacity:.75}
.lienzo-mapa .mun.sel{stroke:#0f172a}
.lienzo-mapa .dep{cursor:default}
.lienzo-mapa .dep:hover{fill:#cfe0ef}
.etiqueta-mapa{position:absolute;display:none;background:#0f172a;color:#fff;padding:.35rem .6rem;
  border-radius:8px;font-size:.76rem;line-height:1.25;pointer-events:none;z-index:20;
  box-shadow:0 4px 12px rgba(15,23,42,.25)}
.controles-mapa{position:absolute;top:12px;left:12px;z-index:15;display:flex;flex-direction:column;gap:4px}
.controles-mapa button{width:34px;height:34px;border:1px solid #e2e8f0;background:#fff;border-radius:9px;
  font-size:1rem;line-height:1;box-shadow:0 2px 6px rgba(15,23,42,.12);cursor:pointer}
.controles-mapa button:hover{background:#f1f5f9}

/* Ficha lateral del municipio */
.panel-municipio{position:absolute;top:12px;right:12px;width:360px;max-height:calc(100% - 24px);
  overflow-y:auto;background:#fff;border-radius:14px;box-shadow:0 12px 34px rgba(15,23,42,.22);
  z-index:25;display:none}
.panel-municipio.abierto{display:block}
.pm-cabecera{color:#fff;padding:1rem;border-radius:14px 14px 0 0}
.pm-seccion{font-size:.68rem;text-transform:uppercase;letter-spacing:.7px;color:#64748b;
  margin:1rem 0 .4rem;font-weight:700}
.pm-fila{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;
  padding:.3rem 0;border-bottom:1px solid #f1f5f9}
.pm-fila span{color:#64748b}
.pm-kpi{display:flex;gap:.55rem;align-items:center;background:#f8fafc;border:1px solid #eef2f7;
  border-radius:10px;padding:.5rem .6rem;height:100%}
.pm-kpi i{font-size:1.1rem;color:var(--iue-primario)}
.pm-kpi-valor{font-size:1.05rem;font-weight:700;line-height:1.1}
.pm-kpi-rotulo{font-size:.68rem;color:#64748b;line-height:1.15}
.pm-informe{font-size:.84rem;line-height:1.5;background:#f8fafc;border:1px solid #eef2f7;
  border-radius:10px;padding:.7rem .8rem;margin-bottom:.5rem;white-space:pre-wrap}
@media(max-width:768px){.panel-municipio{width:calc(100% - 24px)}}

/* ── Accesos a los módulos (tablero) ──────────────────────────────────── */
/* El tablero es solo esta botonera, así que las tarjetas mandan en la página. */
.modulos{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1rem}
.modulo{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;
  background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 1.35rem 1.2rem;
  min-height:230px;box-shadow:0 1px 3px rgba(15,23,42,.05);color:#0f172a;position:relative;
  transition:border-color .15s,box-shadow .15s,transform .15s}
.modulo:hover{border-color:var(--mc);box-shadow:0 10px 26px rgba(15,23,42,.12);
  transform:translateY(-3px);color:#0f172a}
.modulo .mi{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;
  font-size:1.6rem;color:var(--mct,#fff);background:var(--mc);margin-bottom:.9rem;flex:none;
  box-shadow:0 4px 14px color-mix(in srgb,var(--mc) 35%,transparent)}
.modulo .mt{font-weight:650;font-size:1.12rem;line-height:1.25}
.modulo .md{font-size:.84rem;color:#94a3b8;line-height:1.35;margin-top:.2rem}
/* Lo que la persona tiene a cargo. Va con el color del módulo para que se
   lea antes que la cifra institucional, que queda debajo y en gris. */
.modulo .mm{font-size:.88rem;font-weight:700;color:var(--mc);line-height:1.35;
  margin-top:.25rem;display:flex;align-items:center;gap:.35rem}
.modulo .mm i{font-size:.8rem;opacity:.8}
.modulo .md-chico{font-size:.74rem;margin-top:.05rem;color:#cbd5e1}
.modulo .ma{margin-top:auto;padding-top:.9rem;font-size:.8rem;font-weight:600;
  color:var(--mc);display:flex;align-items:center;gap:.35rem;opacity:0;
  transform:translateX(-4px);transition:opacity .15s,transform .15s}
.modulo:hover .ma{opacity:1;transform:none}
.modulo.pendiente .ma{display:none}
.modulo.pendiente{background:#f8fafc;border-style:dashed}
.modulo.pendiente .mi{opacity:.5}
.modulo.pendiente .mt{color:#64748b}
.modulo .mp{position:absolute;top:.7rem;right:.75rem;font-size:.63rem;font-weight:700;
  letter-spacing:.4px;text-transform:uppercase;color:#94a3b8;background:#eef2f7;
  border-radius:99px;padding:.12rem .5rem}
@media (max-width:1400px){.modulos{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.modulos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.modulos{grid-template-columns:1fr}.modulo{min-height:0}}
.kpi-icono-grande{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;
  font-size:1.6rem;color:#fff;flex:none;box-shadow:0 4px 14px rgba(15,23,42,.18)}

/* ── Convocatorias ────────────────────────────────────────────────────── */
.conv-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.1rem .9rem;
  box-shadow:0 1px 3px rgba(15,23,42,.05);cursor:pointer;position:relative;height:100%;
  transition:border-color .15s,box-shadow .15s}
.conv-card:hover{border-color:var(--cc)}
.conv-card.sel{border-color:var(--cc);box-shadow:0 0 0 2px color-mix(in srgb,var(--cc) 28%,transparent),
  0 6px 18px rgba(15,23,42,.08)}
.conv-card .cinta{height:3px;border-radius:2px;background:var(--cc);margin:-.25rem -.25rem .75rem}
.conv-card .cifra{font-size:1.2rem;font-weight:700;line-height:1.1}
.conv-card .rot{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}
.conv-card .orden-badge{background:var(--cc);color:#fff;border-radius:99px;min-width:22px;height:22px;
  padding:0 6px;display:grid;place-items:center;font-size:.72rem;font-weight:700;flex:none}

.tabla-programas{display:flex;flex-direction:column;gap:.35rem;max-height:460px;overflow-y:auto}
.prog-fila{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) 64px;gap:.6rem;
  align-items:center;background:#f8fafc;border:1px solid #e9eef5;border-radius:8px;padding:.35rem .6rem}
.prog-fila.excluida{opacity:.45}
.prog-fila.excluida .crudo{text-decoration:line-through}
.prog-fila .crudo{font-size:.78rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prog-fila .cuenta{font-size:.78rem;color:#94a3b8;text-align:right;font-variant-numeric:tabular-nums}

/* ── Identidad corporativa aplicada a Bootstrap ─────────────────────────
   Bootstrap trae su propio azul. Aquí se reemplaza por el de la IUE en
   los elementos que se ven en pantalla: botones, enlaces, foco de los
   campos, pestañas y badges. Los colores de estado del mapa (morado,
   verde, azul, ámbar) NO se tocan: allí el color significa algo.       */
.btn-primary{--bs-btn-bg:var(--iue-primario);--bs-btn-border-color:var(--iue-primario);
  --bs-btn-hover-bg:color-mix(in srgb, var(--iue-primario) 86%, #000);
  --bs-btn-hover-border-color:color-mix(in srgb, var(--iue-primario) 86%, #000);
  --bs-btn-active-bg:color-mix(in srgb, var(--iue-primario) 78%, #000);
  --bs-btn-active-border-color:color-mix(in srgb, var(--iue-primario) 78%, #000);
  --bs-btn-disabled-bg:var(--iue-primario);--bs-btn-disabled-border-color:var(--iue-primario)}
.btn-outline-primary{--bs-btn-color:var(--iue-primario);--bs-btn-border-color:var(--iue-primario);
  --bs-btn-hover-bg:var(--iue-primario);--bs-btn-hover-border-color:var(--iue-primario);
  --bs-btn-active-bg:var(--iue-primario);--bs-btn-active-border-color:var(--iue-primario)}
/* El naranja se reserva para la acción principal de cada pantalla. */
.btn-acento{background:var(--iue-secundario);border-color:var(--iue-secundario);color:#fff}
.btn-acento:hover,.btn-acento:focus{color:#fff;
  background:color-mix(in srgb, var(--iue-secundario) 88%, #000);
  border-color:color-mix(in srgb, var(--iue-secundario) 88%, #000)}

.text-primary{color:var(--iue-primario) !important}
.bg-primary{background-color:var(--iue-primario) !important}
.border-primary{border-color:var(--iue-primario) !important}
.link-primary{color:var(--iue-primario) !important}

.form-control:focus,.form-select:focus,.form-check-input:focus{
  border-color:color-mix(in srgb, var(--iue-primario) 50%, #fff);
  box-shadow:0 0 0 .2rem color-mix(in srgb, var(--iue-primario) 18%, transparent)}
.form-check-input:checked{background-color:var(--iue-primario);border-color:var(--iue-primario)}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--iue-primario)}
.nav-tabs .nav-link.active{color:var(--iue-primario);border-bottom-color:#fff}
.page-item.active .page-link{background-color:var(--iue-primario);border-color:var(--iue-primario)}
.dropdown-item:active{background-color:var(--iue-primario)}
.progress-bar{background-color:var(--iue-primario)}
.spinner-border.text-primary{color:var(--iue-primario) !important}
.table>:not(caption)>*>*{--bs-table-accent-bg:transparent}
.table-primary{--bs-table-bg:color-mix(in srgb, var(--iue-primario) 10%, #fff)}
.alert-primary{--bs-alert-bg:color-mix(in srgb, var(--iue-primario) 8%, #fff);
  --bs-alert-border-color:color-mix(in srgb, var(--iue-primario) 25%, #fff);
  --bs-alert-color:color-mix(in srgb, var(--iue-primario) 80%, #000)}

/* Encabezado de pantalla: el título en azul institucional. */
.barra-superior h1{color:var(--iue-primario)}
.card-header{color:var(--iue-primario)}
.avatar{background:var(--iue-primario)}
.sb-toggle{background:var(--iue-primario)}

/* Resumen en vivo al elegir los programas de una convocatoria.
   Pegajoso arriba de la lista: con doce programas hay que desplazarse, y
   el contador tiene que seguir a la vista justo cuando se está marcando
   lo que queda abajo —que es donde se cometió el error que motivó esto. */
.resumen-prog{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;
  background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;
  padding:.5rem .75rem;position:sticky;top:0;z-index:2}

/* Buscador dentro de una lista de personas. El icono va sobre el campo
   en vez de al lado: al lado empuja el campo y en pantallas estrechas lo
   deja de dos renglones. */
.buscador-gente{position:relative}
.buscador-gente>i{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);
  color:#94a3b8;font-size:.85rem;pointer-events:none}
.buscador-gente input{padding-left:1.9rem}