.topo, .topo2 {
  background: #0f2023 url("/images/black-november-2025/bg-topo.jpg") !important;
}

.topo {
  border-top: 3px solid #117899;
}

.topo .logo a,
.topo2 .logo a {
  background: url("/images/black-november-2025/logo-corpoevida-november.png") top left no-repeat !important;
  display: inline-block;
  width: 350px;
}

.topo.small .logo a,
.topo2.small .logo a {
  background: url("/images/black-november-2025/logo-corpoevida-november.png") top left no-repeat !important;
  background-size: contain !important;
  display: inline-block;
  width: 350px;
}

.topo .menu_rapido .bto_confiavel a, #atendimento_sup, #lojas_sup {
  background: #050505;
}

.topo .menu_rapido .bto_confiavel a i, #atendimento_sup i, #lojas_sup i {
  filter: invert(1);
}

.topo .menu_usuario .icone {
  filter: grayscale(1);
}

.topo .menu_usuario ul li a {
  color: #fff;
}

.topo .menu_usuario ul li a:hover {
  color: #1ac1df;
}

.topo .menu_usuario ul li a:hover .icone {
  filter: none;
}

.topo .bto_carrinho_topo {
  background: #0095ac;
}

.topo .bto_carrinho_topo:hover {
  background: #0095ac;
  filter: brightness(2.5);
  box-shadow: 0 4px 25px 0 rgb(0, 0, 0, 55%);
}

.topo2 .busca form input[type=search],
.topo .busca form input[type=search] {
  border: 1px #fff solid;
  background: none;
  color: #fff;
}

.topo2 .busca form input[type=search]::placeholder,
.topo .busca form input[type=search]::placeholder {
  color: #7f7f7f;
}

.topo2 .busca form input[type=submit],
.topo .busca form input[type=submit] {
  filter: brightness(10);
}

.topo .menu_geral {
  border-top: 1px solid #1f2427;
  background: none;
}

.topo .menu_geral ul li a {
  color: #fff;
}

.topo .menu_geral ul li a .seta {
  background-position: -60px 5px;
}

.avisos {
  border-bottom: none;
}

.topo .menu_geral .destaques .vermelho {
  background: #feb101;
  background: radial-gradient(circle, rgba(254, 177, 1, 1) 50%, rgba(236, 135, 1, 1) 100%);
}

.topo .menu_geral .destaques .vermelho a {
  color: #fff;
  font-size: 17px;
  padding-right: 20px;
  letter-spacing: 0.5px;
}

.topo .menu_geral .destaques .vermelho a .seta {
  background-position: -21px 0;
  margin-left: 5px;
}

.selos .flag_promo {
  display: block !important;
  background: transparent url("/images/black-november-2025/selo-november.png") top left no-repeat;
  background-size: contain;
  /*background-size: cover;*/
  width: 95px;
  height: 95px;
  margin-top: 5px;
}

.home {
  background: linear-gradient(180deg, rgba(1, 4, 7, 1) 19%, rgba(255, 255, 255, 1) 29%);
}

.home .avisos_home .condicoes li {
  background-image: url("/images/black-november-2022/condicoes-frete-regioes-home-pix-2022.png") !important;
}

@media all and (max-width: 1183px) {
  .home {
    background: linear-gradient(180deg, rgba(22, 22, 22, 1) 11%, rgba(22, 22, 22, 0) 15%);
  }

  .topo .logo a, .topo.small .logo a, .topo2 .logo a {
    background-size: contain !important;
  }
}

@media all and (max-width: 992px) {
  .home {
    background: none;
  }

  .topo .menu_usuario ul li a {
    background: #2e9bac;
  }

  .topo .menu_usuario ul li a:hover {
    background: #1bb2ca;
  }

  .topo .menu_usuario ul li a:active {
    background: #31818d;
  }

  .bto_menu_usuario .icone:hover {
    background-color: #000;
    cursor: pointer;
  }

  .topo .menu_usuario .icone {
    display: none;
  }

  .selos .flag_promo {
    width: 90px;
    height: 81px;
  }

  .foto_produto .selos .flag_promo {
    width: 105px;
    height: 94px;
  }

}

@media all and (max-width: 478px) {
  .topo .logo,
  .topo.small .logo,
  .topo2.small .logo,
  .topo2 .logo {
    --logo-margin: 78px;
    margin-left: calc(var(--logo-margin) - 12px);
    width: calc(100% - 2 * var(--logo-margin));
    text-align: center;
  }

  .topo .logo a,
  .topo.small .logo a,
  .topo2 .logo a {
    background-position: center 2px !important;
    background-size: auto 54px !important;
    height: 60px;
    width: 100%;
  }
}

@media all and (max-width: 376px) {
  .topo .logo,
  .topo.small .logo,
  .topo2.small .logo,
  .topo2 .logo {
    --logo-margin: 66px;
    margin-left: calc(var(--logo-margin) - 12px);
    width: calc(100% - 2 * var(--logo-margin));
    text-align: center;
  }

  .topo .logo a,
  .topo.small .logo a,
  .topo2 .logo a {
    background-position: center center !important;
    background-size: auto 56px !important;
    height: 60px;
    width: 100%;
    margin: 0;
  }
}