@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700&display=swap");

/* Academia de Polícia Civil - RS
   Paleta: preto #161616, grafite #282828, cinza #555, névoa #dcdcdc/#f7f7f7, detalhe dourado do distintivo #b89b5e */

/* Fundo: degradê cinza claro suave */
.search {
  background: #eeeeee
    linear-gradient(180deg, #f7f7f7 0%, #ececec 45%, #dcdcdc 100%) fixed;
  background-size: cover;
  color: #555;
}
.search .searchTop {
  background: none;
  background-color: rgba(0, 0, 0, 0);
}
.search .gridActions {
  min-width: 35px;
}
.search .mFormBody {
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.search #searchFields {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  margin-bottom: 12px;
}
.search .simpleSearchLeftBrgMenu fieldset {
  top: 580px;
}

/* Topo (SEARCH_THEME_TOP): o .searchBanner do tema base usa o mesmo left do .gUserMenu,
   então o brasão fica alinhado acima de Minha Biblioteca */
.search .pcTopo {
  display: flex;
  align-items: center;
  height: 122px;
  gap: 18px;
  margin-top: 10px;
  margin-left: 70px;
}
.search .pcBrasao {
  display: block;
  height: 112px;
  width: auto;
  mix-blend-mode: multiply;
}
.search .pcTitulo {
  border-left: 2px solid #161616;
  padding-left: 18px;
  font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  line-height: 1.05;
  white-space: nowrap;
}
.search .pcInstituicao {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #161616;
  letter-spacing: 0.01em;
}
.search .pcBiblioteca {
  display: block;
  margin-top: 4px;
  font-size: 19px;
  font-weight: 500;
  color: #555;
  letter-spacing: 0.03em;
}

/* Barra de menu superior: preta com filete dourado */
.search .GSearchMenu {
  background: #161616 none;
  border-bottom: 3px solid #b89b5e;
}
.search .GSearchMenuButton {
  text-shadow: none;
  color: #f4f4f4;
}
.search .GSearchMenuButton:hover {
  background-color: #2e2e2e;
}
.search .GSearchMenuSeparator {
  background: none;
  border-left: 1px solid #3a3a3a;
  width: 0;
}

/* "Minha Biblioteca" na barra: o texto vinha do gnutecaSearchMenu.png;
   a div #myLibrary é vazia, então o texto entra via ::before.
   Largura igual à coluna do menu Minha Biblioteca logo abaixo. */
.search #myLibrary.GSearchMenuMyLibrary {
  box-sizing: border-box;
  width: 240px;
  height: 43px;
  background-color: #282828;
  border-right: 1px solid #3a3a3a;

  display: flex;
  align-items: center;
  justify-content: center;
}
.search #myLibrary.GSearchMenuMyLibrary::before {
  content: "Minha Biblioteca";
  /* font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; */
  font-size: 20px;
  font-weight: 700;
  color: #f4f4f4;
  /* letter-spacing: 0.02em; */
}
.search #linkMyLibrary {
  text-decoration: none;
}
.search #linkMyLibrary:hover #myLibrary.GSearchMenuMyLibrary {
  background-color: #3a3a3a;
}

/* Minha Biblioteca */
.search .gUserMenu {
    margin-top: 14px;
}
.search .gUserMenuButton {
  background: none;
  border-bottom: 1px solid #cfcfcf;
}
.search .gUserMenuButtonEx .mLink:link,
.search .gUserMenuButtonEx {
  color: #161616;
}
.search .gUserMenuButtonEx .mLink:link:hover {
  color: #555;
}

/* Login no topo */
#btnLoginUpper {
  padding: 0px;
  margin-top: 8px;
  margin-left: 279px;
}
.search #upperUserLogin {
  color: #161616;
  width: 442px;
  margin-left: 615px;
  margin-top: -142px;
}
.search .mLabelSimpleSsearch {
  margin-right: 93px;
  margin-top: 4px;
}
#esqueciMinhaSenhaUpper {
  color: #555 !important;
  text-decoration: none !important;
  margin-left: 220px;
  font-weight: normal;
}
#esqueciMinhaSenhaUpper:hover {
  color: #161616 !important;
  text-decoration: underline !important;
}
.search .mTextFieldSimpleSearch {
  margin: 1px;
  width: 92px;
  padding: 1px;
}
.search .mLabelSimpleSearch {
  display: inline-table;
  width: 63px;
  height: 22px;
  color: #282828;
}
.search .mLabelSimpleSsearch a {
  color: #282828;
}

/* Botões e foco */
.search .mButton,
.search #btnSearch {
  background: #161616 none;
  color: #fff;
  border: 1px solid #161616;
}
.search .mButton:hover,
.search #btnSearch:hover {
  background-color: #3a3a3a;
  border-color: #3a3a3a;
}
.search .mButton:focus-visible,
.search .mTextField:focus-visible,
.search .mSelection:focus-visible,
.search a:focus-visible {
  outline: 2px solid #161616;
  outline-offset: 2px;
}

/* Grid, abas e novidades: remove os azuis do tema padrão */
.search .mGridNavigation {
  background-color: #282828;
}
.search .mTabActive {
  border-top-color: #161616;
}
.search .newsBox {
  color: #555;
}
.search .newItem {
  background-color: #fafafa;
  border-color: #d2d2d2;
}
.search .newTitle,
.search .newReadMore a {
  color: #161616;
}

.search .simpleSearchLeftBrgMenuAndDivLeftMenu fieldset,
.search .simpleSearchLeftBrgMenu fieldset {
    display: none;
}

.search .simpleSearchUserSearch {
    top: 650px;
}

/* Rodapé (SEARCH_THEME_FOOTER) */
.search .searchFooter {
  clear: both;
  position: relative;
  width: auto;
  height: auto;
  margin: 24px 0 0;
  background: #282828 none;
}
.search .searchFooterContent {
  color: #f4f4f4;
  text-align: left;
}
.search .pcRodape {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 28px;
  padding: 22px 28px;
  border-top: 3px solid #b89b5e;
  font-size: 12px;
  line-height: 1.6;
  color: #cfcfcf;
}
/* Brasão recortado do footer_pc.png (mesmo fundo grafite do rodapé) */
.search .pcRodapeBrasao {
  flex: none;
  width: 66px;
  height: 84px;
  background: url("file.php?folder=searchTheme&file=footer_pc.png") no-repeat;
  background-size: 782px auto;
  background-position: -22px -13px;
}
.search .pcRodapeNome {
  flex: 1 1 320px;
  padding-left: 22px;
  border-left: 1px solid #4a4a4a;
  font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
}
.search .pcRodapeNome strong {
  display: block;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
  letter-spacing: 0.01em;
}
.search .pcRodapeNome span {
  display: block;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 500;
  color: #b3b3b3;
}
.search .pcRodapeContato {
  flex: 0 1 auto;
  font-style: normal;
}
.search .pcRodapeContato a {
  color: #f4f4f4;
  text-decoration: none;
  border-bottom: 1px solid #6a6a6a;
}
.search .pcRodapeContato a:hover {
  border-bottom-color: #b89b5e;
}
/* Assinatura do produto: logo branco/laranja com fundo transparente */
.search .pcRodapeSolis {
  padding-left: 24px;
  border-left: 1px solid #4a4a4a;
}
.search .pcRodapeSolis img {
  display: block;
  width: 95px;
  opacity: 0.85;
}
.search .pcRodapeSolis:hover img {
  opacity: 1;
}

/* Telas menores: o tema base pinta o topo de azul e esconde o rodapé */
@media screen and (max-width: 1023px) {
  .search #searchFields {
    margin-top: 15px;
  }
}

@media screen and (max-width: 600px) {
  .search .pcRodape {
    padding: 20px 16px;
  }
  .search .pcRodapeNome,
  .search .pcRodapeSolis {
    padding-left: 0;
    border-left: none;
  }
}