/* Filtros del tablón (empleos.colombia.com.co) — pensado para móvil primero */

.ec-filtros{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px 14px 10px;margin:0 0 18px;
  box-shadow:0 1px 2px rgba(16,35,63,.04)}
.ec-f-form{margin:0}

/* ---------- campos (como el buscador de la app) ---------- */
.ec-f-campos{display:grid;grid-template-columns:1fr;gap:10px}
.ec-f-campo{display:flex;align-items:center;gap:11px;border:1px solid #dfe3ea;border-radius:14px;
  padding:12px 14px;background:#fff;transition:border-color .15s, box-shadow .15s}
.ec-f-campo:focus-within{border-color:#124596;box-shadow:0 0 0 3px rgba(18,69,150,.12)}
.ec-f-ico{display:flex;flex:0 0 auto;color:#124596}
.ec-f-ico svg{width:22px;height:22px}
.ec-f-campo input{flex:1;border:0;outline:0;font-size:1rem;color:#10233f;background:transparent;min-width:0;padding:0}
.ec-f-campo input::placeholder{color:#7c8798}
.ec-f-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#124596;color:#fff;border:0;
  border-radius:14px;padding:13px 18px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none}
/* el tema del sitio pinta los botones con borde y color de enlace: aquí se fuerza el estilo propio */
.ec-filtros .ec-f-btn,
.ec-filtros button.ec-f-btn{background:#124596 !important;color:#fff !important;border:0 !important;
  box-shadow:none !important;line-height:1.2}
.ec-filtros .ec-f-btn:hover{background:#0d3573 !important;color:#fff !important}
.ec-filtros .ec-f-btn svg{width:18px;height:18px;stroke:#fff}

/* ---------- conteo visible de entrada ---------- */
.ec-f-conteo{margin:12px 2px 10px;font-size:.95rem;color:#33405a}
.ec-f-conteo strong{color:#0d3573;font-size:1.15rem}
.ec-f-sep{color:#c3cbd8;margin:0 4px}

/* ---------- chips ---------- */
.ec-f-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ec-f-chips::-webkit-scrollbar{display:none}
.ec-chip{flex:0 0 auto;border:1px solid #dfe3ea;background:#f8fafc;color:#33405a;border-radius:999px;
  padding:7px 13px;font-size:.88rem;cursor:pointer;white-space:nowrap}
.ec-chip b{color:#8a94a6;font-weight:600;margin-left:3px}
.ec-chip:hover{border-color:#b9c7dc}
.ec-chip.es-activo{background:#124596;border-color:#124596;color:#fff}
.ec-chip.es-activo b{color:#cfe0f7}

/* ---------- filtros finos ---------- */
.ec-f-finos{display:grid;grid-template-columns:1fr;gap:8px;padding:0 2px 6px}
.ec-f-mini{display:block}
.ec-f-mini>span{display:block;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#8a94a6;margin-bottom:4px}
.ec-f-mini select{width:100%;padding:9px 11px;border:1px solid #dfe3ea;border-radius:11px;font-size:.95rem;background:#fff;color:#10233f}
.ec-f-aviso{font-size:.88rem;color:#6b7280;margin:6px 2px 2px}
.ec-f-resultados{min-height:60px}

/* ---------- móvil: el bloque se queda pegado arriba ---------- */
@media(max-width:782px){
  .ec-filtros{position:sticky;top:0;z-index:40;border-radius:0 0 14px 14px;margin:-8px -14px 14px;padding:12px 14px 8px;
    box-shadow:0 6px 14px rgba(16,35,63,.10)}
  .ec-filtros.es-compacto .ec-f-finos{display:none}
  .ec-filtros.es-compacto .ec-f-chips{display:none}
  .ec-filtros.es-compacto .ec-f-conteo{margin:8px 2px 6px;font-size:.9rem}
  .ec-filtros.es-compacto .ec-f-campos{gap:8px}
  .ec-f-campo{padding:10px 12px}
}
@media(min-width:783px){
  .ec-f-campos{grid-template-columns:1fr 1fr auto;align-items:center}
  .ec-f-finos{grid-template-columns:repeat(3,1fr);gap:12px;padding:4px 2px 8px}
  .ec-f-conteo{margin:14px 2px 10px;font-size:1rem}
}

/* contador en vivo de las landings */
.ec-conteo-vivo{background:#f4f7fb;border:1px solid #dce6f2;border-radius:14px;padding:16px 18px;margin:0 0 18px}
.ec-cv-num{margin:0 0 4px;font-size:15px;color:#0B2B4B}
.ec-cv-num strong{font-size:34px;line-height:1;color:#0B5ED7;display:inline-block;margin-right:6px}
.ec-cv-nota{margin:0 0 10px;font-size:13px;color:#5b6b7d}
.ec-cv-cta{margin:0}
.ec-cv-linea{display:inline-block;font-size:14px;padding:5px 0;text-decoration:none;color:#0B5ED7;border-bottom:1px solid rgba(11,94,215,.18);margin:0 0 6px;width:100%}
.ec-cv-linea strong{font-size:17px}
.ec-busca-landing{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.ec-busca-landing input[type=search]{flex:1 1 240px;padding:10px 12px;border:1px solid #cfdcea;border-radius:10px;font-size:15px}
.ec-busca-landing button{background:#0B5ED7;color:#fff;border:0;border-radius:10px;padding:10px 20px;font-weight:600;cursor:pointer}