@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&family=Monoton&family=Orbitron:wght@700&family=Paytone+One&family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.container-fluid{
   padding: 7px !important;
}
.body
{
    background-color: #f8f6e6;
}

.padding-baixo-30
{
    padding-bottom: 30px;
}

.padding-baixo-40
{
    padding-bottom: 40px;
}

.menu
{
    font-family: 'Roboto', cursive;  
    color: gray;
    font-size: 1em;
    font-weight: bold;
}

.menu_rodape
{
    font-family: 'Roboto', cursive;  
    color: gray;
    font-size: 1.2em;
    font-weight: bold;
}

.divisoria
{
   border-bottom: 3px dashed gray;
   height: 3px;
}

.vertical
{
   border-right: 3px dashed gray;
   width: 3px;
}

.barratopo
{
   background-color: #f8f6e6;
   padding: 5px;
   border-bottom: 3px dashed gray;
}


.barratopo2
{
   background-color: #f8f6e6;
   padding: 5px;
}

.texto-topo
{
    font-family: 'Roboto', cursive;  
    color: gray;
    font-size: 1em;
    font-weight: bold;
}

.curiosidade
{
    xborder: 1px solid black;
}

.amarelinho
{
   background-color: #f8f6e6;
   padding-top: 80px;
   padding-bottom: 80px;
}

.amarelinho-conteudo
{
   background-color: #f8f6e6;
   padding-top: 40px;
   padding-bottom: 40px;
}

.amarelinho-metade
{
   background-color: #f8f6e6;
   padding-top: 20px;
   padding-bottom: 20px;
}

.amarelinho-sem-espaco-cima
{
   background-color: #f8f6e6;
   padding-bottom: 40px;
}

.amarelinho-sem-espaco-baixo
{
   background-color: #f8f6e6;
   padding-top: 40px;
}

.destaque-preto
{
   background-color: #000000;
   padding-top: 40px;
   padding-bottom: 40px;
}

.destaque-preto-p
{
   background-color: #000000;
   padding-top: 40px;
   padding-bottom: 20px;
}

.destaque-preto-p
{
    font-family: 'Yeseva One', cursive;  
    color: #ffffff;
    font-size: 2em;
    font-weight: 600;
}

.titulo
{
    font-family: 'Yeseva One', cursive;  
    color: #000000;
    font-size: 1.4em;
    font-weight: 600;
}

.destaque-preto H2
{
    font-family: 'Yeseva One', cursive;  
    color: #ffffff;
    font-size: 2em;
    font-weight: 600;
}

.quadro-amarelo
{
    xpadding: 30px;
}

.quadro-amarelo h2
{
    font-family: 'Yeseva One', cursive;  
    color: #ffffff;
    font-size: 2em;
    font-weight: 600;
    padding: 10px;
}

.quadro-amarelo h3
{
    font-family: 'Roboto', cursive;  
    color: #000000;
    font-size: 1em;
        font-weight: normal;
        line-height: 1.5;
}

.quadro-cinza
{
    padding-top: 50px;
}

.quadro-cinza h2
{
    font-family: 'Roboto', cursive;  
    color: #000000;
    font-size: 1em;
    font-weight: 400;
}

.links
{
    font-family: 'Roboto', cursive;  
    color: #000000;
    font-size: 1em;
    font-weight: 400;
}

.icones_sociais
{
    font-family: 'Roboto', cursive;  
    color: gray;
    font-size: 2em;
    font-weight: 400;
}

.blablabla h2
{
    font-family: 'Roboto', cursive;  
    color: #000000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5;
}

.texto
{
    font-family: 'Roboto', cursive;  
    color: #000000;
    font-size: 1em;
    xfont-weight: bold;
}

.rodape
{
   background-color: #f8f6e6;
   padding: 5px;
   border-top: 3px dashed gray;
}

.borda-cima-costura
{
   border-top: 3px dashed gray;
}

.altura-minima
{
   height: 2px;
}

.logo
{
   width: 150px;
}

.header-tecidos
{
   background-color: #fad981;
}

.header-tecidos h1
{
    color: #000000;
    font-size: 2em;
    font-family: 'Calibri', sans-serif;    
    padding-left: 10%;
    padding-right: 10%;
    font-weight: 600;
}

.header-tecidos h2
{
    color: #000000;
    font-size: 1.4em;
    font-family: 'Calibri', sans-serif;    
    padding-left: 10%;
    padding-right: 10%;
}

.header-index
{
    xbackground: url('../_imagens/bgroupas.webp');
    background: url('../_imagens/bgroupas_mr.jpg');
    xbackground-size: cover;
    xheight: 50vh;
    background-position: 30%;
}

.header-index-mask{
    xbackground-color: rgba(47, 47, 42, 0.5);
    background-color: rgba(98, 82, 20, 0.7);
    xheight: 50vh;
    border-radius: 25px;
}

.header-index-mask h1
{
    color: #ffffff;
    font-size: 2em;
    font-family: 'Yeseva One', sans-serif;    
    padding-left: 10%;
    padding-right: 10%;
}

.header-index-mask h2
{
    color: #ffffff;
    font-size: 1.1em;
    font-family: 'Roboto', sans-serif;    
    padding-left: 10%;
    padding-right: 10%;
}

.header-tecnicas
{
    background: url('../_imagens/serigrafia.jpg');
    background-size: cover;
    xheight: 50vh;
    background-position: 30%;
}

.header-maquinas
{
    background: url('../_imagens/fundomaquina.webp');
    background-size: cover;
    xheight: 50vh;
    background-position: 30%;
}

.header-producao
{
    background: url('../_imagens/tecnicas.webp');
    background-size: cover;
    xheight: 50vh;
    background-position: 30%;
}

.header-tecidos
{
    background: url('../_imagens/tecidos2.jpeg');
    background-size: cover;
    xheight: 50vh;
    background-position: 30%;
}

.header-linhas
{
    background: url('../_imagens/linhas.jpg');
    background-size: cover;
    xheight: 50vh;
    background-position: 30%;
}

.header-consultoria
{
    background: url('../_imagens/desenvolvimento2.jpg');
    background-size: cover;
    xheight: 50vh;
    background-position: 30%;
}

.header-roupas
{
    background: url('../_imagens/borderline.png');
    background-size: cover;
    background-position: 25%;
    xheight: 60vh;
}

.header-tecnicasx
{
    background: url('../_imagens/tecnicas2.jpg');
    background-size: cover;
    background-position: 25%;
    xheight: 60vh;
}

.header-tecnicas-mask{
    background-color: rgba(47, 47, 42, 0.8);
    xheight: 60vh;
}

.header-tecnicas h1
{
    color: #ffffff;
    font-size: 2em;
    font-family: 'Calibri', sans-serif;    
    padding-left: 10%;
    padding-right: 10%;
    font-weight: 600;
}

.header-tecnicas h2
{
    color: #ffffff;
    font-size: 1.4em;
    font-family: 'Calibri', sans-serif;    
    padding-left: 10%;
    padding-right: 10%;
}

.header-roupas h1
{
    color: #000000;
    font-size: 2em;
    font-family: 'Calibri', sans-serif;    
    padding-left: 10%;
    padding-right: 10%;
    font-weight: 600;
}

.header-roupas h2
{
    color: #000000;
    font-size: 1.4em;
    font-family: 'Calibri', sans-serif;    
    padding-left: 10%;
    padding-right: 10%;
}

.destaques
{
    background-color: #fcd134;
    padding-top: 45px;
}

.destaques-meio
{
    background-color: #eeeeee;
}

.desenvolver-produtos
{
    background-color: #eeeeee;
    padding-bottom: 25px;
}

.variedade h2
{
    font-family: 'Yeseva One', cursive;  
    color: #000000;
    font-size: 1.4em;
    font-weight: 600;
}

.variedade h3
{
    font-family: 'Roboto', cursive;  
    color: #000000;
    font-size: 1em;
    font-weight: 400;
}

.desenvolver-produtos h2
{
    font-family: 'Yeseva One', cursive;  
    color: #000000;
    font-size: 1.4em;
    font-weight: 600;
}

.desenvolver-produtos h3
{
    font-family: 'Roboto', cursive;  
    color: #000000;
    font-size: 1em;
    font-weight: normal;
}

.tecnicas
{
    background-color: #fcd134;
}

.tecnicas h2
{
    font-family: 'Yeseva One', cursive;  
    color: #000000;
    font-size: 1.4em;
    font-weight: 600;
}

.tecnicas h3
{
    font-family: 'Roboto', cursive;  
    color: #000000;
    font-size: 1em;
    font-weight: normal;
}

.corpo
{
    background-color: #f8f6e6;
    padding: 8px;
}

.moldura
{
    border: 4px dashed gray;
    height: 98vh;
}

.header
{
   aheight: 100%;
}

.header .logo
{
   width: 500px;
   height: 500px;
}

.header h2
{
    font-family: 'Nunito', cursive;  
    color: gray;
    font-size: 2em;
}

.header h3
{
    font-family: 'Nunito', cursive;  
    color: gray;
    font-size: 1.5em;
    font-weight: 600;
}

.header p
{
    font-family: 'Nunito', cursive;  
    color: gray;
    font-size: 1em;
    font-weight: 600;
}

.escondido 
{
  display: none;
}



}