.topo, .topo2 {
  background: #771823 url("/images/natal-2025/bg-topo.jpg") repeat-x top !important;
  background-size: auto 100% !important;
}

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

.topo .logo,
.topo2 .logo {
  margin: 0;
}

.topo .logo a,
.topo2 .logo a {
  background: url("/images/natal-2025/logo-corpoevida.png") no-repeat !important;
  background-position-x: left !important;
  background-position-y: 5px !important;
  background-size: 100% !important;
  display: inline-block;
  width: 280px;
}

.topo.small .logo a,
.topo2.small .logo a {
  background: url("/images/natal-2025/logo-corpoevida.png") top left no-repeat !important;
  background-size: auto 102% !important;
  display: inline-block;
  width: 280px;
  padding: 0;
}

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

.topo .menu_rapido .bto_confiavel a i, #atendimento_sup i, #lojas_sup i {
  background: #007e6e url(/images/natal-2025/links-top-cadeado-generico.png) no-repeat;
}

#atendimento_sup i {
  background-position: -26px 0;
}

.topo .menu_rapido .bto_confiavel a i {
  background-position: -54px 0;
}

.topo .menu_usuario .icone {
  background: url(/images/natal-2025/menu-sup-sprite-hover.png) no-repeat;
}

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

.topo .menu_usuario a:hover .icone {
  background: url(/images/natal-2025/menu-sup-sprite-hover.png) no-repeat;
}

.topo .menu_usuario .icone_cadastrar,
.topo .menu_usuario a:hover .icone_cadastrar {
  background-position: 0 -27px;
}

.topo .menu_usuario .icone_entrar, .topo .menu_usuario a:hover .icone_entrar {
  background-position: -27px -27px;
}

.topo .menu_usuario .icone_pedidos, .topo .menu_usuario a:hover .icone_pedidos {
  background-position: -27px 0;
}

.topo .menu_usuario .icone_cadastro, .topo .menu_usuario a:hover .icone_cadastro {
  background-position: 0 0;
}

.topo .menu_usuario .icone_sair, .topo .menu_usuario a:hover .icone_sair {
  background-position: -54px 0;
}

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

.topo .bto_carrinho_topo {
  background: #007e6e;
  box-shadow: 0 3px 10px 0 rgb(0 0 0 / 35%);
}

.topo .bto_carrinho_topo:hover {
  box-shadow: 0 1px 5px 0 rgb(0 0 0 / 55%);
  filter: brightness(1.2);
}

.topo2 .busca form input[type=search],
.topo .busca form input[type=search] {
  border: none;
  border-radius: 5px;
  background: #760911;
  color: #fff;
  box-shadow: 0 5px 20px rgb(0 0 0 / 5%);
  width: 400px;
}

.topo .busca form input[type=search]:focus {
  width: 400px !important;
}

.topo2 .busca form input[type=search]::placeholder,
.topo .busca form input[type=search]::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

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

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

.topo .menu_geral {
  border-top: 2px solid #72aea6;
  background: #007e6e;
}

.topo.small .menu_geral ul li a,
.topo .menu_geral ul li a {
  color: #fff;
  padding: 12px 20px 15px 20px;
}

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

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

.avisos {
  border-bottom: none;
}

.topo .menu_geral .destaques .vermelho {
  background: #791823;
}

.topo .menu_geral .destaques .vermelho:hover {
  filter: brightness(1.2);
}

.topo .menu_geral .destaques .vermelho a {
  color: #fff;
  text-shadow: 0 2px 4px rgb(0 0 0 / 30%);
  padding: 14px 60px;
  letter-spacing: 0.5px;
  font-size: 16px;
}

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

.spacer {
  display: block;
  clear: both;
  height: 169px;
  background: #ececec;
  border-bottom: 1px solid #dddddd;
}

.topo.small + .spacer {
  height: 128px;
}

.selos .flag_promo {
  display: block !important;
  background: transparent url("/images/natal-2025/selo.png") top left no-repeat;
  background-size: contain;
  /*background-size: cover;*/
  width: 97px;
  height: 76px;
  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: 1200px) {
  .topo .busca form input[type=search] {
    width: 230px !important;
  }

  .topo .busca form input[type=search]:focus {
    width: 280px !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;
    background-position-y: top !important;
  }

  .spacer {
    height: 160px !important;
  }

}

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

  .topo .menu_geral {
    border: none;
  }

  .topo .logo,
  .topo2 .logo {
    margin: 0 0 0 30%;
  }

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

  .topo .menu_usuario .icone {
    filter: brightness(5.0);
  }

  .selos .flag_promo {
    width: 97px;
    height: 76px;
  }

  .foto_produto .selos .flag_promo {
    width: 97px;
    height: 76px;
  }

  .spacer {
    height: 0;
    border-bottom: none;
    display: none;
  }

  .topo .busca form input[type=search] {
    width: 100% !important;
  }

  .topo .busca form input[type=search]:focus {
    width: 100% !important;
  }
}

@media all and (max-width: 768px) {
  .topo .logo,
  .topo2 .logo a {
    width: 40%;
  }
}

@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%;
  }

  .topo .busca form input[type=search] {
    width: 100% !important;
  }

  .topo .busca form input[type=search]:focus {
    width: 100% !important;
  }
}

@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;
  }
}