/* assets/hub-busca.css — caixa de busca dos HUBS (cidades, hospitais, operadoras). Fonte única:
   o markup mora nos templates dos hubs; o comportamento em assets/hub-busca.js. Ver ferramentas/hubs/README.md. */
.hub-busca { max-width: 640px; margin: 0 auto 28px; }
.hub-busca-rotulo { display: block; font-size: 12px; font-weight: 700; color: #0B386A; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.6px; }
.hub-busca-campo { position: relative; }
.hub-busca-campo > i, .hub-busca-campo > svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: #94A3B8; pointer-events: none; }
.hub-busca-campo input { width: 100%; height: 52px; padding: 0 16px 0 48px; border: 2px solid #E2E8F0; border-radius: 14px; font: 600 15px 'DM Sans', system-ui, sans-serif; color: #0B386A; background: #fff; outline: none; transition: border-color 0.2s, box-shadow 0.2s; -webkit-appearance: none; appearance: none; }
.hub-busca-campo input::placeholder { color: #94A3B8; font-weight: 500; }
.hub-busca-campo input:focus { border-color: #EB6B0F; box-shadow: 0 0 0 4px rgba(235,107,15,0.12); }
.hub-busca-info { margin: 8px 0 0; font-size: 13px; color: #64748b; min-height: 18px; text-align: center; }
.hub-busca-vazio { grid-column: 1 / -1; text-align: center; padding: 32px 16px; background: #fff; border: 1.5px dashed #E2E8F0; border-radius: 16px; color: #475569; font-size: 15px; line-height: 1.7; }
.hub-busca-vazio a { color: #EB6B0F; font-weight: 700; }
@media (max-width: 768px) { .hub-busca-campo input { height: 48px; font-size: 14px; } }