.g_ .logo a > img{max-height: 60px !important;}

.container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    margin-right: auto;
    margin-left: auto;
}

.slides, .slides>li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 1px;
    list-style: none;
}

/* Estilo para a nova mensagem */
.icon-comment-message {
  font-family: 'Open Sans', serif;
  color: red;
  text-align: center;
  font-size: 12px;
  margin-bottom: 15px; /* Espaçamento abaixo da mensagem */
}


.span4 {
    margin: 0 !important;
}
.warning-text {
    display: none;
}

.campos-pedido {
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
}

.cadastro {
    padding-right: 30px;
    padding-left: 30px;
}

.listagem .listagem-item .imagem-produto.has-zoom img {
        -webkit-transition: opacity .8s ease-in-out;
}
.imagem-zoom {
    height: 335px;
}
.listagem .imagem-produto img{
	object-fit: contain;
}

.atributos {
    display: flex;
    flex-direction: column-reverse;
}

.secao-banners {
    margin-top: 10px; /* Remove qualquer margem superior no banner */
    padding-top: 0; /* Remove qualquer padding superior no banner */
}
header {
    margin-bottom: 0 !important; /* Importante para garantir que a regra CSS seja aplicada */
}
.conteiner {
    max-width: 1920px;
    margin: 0 auto; /* Centraliza horizontalmente */
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.finalizar-compra {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.row-flex.align-items-center.justify-content-between {
    padding-left: 0px; /* Define o padding padrão */
    padding-right: 0px;
}

@media only screen and (min-width: 769px) {
    .row-flex.align-items-center.justify-content-between {
        padding-left: 20px; /* Aplica o padding específico para desktops */
        padding-right: 20px;
}

.g_ .conteiner {
    width: auto;
}
.g_ .secao-banners .banner.cheio .flexslider {
    border: 0;
    position: relative;
    border-radius: 0;
    margin-bottom: 1rem;
}
.banner.cheio+.row-fluid {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .row-fluid .span4 {
        width: 100%;
        margin: 22px;
        margin-top: 5px;
        padding-right: 20px;
    }
}

.atributo-comum span {
    margin-bottom: 0 !important ;
}

#listagemProdutos {
    margin-left: 20px !important;
    /* ajusta o valor conforme necessário */
    margin-right: 20px !important; /* ajusta o valor conforme necessário */
}

/* Estilos específicos para desktop */
  .listagem.borda-alpha {
    padding-left: 10px;
    padding-right: 10px;
  }
.ordenar-listagem.topo.borda-alpha {
    padding-top: 20px;
}

.box-destaque {
    padding-left: 20px;
    padding-right: 20px;
}

.atributo-comum {
    margin-bottom: 0;
}
.modulo.span4 {
  padding-left: 10px !important;
  padding-right: 10px;
}

.row-flex.align-items-top {
    padding-left: 40px;
    padding-right: 40px;
}

.pagamento-selos {
    padding-left: 40px;
    padding-right: 40px;
}

.pagamento.span6 {
    padding-left: 40px;
    padding-right: 40px;
}

.aviso-disponibilidade {
    background-color: #f9f871; /* Cor de fundo amarelo claro para destaque */
    color: #000; /* Cor do texto */
    padding: 15px; /* Espaçamento interno para dar mais destaque */
    border-radius: 5px; /* Bordas arredondadas */
    border: 2px solid #f1c40f; /* Bordar para dar ainda mais destaque */
    font-size: 14px; /* Aumentar o tamanho da fonte */
}

.span12.produto {
  padding-left: 20px;
  padding-right: 20px;
}

/* Estilos específicos para desktop */
@media (min-width: 768px) {
  .span12.produto {
    padding-left: 100px;
    padding-right: 100px;/* Padding específico para desktop */
  }
}

.secao-principal.row-fluid {
  padding-left: 0px;
  padding-right: 0px;
}


/* Cor do componente: */
.componente {
    background-color: rgba(0, 0, 0, 0);
}

.atributos .wrapper-dropdown {
    position: relative;
    padding: 10px;
    margin: 10px 0;
    outline: 0;
    cursor: pointer;
    font-weight: bold;
    border-radius: 3px;
    border: 1px solid rgb(168 186 172);
}

.g_ .secao-banners .mini-banner .modulo img+label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 22px;
    white-space: nowrap;
    letter-spacing: 0px;
}

@media (max-width: 767px) {
    .g_ .secao-banners .mini-banner .modulo img+label {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .g_ .mini-banner.hidden-phone {
        display: block !important;
        white-space: nowrap;
    }
}
.breadcrumbs.borda-alpha  {
    padding-left: 60px;
}

.g_.produto.principal {
    padding-left: calc(var(--gutter)* 3);
    padding-right: calc(var(--gutter)* 3);
}
.conteiner-principal {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 130px !important ;
}
:root {
  --ff: "Arial", sans-serif;
  --fs42: 26px;
}

/* Certifique-se de aplicar a variável globalmente */
body {
  font-family: var(--ff);
}

.g_ .listagem-item .acoes-produto {
    background: 0 0;
    border: 0;
    transition: all .4s;
    bottom: auto;
    opacity: 0;
    width: fit-content;
    left: 50%;
    padding: 0;
    transform: translate(-50%, -50%);
    display: flex;
    top: 52%;
    flex-direction: column;
}

@media (max-width: 520px) {
    #avisoCookies .conteiner {
        height: 170px;
    }
}

.conteudo.span9 {
    padding-right: 0px ;
    padding-left: 0px;
}

.caixa-sombreada {
    padding-right: 20px !important ;
    padding-left: 20px !important;
    padding-bottom: 20px !important;
}

.table.tabela-carrinho.border-alpha::after {
    content: "Não se preocupe! Para produtos personalizados, a opção de personalização estará disponível na próxima etapa.";
    display: block;
    margin-top: 15px; /* Ajuste a margem conforme necessário */
    font-size: 16px; /* Aumente o tamanho da fonte */
    color: #ff5722; /* Cor do texto em destaque (laranja) */
    text-align: center; /* Centraliza o texto */
    background-color: #fff3e0; /* Fundo de cor suave */
    padding: 10px; /* Espaçamento interno para o fundo */
    border-radius: 5px; /* Bordas arredondadas para o fundo */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra suave */
    width: 100%; /* Garante que o pseudo-elemento ocupe toda a largura da tabela */
    box-sizing: border-box; /* Inclui o padding e a borda no cálculo da largura */
}

.tarja-avisos {
    background-color: #f8f8f8; /* Cor de fundo da tarja */
    color: #8b9f8f; /* Cor do texto da tarja */
    text-align: center; /* Alinhamento centralizado do texto */
    padding: 10px 0; /* Espaçamento interno da tarja */
    font-size: 12px; /* Tamanho da fonte */
    font-weight: bold; /* Negrito no texto */
    position: fixed; /* Mantém a tarja fixa na tela */
    width: 100%; /* Largura total da tarja */
    top: 0; /* Posiciona a tarja no topo da página */
    z-index: 1000; /* Garante que a tarja fique acima de outros elementos */
}
@media (max-width: 768px) {
    .tarja-avisos {
        font-size: 12px; /* Ajusta o tamanho da fonte para telas menores */
        padding: 8px 0; /* Ajusta o espaçamento interno para telas menores */
    }
}


.ordenar-listagem.topo.borda-alpha {
    padding-right: 20px ;
    padding-left: 20px;
}
