/*
 * Transparência — busca na seção de Documentos (HU-1)
 * Carregado só pelo bloco compliance_downloads; o carrossel mantém os estilos do all.min.css.
 */
.td-busca {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
}
.td-busca label {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--cieds-blue-medium, #2f4858);
}
.td-busca-campo { position: relative; }
.td-busca-campo svg { position: absolute; left: 14px; top: 15px; color: #56606e; pointer-events: none; }
.td-busca-campo input {
  width: 100%;
  height: 50px;
  padding: 0 14px 0 44px;
  border: 1px solid #b3bccb;
  border-radius: 10px;
  background: #ffffff;
  font: inherit;
  font-size: 16px;
  color: #1d2a33;
}
.td-busca-campo input:focus { outline: 3px solid #9fdbe5; border-color: var(--cieds-blue-light, #00a1b8); }
.td-busca-resultado {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--cieds-blue-medium, #2f4858);
}
.td-limpar {
  min-height: 44px;
  padding: 0 4px;
  border: 0;
  background: none;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  color: #00788a;
  text-decoration: underline;
  cursor: pointer;
}
.td-vazio {
  margin: 0 0 18px;
  padding: 24px;
  border: 1px dashed #b3bccb;
  border-radius: 12px;
  background: #ffffff;
  font-size: 16px;
  color: var(--cieds-blue-medium, #2f4858);
}
[data-td-documentos] [hidden] { display: none !important; }

/*
 * No desktop a seção sobe 40px sobre a foto do topo e o carrossel sobe 36px
 * (transparencia-e-compliance.css): a busca desce para fora da foto, cobre a linha
 * decorativa com fundo branco e abre espaço para o carrossel.
 */
@media (min-width: 1024px) {
  .td-busca {
    position: relative;
    z-index: 1;
    margin: 84px 0 54px;
    padding: 4px 0;
    background: #ffffff;
  }
}