:root {
  --canal-main-color: #0C4C8A;
  --canal-secondary-color: #8BC61A;
  --canal-tertiary-color: #FFC400;
}
.float-window-form {
  width: 600px;
  margin-left:-300px;
}
.por-frm-acesso {
    padding:0 3%;
}
.header-user-logado {
  text-align:center;
  background-color:var(--canal-main-color);
}
  .header-user-logado p {
    margin:0;
  }
  .header-user-logado .icon-user {
    width:23px;
    height:23px;
    background-color:#fff;
    backgrodund-position:center;
    border-radius:50%;
  }
  .header-user-logado label {
    display:inline-block;
    margin:0 10px;
  }
  .header-user-logado a,
  .header-user-logado span,
  .header-user-logado label {
    color:#fff;
    opacity:.8;
  }
  .header-user-logado a:hover,
  .header-user-logado span:hover {
    opacity:1;
    cursor:pointer;
  }
.canal-cor-principal {
  color: var(--canal-main-color);
}
.canal-cor-secundaria {
  color: var(--canal-secondary-color);
}
.canal-bg-cor-principal {
  background-color: var(--canal-main-color);
}
.canal-bg-cor-secundaria {
  background-color: var(--canal-secondary-color);
}
.alinhaPagina {
 max-width: 96%;
}
#pagTopo {
  clear:both;
  float:left;
  width:100%;
  margin-bottom:15px;
  background-color:var(--canal-main-color);
}
#pagMeio {width:100%;padding:0 0 0 0;}
#pagRodape {clear:both;float:left;width:100%;padding:20px 0;background-color:#eaeaea;border-top:2px solid #ccc;}
#pagRodape .alinhaPagina div {padding:0 20px;text-align:center;}
#pagRodape .alinhaPagina div ul {padding:0 0 10px 0;}
#pagRodape .alinhaPagina div ul li {display:inline-block;}
#pagRodape .alinhaPagina div ul li span {display:inline-block;padding:0 5px;}
#pagRodape .alinhaPagina div ul li span:hover {text-decoration:underline;cursor:pointer;}
#pagRodape div img {width:150px;border:0;}

#pagTopo .topo-logo {
  clear:both;
  float:left;
  width:100%;
  padding:0;
}

.canal-foto-nome {

  text-align:center;
  padding-top:10px;
}
.canal-foto-nome a img {
  height: 50px;
  max-width:100%;
}

#pagTopo .canal-foto-nome .logo-png {
  background-color:transparent;
  filter:  brightness(0) invert(1);
}

.canal-foto-nome span  {
  margin-top:10px;
  background-color:#fff;
  padding: 10px;
  text-align: center;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;
  color:var(--canal-main-color);
}
.canal-busca, .canal-btns-seguir-mensagem, .canal-meu-canal, .canal-mensagem {
  position: relative;
  text-align:center;
  line-height:50px;
}

  #pagTopo .btn {
   line-height:normal;
  }

  #pagTopo .canal-seguidor-seguindo:hover tr td p label {
    cursor:pointer;
  }

.canal-menu-horizontal {
  float:left;
  width:100%;
  text-align:center;
}
.canal-menu-horizontal span {display:block;}
.canal-menu-horizontal ul {clear:both;float:left;width:100%;text-align:center;width:100%;}
.canal-menu-horizontal ul li {display:inline-block;margin:0 5px;}
.canal-menu-horizontal ul li span {display:block;padding:9px 10px;border-bottom:2px solid transparent;color:#fff;color: rgba(255, 255, 255, 0.7);font-weight:bold;text-transform:uppercase;}
.canal-menu-horizontal ul li span:hover {cursor:pointer;color:#fff;border-color:#fff;}
.canal-menu-horizontal ul li .ativo {color:#fff;border-color:var(--canal-secondary-color);}


.formQuadro {display:block;}

.vitrine, .vitrine .paginacao {clear:both;float:left;width:100%;}

.jssorb05 {
  position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
  position: absolute;
  width: 16px;
  height: 16px;
  background: url('../../images/b05.png') no-repeat;
  overflow: hidden;
  cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.qdo-destaque {position:relative;margin:0 auto;top:0;left:0;width:100%;height:250px;overflow:hidden;visibility:hidden;margin-bottom:15px;}
.qdo-destaque .qdo {position:relative;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.qdo-destaque .qdo img {
  width:100%;
  height: 100%;
}

  .float-window .float-window-form .window-title,
  .float-window .float-window-form .divGravar span,
  .frame-border {
    background-color:var(--canal-main-color);
  }

  #pagCanal .btn {
    background-color:var(--canal-secondary-color);
  }

  .text-link {
    color:var(--canal-main-color)!important;
  }

  #meuCanal {
    color:#fff;
  }
.col-menu {
  position:relative;
}

#canal-menu-vertical {
  clear:both;
  float:left;
  width:100%;

}
#canal-menu-vertical ul {
  padding-bottom:7px;
  margin-bottom:7px;
  border-bottom:1px solid #ccc;
}
#canal-menu-vertical ul li,
#canal-menu-vertical ul li span {
  display:block;
}
#canal-menu-vertical ul li span {
  font-size:1.2em;
  padding:7px 10px;
  color:var(--canal-main-color);
}
  #canal-menu-vertical ul li span:hover {
    cursor:pointer;
    background-color:#eaeaea;
  }

#canal-menu-vertical #minhaLoja ul {
  border:0;
}

#canal-menu-vertical .mv-lateral {
  width:100%;
  padding:0;
  background-color:transparent;
}

#minhasMarcas ul {
  clear:both;
  float:left;
  width:100%;
  text-align:center;
}

  #minhasMarcas ul li {
    width:60px;
    height:50px;
    display:inline-block;
    margin:5px 10px;
  }
  #minhasMarcas ul li:hover {
   cursor:pointer;
  }
  #minhasMarcas ul li img {
    max-height:100%;
    max-width:100%;
  }
/*-------------------------*/
#conteudoFeefd, #conteudoFeedLateral {
   width:100%;
}
#conteudoFeed, .vitrine .vitrine {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
  }

#pagPrincipal #conteudoFeed > :first-child {
  grid-column: span 2;
}
#pagPrincipal #conteudoFeed > :first-child {
  font-size:1.5em;
}

#conteudoFeed > *,
  .vitrine .vitrine > *{
  padding: 10px;
  background: #f2f2f2;
  box-sizing: border-box;
}

#conteudoFeed .conteudo-caixa {
  position:relative;
}
#conteudoFeed .conteudo-caixa:first-child .con-summary {
  font-size:.8em;
}

#conteudoFeed .conteudo-caixa .canal {
  width:80%;
}

#conteudoFeed .conteudo-caixa .canal-menu-btn {
  position:absolute;
  float:right;
  top:0;
  right:0;
  width: 45px;
  height: 33px;
  line-height:33px;
  font-size:2.3em;
  text-align:center;
}
#conteudoFeed .conteudo-caixa .canal-menu-btn:hover {
  cursor:pointer;
  font-weight:bold;
}
#conteudoFeed .conteudo-caixa .canal-menu-btn ul {
  display:none;
  min-width:200px;
  padding:10px 5px;
  margin:0;
  transform: translateX(-80%);
  text-align:left;
  font-size:13px;
  position:absolute;
  z-index:500;
  border-radius:5px;
  background-color:#fff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
#conteudoFeed .conteudo-caixa .canal-menu-btn:hover ul {
  display:block;
}

#conteudoFeed .conteudo-caixa .canal-menu-btn ul li {
  font-weight:normal;
}
  #conteudoFeed .conteudo-caixa .canal-menu-btn ul li a {
   color:#000;
  }
  #conteudoFeed .conteudo-caixa .canal-menu-btn ul li:hover {
  background-color:#eaeaea;
  cursor:pointer;
}

.conteudo-caixa .no-photo .con-image  {
  display:none;
}

#conteudoFeedLateral .comercio-eletronico-caixa .img {
    padding-top:0;
  }

  #conteudoFeedLateral .comercio-eletronico-caixa .img img {
    height:auto;
    max-height:100%;
    max-width:100%;
  }
  #conteudoFeed .comercio-eletronico-caixa .txt,
  #conteudoFeedLateral .comercio-eletronico-caixa .txt {
    background:transparent;
    margin:0;
    width:100%;
  }

#conteudoFeed .conteudo-caixa .mat-image {
  display:block;
  padding:0;
  width:100%;
}

#conteudoFeed .conteudo-caixa .con-image img,
#conteudoFeed .conteudo-caixa .con-text {
  width:100%;
}

.conteudo-caixa .con-sec-name {
  color: var(--canal-secondary-color);
}

.conteudo-caixa .con-title,
.conteudo-caixa .con-summary {
  color:#666;
}
.conteudo-caixa .con-title:hover {
  color: var(--canal-main-color);
}

#conteudoFeedLateral .vitrine .vitrine {
  margin-bottom:15px;
}

#conteudoFeedLateral .comercio-eletronico-caixa  {
  padding:10px;
  font-size:.9em;
 }
#conteudoFeedLateral .comercio-eletronico-caixa .pp {
   font-size:.9em;
}
#conteudoFeedLateral .vitrine h1 a {
  color:var(--canal-main-color);
}

  #pagCanal .paginacao {
   display:none;
  }
  #conteudoFeedLateral .vitrine .btnG {
    background-color:var(--canal-main-color)!important;
  }
  #conteudoFeedLateral .paginacao,
  #conteudoFeedLateral .busca-itens {
   display:none;
  }

   .CaixaBolsaDeEmpregosBusca .quadro  {
    background-size:55%;
   }
  .CaixaBolsaDeEmpregosBusca .quadro .quadro-inner {
   min-height:220px;
  }

  .CaixaBuscaVideos {
    color:#fff;
  }
  .CaixaBuscaVideos .CaixaBuscaCategorias ul li {
    white-space: nowrap;
  }

/* Quem Somos */
#qdoMapa {
  clear:both;
  width:100%;
  float:left;
  border-top:1px solid #ccc;
  padding-top:10px;
}
.icon-user {
  border-radius: 50%;
  background-color: #fff;
}

.canal-perfil {
  font-size:1.2em;
}
  .canal-perfil .perfil .quadro {
    clear:both;
    float:left;
    width:100%;
    padding:0 10px;
    margin-bottom:15px;
  }
  .canal-perfil .perfil .quadro .foto-nome {
    clear:both;
    float:left;
    width:100%;
    border-bottom:1px solid var(--canal-main-color);
    margin-bottom:5px;
  }

.perfil .descricao {
 display:none;
}

.perfil {
  background-color: #fff;
  padding:0;
}

.seguidor-info {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.seguidor-acao {
  width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.canal-nome {
  color: #666;
}

  .Lista {
   background-color:var(--canal-main-color);
  }

.pagConteudo figure,
.pagConteudo figure img {
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}

@media only screen and (max-width:1024px) {
  .search-container.expanded input {
     width: 60%;
  }
  .float-window-form {
    width: 98%;
    max-width:98%;
    min-height:initial;
    positidon: relative;
    left: 0;
    right:0;
    top: 10px;
    margin:0 1%;
    overflow: normal;
  }
  #pagTopo {
   text-align:center;
  }
  #pagTopo .btn-menu-mobile {
    position:absolute;
    top:13px;
    right:0;
    float:right;
    display:block;
  }
  #pagTopo .canal-foto-nome {
    paddding-top:12px;
    display:inline-block;
    width:70%;
  }
  #pagTopo .canal-foto-nome a {
   display:block;
  }
    #pagTopo .canal-foto-nome img {
      height:100%;
      max-width:100%;
      height:40px;
    }

  #pagTopo .canal-busca .search-btn {
    width:25px;
    height:25px;
  }
  .canal-busca, .canal-btns-seguir-mensagem, .canal-meu-canal {
    line-height:40px;
  }
  .canal-menu-horizontal {
    display:none;
  }
  .topo-line {
    border-top:1px solid #ffffff80;
  }
  #pagTopo .canal-btns-seguir-mensagem,
  #pagTopo .canal-seguidor-seguindo {
    padding:0;
  }
  #pagTopo .canal-seguidor-seguindo table {
    padding:0;
    border-collapse:collapse;
  }
  #pagTopo .container-padding-left,
  #pagTopo .container-padding-right,
  #pagTopo .container-padding-both {
    padding:0;
  }

  .col-menu {
    position:absolute;
    z-index:999;
    width:50%;
    padding-right:10px;
    margin-left:-100%;
    background-color:#fff;
    border-right:1px solid var(--canal-main-color);
    box-sizing: border-box;
    margin-top:-15px;
  }
  .col-workarea {
    width:100%;
  }
  #minhasMarcas ul li img {
   height:35px;
  }
}