/* Apenas DESKTOP (largura mínima de 1024px) */
@media (min-width: 1024px) {
  /* Fundo do dropdown desktop */
  .menu.superior .nivel-dois {
    background: #f6a94a !important;
    background-image: none !important;
    border: 0 !important;
  }

  .menu.superior .nivel-dois > li {
    background: #f6a94a !important;
  }

  .menu.superior .nivel-dois > li > a {
    background: transparent !important;
    color: #333333 !important;
    padding: 10px 14px;
    display: block;
  }

  .menu.superior .nivel-dois > li > a:hover {
    background: #e5902a !important;
    color: #fff !important;
  }
}

/* Botão "Ver Mais" / "Comprar" */
.botao.botao-comprar {
  background-color: #f6a94a !important;  /* cor de fundo */
  color: #fff !important;                /* cor do texto */
  border: none !important;               /* remove borda */
  font-weight: 600;                      /* opcional: texto mais forte */
  transition: all 0.3s ease;
}

/* Ícone dentro do botão */
.botao.botao-comprar svg path {
  fill: #fff !important; /* deixa o ícone branco */
}

/* Hover do botão */
.botao.botao-comprar:hover {
  background-color: #e5902a !important; /* tom mais escuro no hover */
  color: #fff !important;
}
/* Fundo do menu de categorias */
.full.menu.hidden-phone {
  background-color: #f6a94a !important;
}

/* Links dentro do menu */
.full.menu.hidden-phone a {
  color: #f6a94a !important;   /* branco para contraste */
  font-weight: 600;            /* opcional: dá mais destaque */
}

/* Links ao passar o mouse */
.full.menu.hidden-phone a:hover {
  color: #333333 !important;   /* cor escura para destacar no hover */
}
.banner.mini-banner.banner.mini-banner {
    flex-direction: row;
}
/* Fundo do bloco do vídeo com sua arte */
#video{
  background: #fff url("https://cdn.awsli.com.br/819/819135/arquivos/6.jpg") center/cover no-repeat;
  padding: 48px 16px; /* deixa o fundo aparecer ao redor do player */
  max-width: calc(100% - 32px);
}

/* mantém o player responsivo em 16:9 */
#video .video-container{ position: relative; max-width: 1200px; margin: 0 auto; }
#video .video-container::before{ content:""; display:block; padding-top:56.25%; }
#video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:12px; }

@media (max-width:768px){ #video{ padding:28px 12px; } }

/* Linha do ícone + nome (mantém tudo na MESMA linha) */
.depo-conteudo-inicial{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap: nowrap;              /* impede o <p> de ir para baixo */
  min-width:0;
}

/* Ícone */
.depo-conteudo-inicial .depo-image{
  width:20px;
  height:20px;
  flex:0 0 20px;
  object-fit:cover;
  display:block;
}

/* Nome: pode encolher e quebrar internamente sem estourar o card */
.depo-conteudo-inicial .depo-name{
  margin:0;
  flex:1 1 auto;
  min-width:0;                    /* ESSENCIAL em flex */
  overflow-wrap:anywhere;         /* quebra @handles longos */
  word-break:break-word;          /* fallback */
  line-height:1.2;
}

/* Esconde imagem quebrada (ex.: src="undefined") */
.depo-image[src=""], 
.depo-image[src="undefined"], 
.depo-image:not([src]){
  display:none;
}
