@charset "UTF-8";

:root {

/* +++++ Pagina principal - Contatos +++++ */
    /* Tamanho do logo whatsap nos conatatos dos corretores */
    --tamanho-icone-Whatsap-ContatoCorretores: 60px;
    --escala-aumento-icone-Whatsap-ContatoCorretores: 1.4;
    --distancia-margin-top-icone-Whatsap-ContatoCorretores: 5px;
    --distancia-telefone-do-icone-Whatsap-ContatoCorretores: 5px;

/* +++++ Link Whatsap Flutuando no final da pagina +++++ */
    /* Tamanho do logo what sap flutuando */
     --tamanho-icone-Whatsap-flutuando: 90px;
     --tamanho-icone-Whatsap-flutuando-hover: 120px;

     /* Distancia do logo whatsap flutuando do fundo da pagina e da direita */
     --distancia-Logo-Whatsap-Flutuando-Botton: 55px;
     --distancia-Logo-Whatsap-Flutuando-Right: 5px;
     
}

div#TamanhoTela::after {
    font-size: 1em;
    color: green;
    counter-reset: width var(--w) height var(--h);
    /* content: " < PC > Width: " counter(width) "px | Height: " counter(height) "px";   */
}

/* cabeçario */

header div.cabecario {

    min-width: 992px;
    max-width:1200px;
    width: auto;

    justify-content: center;

}

/* menu */

div#IconeMenuDiv {
    display: none;
}

menu#abasMenu {

    display: block;
    
    font-size: 1.2em;

    background-color: black;
    
}

div#ListaIconesMenu {
    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

    justify-items: space-between;
    align-items: stretch; 

    background-color: black;
   
    height: 100%;

    gap: 2px;
    
}

div#AtivoIconeMenu {
    border-top: var(--especuraBordaMenu) solid var(--corBordaMenu);
    border-bottom: var(--especuraBordaMenu) solid var(--corBordaMenu);
      
    background-color: var(--cor-fundo-menu);

    flex: 1;  
    
    align-content: center;

        
}

div#AtivoIconeMenu > a{
    background-color: var(--cor-texto-menu);
    color: var(--cor-fundo-menu); 
}

div#AtivoIconeMenu > a:hover{
    background-color: whitesmoke;
    
}

div#AtivoIconeMenu ::before {
    content: "";
}

div#AtivoIconeMenu ::after {
    content: "";
}

div.ItemMenu {
    border-top: var(--especuraBordaMenu) solid var(--corBordaMenu);
    border-bottom: var(--especuraBordaMenu) solid var(--corBordaMenu);

    background-color: var(--cor-fundo-menu);

    flex: 1;

    align-content: center;

    font-size: 0.9em;

    text-shadow: 5px 5px 40px rgb(0, 0, 0);
    
}

a.linkIconeMenu {
    align-content: center;
    height: 100%;

    padding-top: 5px;
    padding-bottom: 5px;

    padding-left: 5px;
    padding-right: 5px;

    

}

/************************************ Tela inicial *******************************************/

main#mainCorpoSiteTelaInicial {
    margin-top: 120px;
}

main.mainCorpoSite {
    margin-bottom: 56px;
    /* margin-bottom: 110px; */ /* Espaço para o rodapé fixo que não deixa o logo do whatsap tampar a tela */
}

/* Descição Empresa */

p#DescricaoEmpresa {
    font-size: 1.7em;
}

/* Serviços */
        
div.ListaServicos {
    font-size: 1.3em;
}

/* corretores dados */

div.corretorFoto {
    width: 120px;
    height: 120px;
    margin-bottom: 15px;
}

img.corretorFotoImg{
    width: 120px;
    height: 120px;
}

div.corretorNomeEmail {
    
    
}

div.corretorNome, div.corretorEmail {
    font-size: 1.6em;  
}

div.corretorEmail {
    font-size: 1.6em;   
}

div.corretorCelularWhatSap {
    font-size: 1.5em;
}

div.LinkWhatSapCorretorDiv {
    margin-top: var(--distancia-margin-top-icone-Whatsap-ContatoCorretores);
    margin-left: var(--distancia-telefone-do-icone-Whatsap-ContatoCorretores);
    width: var(--tamanho-icone-Whatsap-ContatoCorretores);
}

div.LinkWhatSapCorretorDiv:hover {
    transform: scale( var(--escala-aumento-icone-Whatsap-ContatoCorretores) );
}

/* contato */

div#contatoEmailTelefone {
    font-size: 1.8em;
}

/* Endereço */

div#enderecoRua {
    display: none;
}

div#enderecoCidadeEstado {
    display: none;
}

div#enderecoRuaCidadeEstadoAux {
    display: inline-block;
    font-size: 1.4em;
}

div#enderecoPaisCep {
    font-size: 1.5em;
}

div#imagemPredioHoustonDiv {

    
    max-width: 190px; /* Impede que a imagem fique gigante em telas muito grandes */
    
    /* border-radius: 2px; */
    /* border: 1px solid var(--cor-borda-fotos); */
}

iframe.mapaGoogleMaps {
    width: 100%;
    height: 202px;
}

/************************************ GOLOSSARIO *******************************************/

p.paragrafosGlossarioExplicacoesTermos-HVI {
    font-size: 1.1em;
}

p.paragrafosGlossarioExplicacoes {
    font-size: 1.2em;
}

p#paragrafosEquacaoGlossarioExplicacoesTermosMicronair-HVI {
    
    font-size: 1.5em;
    
    margin-top: 10px;
    margin-bottom: 10px;
}

p#paragrafosEquacaoGlossarioExplicacoesTermosResistencia-HVI {
    font-size: 1.3em;
}

div#AlongamentoEscritoEquacao {
    font-size: 1.4em;
}

p#paragrafosEquacaoGlossarioExplicacoesTermosComprimento-HVI {
    font-size: 1.4em;
}

p#paragrafosEquacaoGlossarioExplicacoesTermosUHML-HVI {
    font-size: 1.5em;
}

div#UniformidadeEscritoEquacao {
    font-size: 1.4em;
}

p.paragrafosEquacaoGlossarioExplicacoesTermosSFI-HVI {
    font-size: 1.5em;
}

caption#Tabela-Unidades-Comprimento-Titulo {
    font-size: 1.1em;
}

tr#LinhaDrecicaoComprimentoAlgodao {
    
    font-size: 1.15em;
}

th.colunaDescricaoComprimento {

    width: 220px;

}

div#colunaDescricaoComprimentoDePolegadaId {
    font-size: 1em;
}

td.LinhaComprimentoDadosUnidadesPolegadas {
    font-size: 1em;
}

tr.LinhaComprimentoDados {
    font-size: 1.1em;
}

div#MaturidadeEscritoEquacao {
    font-size: 1.6em;
}

div#CspEscritoEquacao {
    font-size: 1.75em;
}

div#SciEscritoEquacao {
    font-size: 1.15em;
}

div.containerDefinicaoGlossario {
    display: flex;
    /* flex-direction: row; */
}

div.containerDefinicaoGlossarioFilhoExplicacao {
    margin-right: 20px;
}

div.containerDefinicaoGlossarioFilhoImagem {
    margin-right: 50px;
}

/************************************ ENTIDADES *******************************************/

dd.descricaoEntidadeNome {
    font-size: 1.4em;
}

img#imagemEtiquetaSai {
    height: 340px;
}

/************************************ Agio e desagio *******************************************/

div#versaoAgiosDesagiosPaginaEscritoVersao {
    font-size: 1.2em;
}

div#versaoAgiosDesagiosPaginaDataVersao {
    font-size: 1.2em;
}


main#abaTabelaAgioDesagioInterno {
    margin-top: 120px;
}

main#abaTabelaAgioDesagioInterno2016-08 {
    margin-top: 120px;
    padding-bottom: 50px;
}

main#abaTabelaAgioDesagioInterno2016-02 {
    margin-top: 120px;
    padding-bottom: 50px;
}

main#abaTabelaAgioDesagioInterno2007-01 {
    margin-top: 120px;
    padding-bottom: 50px;
}

div#OpcoesTabelasAgioDesagio {
    max-width: 900px; 
    margin-left: auto;
    margin-right: auto;
}

/* ++ Tipo e Folha ++ */
div#colunaTiposBrancoPortugues {
    font-size: 1.7em;
    width: 320px;
}

div#colunaTiposBrancoIngles {
    font-size: 1em;
}

div#tabelaAgioDesagioTipoFolha-Titulo-Fim-Div {
    font-size: 1.2em;
}

th.DescicaoTipoCor {
    padding-left: 2px;
    padding-right: 2px;

    display: flex;
    flex-direction: column;

    width: 320px;
}

div.tipoPortugues {
    
    font-size: 1.3em;
    
    height: 28px;

}

div.tipoIngles {

    font-size: 1em;
    
}

/* tipo e folha - cabeçario */

th#TipoColunaFolhaLinha {
    width: 72px;
    height: 53px; /* ajusta a linha no meio da celual */

    
}

div.diagonal-encima1 {
    font-size: 1.1em;
    
}

div.diagonal-embaixo1 {
      
    font-size: 1.1em;

   height: 33px;

   padding-top: 10px;
  
}

/* corpo tabela */

th.DesagioTipoFolha {
    

    min-width: 80px;
    max-width: 80px;

    font-size: 1.2em;

}

th#desagio81-6-Interno, th#desagio81-7-Interno, th#desagio71-6-Interno, th#desagio71-7-Interno {
    font-size: 1.2em;
}

th#desagio11-1-Externo, th#desagio11-2-Externo {
    font-size: 1.2em;
}

th#desagio81-6-Externo, th#desagio81-7-Externo, th#desagio71-6-Externo, th#desagio71-7-Externo {
    font-size: 1.2em;
}

/* +++ Junta tabelas Cor, Mic, Fibra e res */

div#Tabela-Cor-Mic-Fibra-Res {
    display: flex;
    flex-direction: row;

    justify-content: center;    /* Centraliza horizontalmente */
    align-items: center;        /* Centraliza verticalmente */
}

div#TabelaAgioDesagioResistenciaDiv-2016 {
    margin-bottom: 100px;
}

/************************************ Redes sociais *******************************************/

main#mainCorpoSiteRedesocial {
    margin-top: 125px;
    place-items: center; /* Centraliza perfeitamente no meio */
}

div.linkedinHover:hover, div.instagramHover:hover, div.facebookHover:hover, div.XHover:hover, div.instagramLucasHover:hover, div.GrupoInformacoesHover:hover{
    background-color: whitesmoke;
    transform-origin: center center; 
    transform: scale( 1.2 );
    transition: transform 0.2s ease; 
}

div.EscritoDesricaoLink {
    text-align: center;
}

/************************************ RODA PÉ *******************************************/

div#WhatsapIcoFooteNote {

    bottom: var(--distancia-Logo-Whatsap-Flutuando-Botton);   /* Distância do topo */
    right: var(--distancia-Logo-Whatsap-Flutuando-Right); /* Distância da direita */
    
    width: var(--tamanho-icone-Whatsap-flutuando); /* Defina o tamanho desejado */
}

div#WhatsapIcoFooteNote:hover {
    
    width: var(--tamanho-icone-Whatsap-flutuando-hover); /* Defina o tamanho desejado */
}

div#DadosRodapeNomeEmpresa {
    font-size: 14px;
}

div#DadosRodapeEmailEmpresa {
    font-size: 13px;
}

div#DadosRodapeTelefoneEmpresa {
    font-size: 13px;
}

div#DadosRodapeCNPJEmpresa {
    font-size: 13px;
}
                    

address#EnderecoRodape {
    font-size: 12px;
}

div#DadosRodapeEmpresa {
    display: none;
}

div#DadosRodapeEmpresaJunto {
    display:inline-block;
    font-family: 'FontLogoEmpresa', 'Times New Roman', Times, serif;
    font-size: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    justify-content: center;
}

div#DadosEmpresaEmailTelJunto {
    display: flex;
    justify-content: center;
    
}

strong#AlgocottonNomeRodaPeJunto {
    font-style: bold;
    color: white;
    font-size: 22px;
    margin-right: 40px;
}

div#emailRodaPeJunto {
    font-size: 18px;
    margin-right: 20px;
    padding-top: 2px;
}

div#telefoneRodaPeJunto {
    font-size: 18px;
    padding-top: 3px;
}

div#DadosCnpjEndereçoRodaPeJunto {
    display: flex;
    justify-content: center;
}

div#DadosCnpjRodaPeJunto {
    font-size: 14px;
    margin-right: 10px;
}
                
div#DadosEndereçoRodaPeJunto {
    font-size: 14px;
}

svg.LinkRedeSocialSvg  {
    width: 40px;  /* Defina a largura desejada */
    height: 40px;

    margin-top : 3px;
}