/* FTP - FUEL THE POWER */
/* CABEÇALHO DESKTOP - TEMA GALERIA */

@media (min-width: 992px) {

  /* Fundo branco */
  #cabecalho,
  #cabecalho > .container {
    background: #fff !important;
  }

  /* Linha principal */
  #cabecalho > .container > .row-fluid {
    display: grid !important;
    grid-template-columns: 1fr 220px 1fr;
    align-items: center;
    min-height: 95px;
    position: relative;
  }

  /* Remove o comportamento antigo das colunas */
  #cabecalho > .container > .row-fluid > .span3,
  #cabecalho > .container > .row-fluid > .conteudo-topo {
    float: none !important;
    margin: 0 !important;
    width: auto !important;
    position: static !important;
    transform: none !important;
  }

  /* Logo centralizada na tela */
  #cabecalho > .container > .row-fluid > .span3 {
    grid-column: 2;
    grid-row: 1;
    z-index: 2;
    text-align: center;
  }

  #cabecalho h1.logo {
    position: static !important;
    transform: none !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center;
  }

  #cabecalho h1.logo img {
    max-width: 200px !important;
    max-height: 80px !important;
    width: auto !important;
    height: auto !important;
  }

  /* Área dos controles ocupa a linha */
  #cabecalho .conteudo-topo {
    grid-column: 1 / 4;
    grid-row: 1;
    min-width: 0;
  }

  #cabecalho .conteudo-topo .inferior {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  /* Busca à esquerda */
  #cabecalho .busca-mobile {
    width: 250px !important;
    max-width: 250px;
    margin: 0 !important;
    float: none !important;
  }

  /* Ícones à direita */
  #cabecalho .inferior > .span4.hidden-phone {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
  }

  #cabecalho .inferior > .span4.hidden-phone > div {
    float: none !important;
  }

  /* Ícones pretos */
  #cabecalho i {
    color: #111 !important;
  }

  /* Menu de categorias */
  #cabecalho .menu.superior {
    background: #fff !important;
  }
}

/* FTP - AJUSTE DO CABEÇALHO DESKTOP */

@media (min-width: 992px) {

  /* Organiza o cabeçalho em 3 áreas */
  #cabecalho > .container > .row-fluid {
    display: grid !important;
    grid-template-columns: 1fr 220px 1fr !important;
    align-items: center !important;
    min-height: 90px !important;
  }

  /* Centraliza a logo */
  #cabecalho > .container > .row-fluid > .span3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    width: 220px !important;
    position: static !important;
    transform: none !important;
  }

  /* Controles ocupam a largura completa */
  #cabecalho .conteudo-topo {
    grid-column: 1 / 4 !important;
    grid-row: 1 !important;
    width: 100% !important;
    position: static !important;
  }

  #cabecalho .conteudo-topo .inferior {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  /* Busca à esquerda */
  #cabecalho .inferior .busca-mobile {
    width: 240px !important;
    flex: 0 0 240px !important;
  }

  /* Ícones à direita */
  #cabecalho .inferior > .span4.hidden-phone {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    flex: 0 0 auto !important;
    gap: 15px !important;
  }

  /* Corrige ícones */
  #cabecalho .inferior > .span4.hidden-phone > div {
    float: none !important;
  }
}