 body {
    
  background-color: #FDFFFF;
}

body.pagina-inicial {
    padding-top: 186px;
        margin: 0;
    box-sizing: border-box;
}

#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #D2B68A; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #FFFFFF; }
 
/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }

.barra-inicial {
    line-height: 30px;
    display: none;
    background-color: white;
}

.coluna span3 esquerda {
    display: none;
}


.aneis {
    padding: 100px;
    align-items: center
}


   
   .menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a {
    background-color: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    display: none;
   }
   
   /*
   
   
   
   
   .rodape .institucional .lista-redes {
       text-align: center;
   }
   
   #rodape .institucional ul {
       text-align: center;
   }
   
   
   */
   
   
   
   .ul{
       text-align: center;
       display: flex;
       gap: 20px;
   }
   
   
   /*
.rodape.institucional {
    text-align: center;
}
 .total-itens_3{
      text-align: center;
 }
 */
 
 #rodape .redes-sociais .titulo {
     display: none;
 }
 
 .produto .principal .acoes-produto .botao-comprar{
     line-height: 60px;
         width: 40%;
         height: 50px;
         line-height: 50px;
         padding:0;
 }
 
 .produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho{
     text-align: center;
     font-size: 20px;
     height: 60px;
    padding:0;
 }
 
 .produto .acoes-produto .comprar .disponibilidade-produto {
    text-align:left
 }
 
 
 
 /*
 
 
  #rodape .titulo{
     text-align: center;
     margin-left: 176px;
    margin-top: 10px;
 }
 
 
 */
 

 
 #rodape .institucional .lista-redes {
    text-align: center;
}


 /*
    #rodape .institucional {
    margin: 0 auto;
    }
    
    
    
    
    
    .lista-redes ul li > a > i {
        margin-left: 176px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-left: 196px;
    }
    
    
  
    
    
    
    
    
    .links-rodape a, .links-rodape a:hover, .sobre-loja-rodape p, .sobre-loja-rodape p:hover {
    color: var(--texto-rodape);
    font-size: 13px;
    letter-spacing: .6px;
    font-weight: normal;
    line-height: 20px;
    transition: all .3s;
    margin-left: 177px;
}
    
    */
    
    #rodape .institucional .lista-redes {
    text-align: center;
    margin-left: 177px;
    display: none
}
    
    
    
    
     .minha-classe {
    border: 2px solid red; /* Adiciona uma borda ao redor do link */
    display: inline-block; /* Garante que o link será tratado como um bloco */
  }

.busca input {
    width: 100%;
    height: 50px;
}

.logo a {
    height: 100px;
     
}

.conteudo-topo .inferior .span4.hidden-phone {
    width: auto;
    margin: 0px;
    position: relative;
    height: 70px;
    float: right;
    text-align: right;
    display: grid;
    margin-right: 20px
}

.conteudo-topo .inferior .span8.busca-mobile {
    transition: all .4s;
    display: grid;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.coluna .newsletter.componente .interno {
    display: none;
}


.listagem .titulo-categoria strong {
    font-style: italic;
    color: #222D52;
}

.about {
    max-width: 800px; /* Limita a largura da seção para um melhor alinhamento */
    margin: 20px auto; /* Centraliza a seção na página */
    padding: 20px; /* Adiciona um pouco de espaço interno */
    background-color: #EEE5D9; /* Fundo suave e discreto */
    border-radius: 8px; /* Cantos arredondados para suavidade */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Sombra leve para profundidade */
    text-align: center;
}

.about h2 {
    font-family: 'Georgia', serif; /* Fonte elegante para o título */
    font-size: 28px; /* Tamanho do título */
    color:#222D52 ; /* Cor discreta e sofisticada */
    margin-bottom: 15px; /* Espaço abaixo do título */
    text-align: center; /* Centraliza o título */
}

.about p {
    font-family: 'Arial', sans-serif; /* Fonte limpa e moderna para o corpo do texto */
    font-size: 16px; /* Tamanho do texto */
    color: #555; /* Cor suave para o texto */
    line-height: 1.6; /* Aumenta o espaçamento entre linhas */
    margin-bottom: 10px; /* Espaço entre os parágrafos */
    text-align: justify; /* Justifica o texto para um visual mais alinhado */
    margin-bottom: 20px;
}


#rodape>div:last-child .conteiner {
    padding: 10px 20px 5px;
    display: none;
}

.Embed {
    display: block;
    font-family: var(--font-family-system);
    font-size: var(--system-14-font-size);
    line-height: var(--system-14-line-height);
    -webkit-tap-highlight-color: transparent;
    text-align: left;
    -webkit-user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f2f2f2;
    margin: 0;
    border: none;
}


.instagram-container {
           
            white-space: nowrap; /* Impede que os itens se quebrem em uma nova linha */
            width: 98%; /* Ajusta a largura conforme necessário */
            border: 1px solid #ccc; /* Borda opcional para visualização */
            border-radius: 8px; /* Bordas arredondadas */
            background-color: #fff; /* Cor de fundo do contêiner */
            margin-left: 10px;
            margin-top: 10px;
            
        }
        
        .instagram-iframe {
            border: none; /* Remove borda do iframe */
            width: 800px; /* Largura total para garantir que fotos apareçam em linha */
           overflow-y: scroll;
            width: 100%;
         text-align: center;
        }

.legendainstagram h2{
    font-family: 'Georgia', serif; /* Fonte elegante para o título */
    font-size: 28px; /* Tamanho do título */
    color:#222D52; /* Cor discreta e sofisticada */
    margin-bottom: 15px; /* Espaço abaixo do título */
    text-align: center; /* Centraliza o título */
    font-style: italic;
}

.legendainstagram p {
    font-family: 'Arial', sans-serif; /* Fonte limpa e moderna para o corpo do texto */
    font-size: 16px; /* Tamanho do texto */
    color: #222D52; /* Cor suave para o texto */
    line-height: 1.6; /* Aumenta o espaçamento entre linhas */
    margin-bottom: 10px; /* Espaço entre os parágrafos */
    text-align: justify; /* Justifica o texto para um visual mais alinhado */
    margin-bottom: 20px;
        font-style: italic;
}

h2{
    text-align: center;
    font-size: 17px;
    color: #222D52;
    background-color: #f9f9f9;
    padding: 20px;
    margin: 20px auto;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    
  }
 
 
 
   p {
   
    text-align: center;
    font-size: 13px;
    font-style: italic;
 /* color: #222D52;*/
    /*background-color: #f9f9f9;*/
    padding: 20px;
    
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
     }
    











/*

@media screen and (max-width:2000px) {
    .container {
        display: block;
        background-image: none;
    }
    
    */
    
    
    
    
    
    
    #rodape .institucional {
        margin: 0;
        text-align: center;
    }
    
    #cabecalho {
    position: fixed;
    top: 30px;
    right: 0;
    left: 0;
    z-index: 1001;
    padding: 0;
    border-bottom: 1px solid transparent;
    background: var(--fundo-cabecalho);
}
    .conteudo-topo .inferior .span8.busca-mobile {
    transition: all .4s;
    display: grid;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.row-fluid {
    width: 100%;
    display: block;
 }
 
 .instagram-container{
    font-family: 'Georgia', serif; /* Fonte elegante para o título */
    font-size: 28px; /* Tamanho do título */
    color:#222D52; /* Cor discreta e sofisticada */
    margin-bottom: 15px; /* Espaço abaixo do título */
    text-align: center; /* Centraliza o título */
    font-style: italic;
}

.legendainstagram p {
    font-family: 'Arial', sans-serif; /* Fonte limpa e moderna para o corpo do texto */
    font-size: 16px; /* Tamanho do texto */
    color: #222D52; /* Cor suave para o texto */
    line-height: 1.6; /* Aumenta o espaçamento entre linhas */
    margin-bottom: 10px; /* Espaço entre os parágrafos */
    text-align: justify; /* Justifica o texto para um visual mais alinhado */
    margin-bottom: 20px;
    font-style: italic;

}

.iframe{
        position: relative;
         z-index: 1;
        max-width: 100%;
}


.logo {
        margin: 0;
        background-color: #fff;
        box-shadow: none;
         
}

.logo a {
    height: 50px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    
}





@media screen and (max-width:2000px) {
    .container {
        display: block;
        background-image: none;
    }
    .frase {
        font-size: 1.2em;
    }
    .legenda-instagram h2{
        font-size: 1.2em;
    }
}
    
    
    @media screen and (max-width: 1200px) {
    .container .texto {
        font-size: 1em; /* Outra opção de responsividade para telas ainda menores */
    }
}
        
    @media (max-width: 768px) {
    .menu {
        display: none; /* Oculta o menu em telas menores */
    }
    .header {
        font-size: 1.2rem;
    }
}
   