@charset "utf-8";

@font-face
{
    font-family: 'Figtree';
    src: url('assets/fonts/Figtree-Light.ttf');
}

@font-face
{
    font-family: 'Satoshi';
    src: url('assets/fonts/Satoshi-Regular.otf');
}

.body_class2
{
    background-image: url('https://catalogogalpao.com.br/assets/img/background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    min-width: 320px;
}

.body_class
{
    background-color: #faf3e8;
}
/* INICIO - MENU */

.menu
{
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
    height: 70px;
}

.ajusteMenu
{
    display: flex;
    height: 100%;
    min-width: 320px;
    width: 100%;
    position: fixed;
    left: 0;
    margin-right: 50px;
    min-height: 50px;
    max-height: 70px;
}

.ajusteMenu2
{
    display: flex;
    height: 100%;
    min-width: 320px;
    width: 100%;
    position: fixed;
    left: 0;
    margin-right: 50px;
    min-height: 50px;
    max-height: 70px;
}


.menuLogo
{
   
    height: 70px;
    width: 60%;
    min-width: 30%;
    float: left;

    
   
}

.logomarca
{
    height: 70px;
    display: block;
    z-index: 2;
    float: left;
    margin-top: 15px;
    margin-left: 30px;
    cursor: pointer;
  
}

.menuCenter
{
    width: 30%;
    height: 70px;
    
    display: none;
}

.menuButtons
{
    float: right;
    width: 60%;
    text-align: right;
    display: inline; 
    height: 70px;
    border-bottom-right-radius: 60px;
    margin-right: 30px;
}

.menuLinks
{
    
    
    height: 70px;
    float: right;
    text-decoration: none; 
    font-family: "Figtree";
    color: #faf3e8;
    font-size: 15pt;
    display: none;
    white-space: nowrap;
    margin-right: 10px;
    cursor: pointer;
    
}



#home:hover
{
    cursor: pointer;
    background-color: #c90900;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}

#quemSomos:hover
{
    cursor: pointer;
    background-color: #c90900;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}

#catalogo:hover
{
    cursor: pointer;
    background-color: #c90900;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}

#instagram:hover
{
    cursor: pointer;
    background-color: #c90900;
    padding-left: 3px;
    padding-right: 3px;
}

#contato:hover
{
    cursor: pointer;
    background-color: #c90900;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}


#home2
{
    cursor: pointer;
    color: #c90900;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}

#quemSomos2
{
    cursor: pointer;
    color: #c90900;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}

#catalogo2
{
    cursor: pointer;
    color: #c90900;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}

#instagram2
{
    cursor: pointer;
    color: #c90900;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}

#contato2
{
    cursor: pointer;
    color: #c90900;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}



.ajusteDivHamburguer
{
    display: none;
    z-index: 1;
    min-width: 320px;
    width: 100%;
    position: fixed;
    left: 0;
    margin-right: 50px;

}

.menuLinksHamburguer
{
    
    
    display: block;
    background: #c90900;
    font-family: "Figtree";
    color: #faf3e8;
    font-size: 25pt;
    text-align: center;
    width: 100%;
    height: 600px;
    margin-right: 18px;
    margin-left: 18px;
    margin-top: 125px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 140px;
    z-index: 1;
 

}

.recolherMenu
{
    width: 50px;
    margin-left: 30px;
    margin-top: 10px;
    cursor: pointer;
}


.buttonHamburguer
{
    margin-top: 30px;

}

.txtButtons
{
    margin-left: 30px;
    cursor: pointer;
}

.txtButtonsHamburguer
{
    
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    
}

#promocao
{
    color: #c90900;
    background-color: #c90900;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2.5px;
    display: none;
}

#promocao:hover
{
    color: #c90900;
    background-color: #faf3e8;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2.5px;
}

#promocaoHamburguer
{
    color: #110500;
    background-color: #faf3e8;
    white-space: nowrap;
    padding-bottom: 2.5px;
    padding-top: 5px;
    width: 100%;
    display: none;
    margin: auto;
}

.hamburguerIcon
{
    height: 70px;
    display: none;
    z-index: 2;
    float: right;
    right: 30px;
    margin-top: 10px;
    cursor: pointer;
    position: fixed;
}



.recolherMenu
{
    margin-right: 30px;
    width: 100%;
    min-width: 50px;
    max-width: 50px;
    cursor: pointer;
}

.linkStyle
{
    text-decoration: none;
  color: inherit;
}



/* FINAL - MENU */

/* INICIO - CONTENT */

.content
{
    
    width: 100%;
  height: 100vh; /* Altura da tela */
  display: flex;
  justify-content: center;
  align-items: center;
}


.contentQuemSomos
{
    
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -50px;
    margin-bottom: 100px;
}





.homeGif
{
  
  max-width: 45%;
  height: auto;
  position: relative;
  display: block;
  margin: auto;
  z-index: 0;
}




/* FIM - CONTENT */
    

.ajustePromoButton
{
    background-color: #c90900;
    width: 40%;
    display: none;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    cursor: pointer;

}

.promoButton
{
    color: #faf3e8;
    
    padding-top: 6px;
    font-family: "Figtree";
    text-align: center;
    font-size: 17.5pt;
    margin: auto;
    
}

.promoButton:hover
{
    color: #c90900;
}

.ajustePromoButton:hover
{
    color: #c90900;
    background-color: #faf3e8;
}


/* INICIO - FOOTER */

.footerIndex
{
    
    background-color:  #110500;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    margin-top: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.txtFooterIndex
{
    font-family: "Figtree";
    color: #faf3e8;
    font-size: 10pt;
    display: block;
}

.txtFooterIndex2
{
    font-family: "Figtree";
    color: #555555;
    font-size: 8pt;
    display: block;
    text-align: center;
    margin-right: 20px;

}

/* FIM - FOOTER */

.contentQuemSomos
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    padding: 15px;
}

.quemsomos_img
{
    max-width: 80%;
    height: auto;
}

.manifesto
{
    font-family: "Figtree";
    color: #c90900;
    font-size: 20pt;
    text-align: justify;
}

.quem_somos_esq
{
    flex-basis: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quem_somos_dir
{
    flex-basis: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    .quem_somos_esq, .quem_somos_dir
    {
      flex-basis: 100%;
    }
  }