/***********************************************************************/
/***                                                                 ***/
/***          Industeck Engenharia e Automação Industrial            ***/
/***  Autor: Adriano Chagas                                          ***/
/***  Versão: 01                                                     ***/
/***  Out - 2025                                                     ***/
/***                                                                 ***/
/***********************************************************************/

/***********************************************************************/
/***                          Imagem Parada                          ***/
/***********************************************************************/

.imagem-estatica{
    margin-top: 10px;
}

/***********************************************************************/
/***                          Boas Vindas                            ***/
/***********************************************************************/
.card-boas-vindas{
    margin-top: 10px;
}

.titulo-boas-vindas{
    font-size: 30px;
    font-weight: bold;    
    color: var(--vmlogo);
    font-family: Trattatello, fantasy;
    text-transform: uppercase;
    text-align: left;
}


.titulo-boas-vindas::first-line{
    color: var(--azlogo);
}

.texto_sobre_nos{
    font: 20px/25px 'calibri';
    text-shadow: 0px 0px 1px #eee;
    color: #999999;
}

.texto_sobre_nos_mobile{
    display: none;
}

/***********************************************************************/
/***                      Segmentos e Serviços                       ***/
/***********************************************************************/
.servicos-segmentos{
    margin-top: 10px;
}

.servicos-segmentos-container{
    display: flex;
    justify-content: space-between;
}

.servicos{    
    width: 100%;
}

.segmentos{
    
    width: 100%;
}

.servicos-card{
    display: flex;
    justify-content: flex-start;
}

.segmentos-card{
    display: flex;
    justify-content: flex-end;
}

.box-solucoes{
    width: 100%;
    margin-right: 5px;
}

.box-servicos{
    width: 100%;
    margin-left: 5px;
}

.titulo-card{
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
    
   
}


.texto-principal-card{
    font-size: 30px;
    font-weight: bold;
    color: var(--azlogo);
    font-family: Trattatello, fantasy;
    text-transform: uppercase;
}

.texto-principal-segmentos{
    font-size: 30px;
    font-weight: bold;
    color: var(--vmlogo);
    font-family: Trattatello, fantasy;
    text-transform: uppercase;
}

.descricao-card-01{
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
    
}


.descricao-card{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.quadrado-card{
    height: 90px;
    width: 130px;
    /*background-color: yellow;*/
    margin: 0 0;
    
}

.painel-card{

    height: 70px;
    width: 100%;    
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: pink;*/
}

.texto-card-solucoes{
    
    width: 100%;
    height: 20px;
    margin-bottom: 0;
    

    display: flex;    
    justify-content: center;
    align-items: flex-end;

    font-size: 14px;
    font-weight: bold;
    color: var(--azlogo);
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    text-transform: uppercase;
}

.texto-card-segmentos{
    
    width: 100%;
    height: 20px;
    margin-bottom: 0;
    

    display: flex;    
    justify-content: center;
    align-items: flex-end;

    font-size: 14px;
    font-weight: bold;
    color: var(--vmlogo);
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    text-transform: uppercase;
}

.automacao-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/solucoes/painel.svg') no-repeat;
    background-size: contain;
    background-position: center top; 
}

.plc-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/solucoes/plc.svg') no-repeat;
    background-size: contain;
    background-position: center top; 
}

.supervisorio-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/solucoes/supervisorio.svg') no-repeat;
    background-size: contain;
    background-position: center top; 
}

.totem-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/solucoes/totem.svg') no-repeat;
    background-size: contain;
    background-position: center top; 
}


.dados-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/solucoes/dados.svg') no-repeat;
    background-size: contain;
    background-position: center top; 
}


.cloud-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/solucoes/cloud.svg') no-repeat;
    background-size: contain;
    background-position: center top; 

}

.alimenticia-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/segmentos/alimenticia-card.svg') no-repeat;
    background-size: contain;
    background-position: center top;    
}

.bebida-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/segmentos/bebida-card.svg') no-repeat;
    background-size: contain;
    background-position: center top;    
}

.farmaceutica-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/segmentos/farmaceutica-card.svg') no-repeat;
    background-size: contain;
    background-position: center top;    
}

.quimica-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/segmentos/quimica-card.svg') no-repeat;
    background-size: contain;
    background-position: center top;    
}

.mineracao-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/segmentos/mineracao-card.svg') no-repeat;
    background-size: contain;
    background-position: center top;    
}

.siderurgia-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/segmentos/siderurgica-card.svg') no-repeat;
    background-size: contain;
    background-position: center top;    
}

.oleo-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/segmentos/oleo-card.svg') no-repeat;
    background-size: contain;
    background-position: center top;    
}

.energia-card{
    height: var(--imglay);
    width: 100%;
    background: url('../img/segmentos/energia-card.svg') no-repeat;
    background-size: contain;
    background-position: center top;    
}

/***********************************************************************/
/***                          Informação                             ***/
/***********************************************************************/
.card-resumo{
    margin-top: 10px;
   
}

.slogan-card-resumo{
    display: flex;
    flex-direction: column;
}

.titulo-card-resumo{
    font-size: 30px;
    font-weight: bold;
    color: var(--azlogo);
    font-family: Trattatello, fantasy;
    text-transform: uppercase;
}

.texto-card-resumo{
    font: 20px/25px 'calibri';
    text-shadow: 0px 0px 1px #eee;
    color: #999999;
    margin-top: 10px;
}


/***********************************************************************/
/***                         Layout Mobile                           ***/
/***********************************************************************/

@media screen and (max-width: 990px) {

/***********************************************************************/
/***                          Boas Vindas                            ***/
/***********************************************************************/
.titulo-boas-vindas{
    font-size: 16px;    
}

.titulo-boas-vindas::first-line{
    color: var(--azlogo);
}

.texto_sobre_nos{
   
    display: none;
}

.texto_sobre_nos_mobile{
    display: flex;
    justify-content: flex-start;

    font: 14px/16px 'calibri';
    text-shadow: 0px 0px 1px #eee;
    color: #999999;
}

/***********************************************************************/
/***                      Segmentos e Serviços                       ***/
/***********************************************************************/

.servicos-segmentos-container{
    flex-direction: column;
}

.segmentos{    
   margin-top: 10px;
}

.segmentos-card{
    justify-content: flex-start;
}

.box-solucoes{
    margin-right: 0px;
}

.box-servicos{
    margin-left: 0px;
}

.texto-principal-card{
    font-size: 20px;   
}

.texto-principal-segmentos{
    font-size: 20px;    
}

.texto-principal-card{
    font-size: 20px;    
}

.texto-principal-segmentos{
    font-size: 20px;   
}

.quadrado-card{
    height: 65px;
}

.painel-card{
    height: 50px;    
}

.texto-card-solucoes{
    height: 15px;   
    font-size: 10px;
    
}

.texto-card-segmentos{ 
    height: 20px;
    font-size: 10px;
}

.automacao-card{
    height: var(--imgmob);
}

.plc-card{
    height: var(--imgmob);
}

.supervisorio-card{
    height: var(--imgmob); 
}

.totem-card{
    height: var(--imgmob);
}


.dados-card{
    height: var(--imgmob);
}


.cloud-card{
    height: var(--imgmob);
}

.alimenticia-card{
    height: var(--imgmob); 
}

.bebida-card{
    height: var(--imgmob);
}

.farmaceutica-card{
    height: var(--imgmob);
}

.quimica-card{
    height: var(--imgmob);
}

.mineracao-card{
    height: var(--imgmob);  
}

.siderurgia-card{
    height: var(--imgmob);
}

.oleo-card{
    height: var(--imgmob);   
}

.energia-card{
    height: var(--imgmob);  
}

/***********************************************************************/
/***                          Informação                             ***/
/***********************************************************************/
.titulo-card-resumo{
    font-size: 16px;

}

.texto-card-resumo{
    font: 14px/16px 'calibri';
}


}