@charset "UTF-8";

/* Pega as medidas da tela em px (altura e largura) */

@property --w_raw { syntax: '<length>'; inherits: true; initial-value: 100vw; }
@property --h_raw { syntax: '<length>'; inherits: true; initial-value: 100vh; }

/* Seleciono as cores e aprametros no a usar no site */

:root {

/* +++++ Tamanho tela (Debugar) +++++ */
    /* pega as dimensões em largura e altura */
    --w: tan(atan2(var(--w_raw), 1px)); 
    --h: tan(atan2(var(--h_raw), 1px));

/* +++++ Configurações Gerais +++++ */
    --min-width-tela-geral: 450px;

/* +++++ Cabeçario +++++ */
    /* Dados do cabeçario */
    --cor-fundo-cabecario: rgb(255, 255, 255);
    --cor-texto-logo: black;
    
    /* dados do menu */
    --cor-texto-menu: white;
    --cor-texto-menu-ativo: black;
    --cor-fundo-menu: blue;
    --especuraBordaMenu: 2px;
    --corBordaMenu: rgb(0, 0, 0);

/* +++++ Configurações Main (pagina principal) +++++ */
    --cor-texto: black;
    
    /* cor do menu */
    --cor-fundo-main: white;

/* +++++ Pagina principal - Contatos +++++ */
    /* Tamanho do logo whatsap nos conatatos dos corretores */
    --tamanho-icone-Whatsap-ContatoCorretores: 40px;
    --escala-aumento-icone-Whatsap-ContatoCorretores: 1.4;
    --distancia-margin-top-icone-Whatsap-ContatoCorretores: 5px;
    --distancia-telefone-do-icone-Whatsap-ContatoCorretores: 5px;
    
    /* Foto dos corretores */
     --cor-borda-fotos: #e9dddd;





/* +++++ Roda pé +++++ */
    /* cores do footer */
     --cor-texto-link-footer: white;
     --cor-fundo-footer: blue;

/* +++++ Link Whatsap Flutuando no final da pagina +++++ */
     /* Tamanho do logo whatsap flutuando do fundo da pagina e da direita */
     --tamanho-icone-Whatsap-flutuando: 60px;
     --tamanho-icone-Whatsap-flutuando-hover: 70px;

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


@font-face {
    font-family: 'FontLogoEmpresa';
    src: url('../09-Fontes/Google_Sans_Flex/GoogleSansFlex.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontMenu';
    src: url('../09-Fontes/Gabarito/Gabarito.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;

}

/*  Aplica a tudo, tirei margens e padding do tetxo */
* {
    margin: 0;
    outline: 0;
    border: 0;
    padding: 0; 
    
    margin: none;
    outline: none;
    border: none;
    padding: none; 

    box-sizing: border-box;
}

/*  Corpo do site, aproca a todo o site */

body {

    color: var(--cor-texto);
    /* text-align: justify; */
    /* background-image: url("../05-ImagensJPG/flores\ algodão\ 4.3.jpg"); */
    background-color: white;

}

h1, h2 {
    margin-block-start: 0px;       /* tira a margem inicial */
    margin-block-end: 0px;         /* tira a margem final */
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* CABEÇARIO */

header{
    background-color: var(--cor-fundo-cabecario); 

    /* min-width: auto; */

    position: sticky;   /* gruda o header na possiçãod e ciam da tela */
    top: 0; /* Gruda o menu na parte de cima */

    position: fixed;

    width: 100%;

    z-index: 100; /* Posição fixa em cima. Pode ser 1, aunto maior, mas prioridade tem */
}

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

    position: absolute;
    z-index: 1000;
}

div.cabecario {
      
    display: flex; 
    flex-direction: row;   /* coloca a imagem da logo e os escritos algocotton um do lado do outro */
    
    width: auto;   /* determina a largura como automatica, pode colocar como 100vw também */
    
    justify-content: center;   /* coloca o conteudo no centro da tela na horizontal */
}

div#logo-cabecario img {
    /* vertical-align: bottom; /* Tira  a linha que aparece embaixo da imagem */
    display: block; /* Tira  a linha que aparece embaixo da imagem */
    border-right: 5px solid transparent;       /* coloca uma borda de 5px na direita da imagem, e como transparente */ 
    border-left: 5px solid transparent;        /* coloca uma borda de 5px na esquerda da imagem, e como transparente */ 
    border-top: 4px solid transparent;         /* coloca uma borda de 4px na encima da imagem, e como transparente */ 
    border-bottom: 4px solid transparent;      /* coloca uma borda de 4px na embaixo da imagem, e como transparente */ 
    transform: translate(-120px, 0px);  /* Move a imagem para ficar no emio da tela */

}
 
div#nomes-cabecario {

    display: flex; 
    flex-direction: column;   /* coloca os nomes Algocotton e Corretora na forma de coluna, um embaixo do outro */

    font-family: 'FontLogoEmpresa', 'Times New Roman', Times, serif; /* Coloca a fonte da Logo como a na pasta Fontes */

    left: 0;  /* coloca os nomes do cabeçario grudados na parte esquerda, junto com a imagem da logo */

    margin: 0px !important;  /* coloca a margem como 0px e força a ser zero com o !important */
    padding: 0px !important; /* coloca a padding como 0px e força a ser zero com o !important */
    line-height: 1;

    transform: translate(-120px, 0px);  /* Move o escrito para ficar no emio da tela */
}


div#nome-Algocotton-cabecario {
    
    height: 70%;
    position: relative;           /* fix a posição relatica dos filhos em relação a ela */
    /* font-weight: normal; */
}

h1#AlgocttonTextoCabecario {
    
    position: absolute; 
    bottom: 0;          /* Gruda na parte de baixo */
    
    font-size: 2.25em;
}

div#nome-Carretora-cabecario {
    
    height: 30%;
    position: relative;           /* fix a posição relatica dos filhos em relação a ela */
}

h2#CorretoraTextoCabecario {
    
    position: absolute;
    top: 0;             /* Gruda na parte de cima */   

    font-size: 1.3em; 
}


/* Menu de opções */

/* MENU */

div#IconeMenuDiv{
    
    display: flex;
    justify-content: center;
    height: 30px;
    
    /* min-width: auto; */

    background-color: lightblue; 
}


div#LinhasIconeMenuBurger{
    width: 30px;  /* Defina a largura desejada */
    height: auto;

    fill: #0000FF; 
}

div#IconeMenuDiv:hover{
    fill:  #F5F5F5;
    background-color: #0000FF; 
    border-top: var(--especuraBordaMenu) solid var(--corBordaMenu);
    border-bottom: var(--especuraBordaMenu) solid var(--corBordaMenu);
    cursor: pointer; 
}

div#IconeMenuDiv:hover #LinhasIconeMenuBurger{
    fill:  #F5F5F5;
}



menu#abasMenu {
    display: none;
    font-family: 'FontMenu', 'Times New Roman', Times, serif; 

    font-size: 1.4em;
}

div.ItemMenu {
    text-decoration: none;
    text-align: center;
    background-color: rgb(98, 0, 255);
    border-bottom: var(--especuraBordaMenu) solid var(--corBordaMenu);

}

div.ItemMenu > a {
    display: block;
    color: white;

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

div#AtivoIconeMenu > a{
    display: block;
    color: white; 
}



div.ItemMenu a:hover {
    background-color: rgb(44, 0, 124);
    font-weight: bolder;
}

div#AtivoIconeMenu {
    text-decoration: none;
    text-align: center;
    background-color: rgb(98, 0, 255);
    
}


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

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


/*   Coloca "<" na frente e ">" depois do item ativo do menu, para indicar que ele está ativo */

/* CORPO */



/************************************ PAGINA INICIAL *******************************************/
main#mainCorpoSiteTelaInicial {
    margin-top: 115px;
}

main.mainCorpoSite {
    /* display: none; */   
    background-color: var(--cor-fundo-main);
    font-family: 'FontMenu', 'Times New Roman', Times, serif;
    text-align: justify;

    min-width: auto;

    margin-top: 100px;
    margin-bottom: 50px;
    /* margin-bottom: 110px; */ /* Espaço para o rodapé fixo que não deixa o logo do whatsap tampar a tela */
}

h1.iconeMenu {
    background-color: lightblue;
}

p#DescricaoEmpresa {
    font-size: 1.3em;

    margin-top: 10px;
    margin-bottom: 10px;
    
    margin-left: 10px;
    margin-right: 10px;

}

h1 {
    text-align: center;
    font-size: 2em;
}

/* Serviços */

div.ListaServicos {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.ServicosItem {
    
    display: flex;
    flex-direction: row;
    justify-content:left;
    align-items:start;
    margin-bottom: 5px;
    
}

div.ServicosItemIcon {
    margin-left: 10px;
    margin-right: 10px;
}

div.ServicosItemTexto {
    margin-right: 10px;
    font-size: 1.2em;
}

div.ListaServicos {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Corretores */


div#dadosTodosCorretores {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.corretorInformacoes {
    display: flex;
    flex-direction: row;
    
    margin-left: 20px;
}


div.corretorFoto {
    
    border-radius: 2px;    
    
    width: 90px;
    height: 90px;

    margin-right: 10px;
}

div.corretorFoto:hover {
    transform: scale( 1.1 );
    transition: transform 0.2s ease; 
}

img.corretorFotoImg {
    display: block;
    
    border-radius: 2px;
    border: 1px solid var(--cor-borda-fotos);
    
    width: 90px;
    height: 90px;
}

div.corretorDados{
    margin-left: 5px;
}

div.corretorNomeEmail{
    display: flex;
    flex-direction: column;
    /* flex-direction: row; */
    gap:8px;
}

div.corretorNome {
    
    font-size: 1.3em;
}

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

div.corretorEmail::before {
  content: "E-mail: ";
}

div.corretorCelularWhatSap {
    display: flex;
    flex-direction: row;
}

div.corretorCelular {
    margin-top: 10px;
    margin-right: 5px;
    font-size: 1.2em;
}

/* Contato */

div#contatoEmailTelefone {
    
    margin-top: 10px;
    margin-bottom: 10px;

    margin-left: 20px;
    font-size: 1.3em;
}

div#EmailEmpresa {
    margin-bottom: 5px;
}




dfn {
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

a {
    text-decoration: none;
}

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) );
}

em {
   font-style: normal; 
}

/* Endereço */

div#enderecoEmpresa {

    /* display: none; */

    display: flex;
    flex-direction: row;
    
    margin-left: 10px;
    margin-top: 10px;
}

div#imagemPredioHoustonDiv {

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

div#imagemPredioHoustonDiv:hover {
    transform: scale( 1.05 );
    transition: transform 0.2s ease; 
}


                
img#imagemPredioHoustonImg {

    display: block; /* Remove espaços em excesso abaixo da imagem */
    
    width: 100%; /* Força a imagem a preencher a largura do container */
    height: auto; /* Mantém a proporção original da foto para não distorcer */

    border-radius: 2px;
    border: 1px solid var(--cor-borda-fotos);  
}

div#dadosEnderecoEmpresa {
    
    margin-left: 10px;
    margin-right: 10px;

    font-size: 0.8em;
    width: 100%; 

}

div#enderecoRuaCidadeEstadoAux {
    display: none;
}

div#enderecoPaisCep {
    margin-top: 4px;
}



div#enderecoRuaCidadeEstadoPaisCepAux {
    display: none;
}

iframe.mapaGoogleMaps {
    width: 100%;
    height: 190px;

    margin-bottom: 5px;
}


/************************************ ABA MIDIAS SOCIAIS *******************************************/

main#mainCorpoSiteRedesocial {
    
    margin-top: 120px;
    margin-bottom: 70px;
}

div.MidiaSocialLink {
    /* background-color: green; */
    width: auto;

    margin-bottom: 20px;
    margin-left: 20px;

}

div.MidiaSocialLink:hover {
    
}

a.linkAparamidiaSocial{
   
}

div.linkedinHover {
    /* border: 8px dotted black; */
    width: 290px;
}

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

div.instagramHover {
    /* border: 8px dotted black; */
    width: 300px;
}

div.facebookHover {
    /* border: 8px dotted black; */
    width: 230px;
}

div.XHover {
    /* border: 8px dotted black; */
    width: 420px;
}

div.instagramLucasHover {
    /* border: 8px dotted black; */
    width: 300px;
}

div.GrupoInformacoesHover {
    /* border: 8px dotted black; */
    width: 270px;
}

div.EscritoDesricaoLink {
    /* background-color: yellow; */
    color: black;
}

div#linkedinSvg, div#InstagramSvg, div#facebookSvg, div#XTwitterSvg, div#instagramLucasSvg, div#grupoDeInformacoesSvg {
    display: flex;
    flex-direction: row;

    gap: 3px;
    
    height: 70px;
    /* background-color: grey; */

    /* border: 2px solid black;  */
}

div#logoLinkedinSvg {
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
}

div#logoInstagramSvg {
    
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
}


div#escritoInstagramSvg {
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
}

svg#escritoInstagramSvgItem {
    /* transform: scale( 0.45 ); */
    /*  transform:  translate(-30px, -100px); */
    /* O primeiro valor move no eixo horizontal X (positivo para a direita, negativo para a esquerda) e o segundo valor no eixo vertical Y (positivo para baixo, negativo para cima) */
}

path#escritoInstagramSvgItemPath {
    fill: black;
}

div#logoFacebookSvg {
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
}

svg#escritoFacebookSvgItem {
     transform:  translate( 0px, -9px); 
}

div#logoXSvg {
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
}

div#logoTwitterSvg {
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
}

div#escritoTwitterSvg {
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
}

svg#escritoTwitterSvgItem {
    width: 280px;
}

path#escritoTwitterSvgItemPath {
    fill:black;
}

div#instagramLogoLucasSvg {
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
}

div#instagramEscritoLucasSvg {
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
}

div#grupoDeInformacpesAltofalanteSvg {
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
}

div#grupoDeInformacpesWhatsapSvg {
    /* background-color: whitesmoke; */
    /* border: 2px dotted black; */
    width: 210px;
}

svg#grupoDeInformacpesAltofalanteSvgArquivo {
    height: 65px;
}

svg#grupoDeInformacpesWhatsapSvgIcone {
    height: 70px;
    transform: scale( 2.8 );
}

/************************************ Indicadores *******************************************/

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

div#iframesSitesIndicadores {
    
    display: flex;
    flex-direction: row;

    display: none;
}

div.divIframeSiteIndicadores {
    margin-left: 10px;
}

iframe.iframeSiteIndicadores {
    border: none;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

div#divScriptFornecidoPeloCepeaEsalq {
    border-radius: 5px;

    border: 3px solid black;

    width: 407px;
    height: auto;
}

script#scriptFornecidoPeloCepeaEsalq {
    
}

div#linksDiretosParaSiteIndicadores {
    display: flex;
    flex-direction: column;

    /* background-color: #0000FF; */

}

div.linkDiretoParaSiteIndicadoresUnitario {

    margin-left: 25px;
    margin-top: 5px;
    margin-bottom: 5px;

    width: fit-content; 
    
    background-color: whitesmoke;
    
    border-radius: 5px;

    /* border: #000000 solid 8px; */

}

div.linkDiretoParaSiteIndicadoresUnitario:hover {
    transform: scale( 1.1 ); 
}

abbr#abbrIndicadorPrecoEsalqCepea {
    text-decoration: none;
    
}

a#linkIndicadorPrecoEsalq {
    color: black;
    
}

p.linkEscritoIndicador {

}

div.imagemIndicadorFather {
    width: fit-content;

    line-height: 0;
    /* border: green solid 8px; */
}

div#imagemIndicadorPrecoCepeaEsaqJuntas {
    display: flex;
    flex-direction: row;

    align-items: center;     /* Centraliza verticalmente */

    margin-top: 5px;
    margin-bottom: 5px;
}

img.imagemIndicadorPrecoCepeaEsaqlUspJuntas{
    height: 100px;
    height: auto; /* Mantém a proporção original */
}

img#imagemIndicadorPrecoCepeaEntidade {
    width: 100px; /* Define uma largura fixa */
    height: auto; /* Mantém a proporção original */

    margin-left: 10px;
}
                        
img#imagemIndicadorPrecoEsalqEntidade {
    width: 180px; /* Define uma largura fixa */
    height: auto; /* Mantém a proporção original */

    margin-left: 10px;
}
                        
img#imagemIndicadorPrecoUspEntidade {
    width: 100px; /* Define uma largura fixa */
    height: auto; /* Mantém a proporção original */

    margin-left: 5px;
}


/* Coltação Dolar */

abbr#abbrIndicadorCotacaoDolar {
    text-decoration: none;
}



a#linkIndicadorCotacaoDolar {
    color: black;
}

div#imagemCotacaoDolarNota100dolaresDiv{

}

img#imagemCotacaoDolarNota100dolaresImg {
    height: 150px; /* Mantém a proporção original */
}

abbr#abbrIndicadorBolasNYeci {
     text-decoration: none;
}

a#linkIndicadorBolsaNYice {
    color: black;
}

div#imagemIndicadorBolsaNYeca {
    display: flex;
    flex-direction: row;

    align-items: center;     /* Centraliza verticalmente */

    margin-top: 5px;
    margin-bottom: 5px;

    width: fit-content;

    /* background-color: yellow; */

    /* border: green solid 8px; */

    
}

div#imagemIndicadorBolsaNYecaContainer {
   /*  background-color: grey; */

    /* border: red solid 8px; */
    
    font-size: 0;
  
}

img.imagemIndicadorBolsaNYiceImg {
    height: 150px;
    width: auto;
    line-height: 0;
    
} 

img#imagemIndicadorBolsaNYiceExrtenaImg {
    margin: 0px;
    padding: 0px;
    
    
    
}

img#imagemIndicadorBolsaNYiceInternaImg {
    margin: 0px;
    padding: 0px;
    
    
    
}

abbr#abbrIndicadorCotlook {
     text-decoration: none;
}

a#linkIndicadorCotlook {
    color: black;
}


div#imagemIndicadorBolsaNYeca {
    display: flex;
    flex-direction: row;

    align-items: center;     /* Centraliza verticalmente */

    margin-top: 5px;
    margin-bottom: 5px;

    width: fit-content;

    /* background-color: yellow;  */

    /* border: green solid 8px;  */

    
}

div#imagemIndicadorCotlook {
    /* background-color: grey; */

    /* border: red solid 8px;  */
    
    font-size: 0;
  
}

img#imagemIndicadorCotlookImg {
    height: 120px;
    width: auto;
    line-height: 0;
    
} 

abbr#abbrIndicadorIMEA {
    text-decoration: none;
}

a#linkIndicadorIMEA {
   color: black; 
}

div#imagemIndicadorIMEA {
    /* background-color: grey; */

    /* border: red solid 8px;  */
    
    font-size: 0;
}

img#imagemIndicadorIMEAImg {
    height: 210px;
    width: auto;
    line-height: 0;
}


/************************************ GLOSSARIO *******************************************/

main#mainGlossario {
    margin-top: 120px;

    margin-bottom: 100px;

}

                /* Lista Termos Glossario - Inicio */

dt.termoGlossario {
    font-size: 1.6em;

    margin-left: 22px;
    margin-bottom: 10px;

    

    background-color: whitesmoke;
}

dl.listaDefinicoesGlossario dt {
    position: relative;
    padding-left: 30px; /* Espaço para o ícone */
    font-weight: bold;
}

dl.listaDefinicoesGlossario dt::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="80.000000pt" height="70.000000pt" viewBox="0 0 80.000000 70.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,70.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M344 676 c-66 -21 -105 -48 -126 -91 l-20 -40 38 35 c97 89 216 94 322 13 30 -23 33 -23 23 -5 -37 68 -157 113 -237 88z"/><path d="M344 483 c-12 -2 -29 -12 -39 -23 -16 -18 -15 -18 22 -5 48 18 88 18 135 1 46 -16 39 0 -8 20 -32 14 -66 16 -110 7z"/><path d="M106 447 c-22 -12 -48 -34 -59 -48 -22 -31 -34 -109 -19 -135 7 -13 10 -6 9 33 -1 80 49 145 126 163 27 7 28 8 7 9 -14 0 -43 -9 -64 -22z"/><path d="M625 460 c3 -5 15 -10 25 -10 27 0 90 -58 106 -97 8 -18 14 -47 15 -65 0 -31 1 -32 10 -9 10 26 -3 90 -27 126 -7 12 -31 31 -53 43 -40 23 -87 30 -76 12z"/><path d="M563 278 c-6 -7 -20 -31 -31 -53 -32 -64 -64 -88 -124 -92 -69 -5 -106 18 -144 88 -42 76 -55 73 -33 -8 11 -37 19 -70 19 -74 0 -4 -20 -4 -44 -2 -52 6 -116 -4 -116 -17 0 -6 18 -10 39 -10 22 0 72 -7 112 -15 62 -13 78 -21 102 -50 38 -47 73 -47 109 -1 23 28 39 37 97 50 39 9 88 16 110 16 23 0 41 4 41 10 0 14 -65 23 -116 16 -24 -3 -44 -3 -44 1 0 3 9 37 21 75 20 70 21 90 2 66z"/></g></svg>');
}



dd.explicacaoTermoGlossario {
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 20px;

    font-size: 1.2em;
}

                /* Lista Termos Glossario - Fim */

figure#figuraGraficoCoresNickersonHunter {
    margin: 5px auto;
}

img#imagemGraficoCoresNickersonHunter {
    max-width: calc(100% - 45px);
}

figcaption#legendaGraficoCoresNickersonHunter {
    font-size: 14px;
    color: #555;

    margin-top: -5px;
}

figure.figuraGlossario {
    max-width: 300px;
    margin: 5px auto;
    
}

img.imagemGlossario {
    margin-top: 0px;
    margin-bottom: 0px;

    max-height: 200px;

    border-radius: 3px;

    border: 2px solid grey;
}

figcaption.legendaFiguraGlossario {
    
    font-size: 14px;
    color: #555;

    margin-top: -5px;
    
}

p.paragrafosGlossarioExplicacoes {
    text-indent: 20px; /* Altera o recuo da primeira linha */
    margin-bottom: 5px;
    margin-right: 10px;
}

/* Termos HVI Inicio */

                /* Lista Intens HVI - Inicio */

dt.termoGlossarioTermos-HVI {
    font-size: 1.2em;

    margin-left: 30px;
    margin-bottom: 10px;
}

dl#TermosGlossario-HVI dt{
    position: relative;
    padding-left: 30px; /* Espaço para o ícone */
    
    margin-left: 40px;
    

    background-color: antiquewhite;

    font-weight: bold;
}

dl#TermosGlossario-HVI dt::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="136.000000pt" height="133.000000pt" viewBox="0 0 136.000000 133.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,133.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M767 1269 c-4 -14 -24 -45 -44 -68 l-38 -42 -57 26 c-151 69 -310 5 -373 -151 -23 -57 -25 -59 -64 -62 -22 -2 -56 1 -76 7 -34 9 -36 8 -29 -11 9 -30 45 -88 54 -88 4 0 11 -7 14 -16 4 -10 -7 -31 -29 -57 -68 -79 -83 -212 -35 -308 12 -24 43 -63 67 -86 l45 -43 -30 -47 c-17 -27 -34 -68 -38 -93 l-7 -45 29 27 c35 32 74 48 119 48 28 0 37 -6 49 -29 23 -44 93 -98 150 -117 28 -9 63 -23 78 -31 26 -13 33 -11 105 28 43 23 85 48 94 55 20 18 29 18 49 -1 8 -8 42 -26 74 -40 l58 -26 -7 48 c-3 26 -9 57 -11 69 -5 18 2 22 56 32 129 24 217 86 265 188 25 52 26 61 16 116 -6 33 -21 79 -34 102 l-24 42 49 53 c26 29 48 57 48 63 0 6 -24 8 -70 3 l-70 -7 0 72 c0 92 -14 140 -58 190 -58 69 -147 100 -229 82 l-42 -10 -23 77 c-21 65 -25 72 -31 50z m-141 -124 c26 -15 58 -46 73 -71 l28 -44 19 22 c29 32 114 68 162 68 80 0 146 -41 185 -115 28 -54 28 -162 0 -224 l-19 -45 45 -30 c119 -80 128 -239 19 -343 -81 -78 -221 -103 -329 -59 -12 5 -20 -2 -30 -25 -36 -87 -118 -142 -214 -141 -127 1 -222 79 -241 199 -6 37 -9 40 -53 52 -137 35 -212 206 -150 341 26 58 53 87 111 116 45 23 46 24 41 62 -7 54 21 145 59 187 75 87 197 107 294 50z"/><path d="M666 950 c-9 -17 -23 -57 -30 -90 l-12 -60 -39 28 c-43 31 -95 52 -129 52 -13 0 -2 -9 30 -24 49 -23 118 -90 127 -125 4 -15 -5 -21 -48 -30 -36 -8 -65 -23 -91 -47 -28 -26 -32 -32 -12 -20 112 66 244 25 308 -94 l19 -35 0 30 c0 17 -8 49 -19 72 l-19 43 36 29 c40 33 101 53 167 55 70 2 36 20 -37 19 -39 0 -86 -9 -125 -23 -34 -12 -68 -20 -76 -17 -43 17 -63 141 -36 222 15 46 9 53 -14 15z"/></g></svg>');
}

dd.explicacaoTermoGlossarioTermos-HVI {
    margin-left: 60px;
    margin-right: 10px;
    margin-bottom: 20px;

    text-indent: 20px; /* Altera o recuo da primeira linha */

    font-size: 1.1em;
}

                /* Lista Intens HVI - Fim */

p.paragrafosGlossarioExplicacoesTermos-HVI {
    text-indent: 20px; /* Altera o recuo da primeira linha */
    margin-bottom: 5px;
    margin-right: 10px;
}





                /* Lista Termos Internos de Item do HVI - Inicio */

ul#listaDeItensExplicacaoGlossarioTermos-HVI {
    margin-left: 30px;
}

ul#listaDeItensExplicacaoGlossarioTermos-HVI li.itensExplicacaoGlossarioTermos-HVI{
    position: relative;
    padding-left: 30px; /* Espaço para o ícone */
    
    text-indent: 0px; /* Altera o recuo da primeira linha */
    
    font-size: 0.9em;

    

    list-style-type: none; /* Remove os pontos */
                 /* Remove a margem padrão */
    
}

ul#listaDeItensExplicacaoGlossarioTermos-HVI  li.itensExplicacaoGlossarioTermos-HVI::before{
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="152.000000pt" height="141.000000pt" viewBox="0 0 152.000000 141.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,141.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M839 1281 c-40 -13 -72 -32 -101 -59 l-27 -25 -12 27 c-16 34 -24 33 -39 -4 -10 -25 -17 -29 -34 -24 -11 4 -49 7 -83 7 -65 -1 -125 -24 -170 -65 -31 -29 -73 -119 -73 -156 0 -29 -3 -32 -31 -32 -37 0 -119 -20 -119 -29 0 -4 5 -12 11 -18 12 -12 12 -24 9 -195 -3 -186 60 -312 191 -378 66 -34 140 -46 192 -32 29 8 50 6 112 -13 93 -29 99 -34 121 -93 21 -57 52 -104 64 -97 5 3 11 36 15 73 4 37 9 75 11 84 7 25 60 53 143 77 62 17 82 28 115 64 27 28 56 48 84 56 100 29 181 148 190 278 7 110 -3 155 -55 231 -55 82 -88 146 -98 190 -8 38 -13 39 -66 12 l-40 -21 -46 51 c-25 28 -64 60 -86 72 -44 22 -137 32 -178 19z m156 -50 c54 -25 102 -77 124 -136 16 -42 24 -50 57 -60 175 -52 250 -243 165 -421 -32 -67 -70 -106 -123 -128 -49 -21 -48 -21 -48 13 0 17 -12 67 -26 113 -16 49 -27 106 -27 141 0 37 -4 57 -12 57 -24 0 -65 -77 -85 -160 -35 -147 -70 -210 -141 -257 -33 -22 -47 -25 -93 -21 -77 6 -116 37 -182 140 -62 97 -103 138 -141 138 l-25 0 26 -31 c31 -37 34 -50 38 -155 2 -61 8 -87 21 -101 25 -29 22 -33 -27 -33 -145 0 -270 129 -283 292 -8 95 9 144 72 205 l53 51 -1 65 c-1 125 74 211 195 224 47 5 65 1 114 -21 49 -23 59 -24 66 -12 56 100 183 144 283 97z"/><path d="M695 931 c-22 -10 -49 -28 -60 -41 l-20 -23 35 18 c42 22 178 32 233 17 49 -14 39 3 -17 29 -52 24 -120 24 -171 0z"/></g></svg>');
}

                /* Lista Termos Internos de Item do HVI - Fim */

abbr.abbrGlossarioIten {
    text-decoration: none;
}

abbr.abbrGlossarioItenHVIlista {
    text-decoration: none;
}



abbr#abbrPilosidade {
    text-decoration: none;
    font-style: italic;
}


    
                /* Tabela Comprimento - Inicio */

table.Tabela-Unidades-Comprimento {
    border-collapse: collapse; /* Une as bordas das células */

    table-layout: fixed; /* Força a tabela a obedecer à largura da div, mesmo que as colunas precisem se ajustar */
}

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

div#Tabela-Unidades-Comprimento-Titulo-Div {
    
}

thead#cabcarioComprimentoAlgodao {

}

tr#LinhaDrecicaoComprimentoAlgodao {
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
    font-size: 0.7em;
    background-color: #f2f2f2;
}

th.colunaDescricaoComprimento {
    border: 2px solid black;
    width: 110px;

    padding: 3px;

}

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


abbr#abbrEUA {
    text-decoration: none;
    font-style: italic;
}
                                            
tbody.corpoComprimentoAlgodao {

}

tr.LinhaComprimentoDados:nth-child(even) {
    background-color: #f2f2f2;
}

tr.LinhaComprimentoDados {
    border: 2px solid black;
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */

    
}

td.LinhaComprimentoDadosTrintaDoisAvos {
    border: 2px solid black;
    padding: 3px;
}

td.LinhaComprimentoDadosUnidadesUS {
    border: 2px solid black;
    padding: 3px;

}

td.LinhaComprimentoDadosUnidadesPolegadas{
    border: 2px solid black;
    padding: 3px;
    font-size: 0.85em;

}

td.LinhaComprimentoDadosUnidadesMM {
    border: 2px solid black;
    padding: 3px;
}

                /* Tabela Comprimento - Fim */

p#paragrafosEquacaoGlossarioExplicacoesTermosMicronair-HVI {
    
    font-size: 0.7em;
    
    text-indent: 0px; /* Altera o recuo da primeira linha */

    text-align: center;

        
    margin-top: 10px;
    margin-bottom: 10px;
}

p#paragrafosEquacaoGlossarioExplicacoesTermosResistencia-HVI {
    font-size: 0.55em;
    
    text-indent: 0px; /* Altera o recuo da primeira linha */

    text-align: center;

        
    margin-top: 10px;
    margin-bottom: 10px;
}

p#paragrafosEquacaoGlossarioExplicacoesTermosComprimento-HVI {
    font-size: 0.60em;
    
    text-indent: 0px; /* Altera o recuo da primeira linha */

    text-align: center;

        
    margin-top: 10px;
    margin-bottom: 10px;
}

p#paragrafosEquacaoGlossarioExplicacoesTermosAlongamento-HVI {
    font-size: 0.56em;
    
    text-indent: 0px; /* Altera o recuo da primeira linha */

    text-align: center;

        
    margin-top: 10px;
    margin-bottom: 10px;
}

div#AlongamentoEscritoEquacao {
    font-size: 0.60em;

    text-indent: 0px;

    display: flex;
    flex-direction: row;

    justify-content: center; /* Centraliza na horizontal */
    align-items: center;     /* Centraliza na vertical */
           
    margin-top: 10px;
    margin-bottom: 10px;
}

div#AlongamentoEscritoMuitoBaixa {
    /* background-color: blue; */
}

div#AlongamentoEscritoMeioEquacao {
    /* background-color: green; */
}

div#AlongamentoEscritoMuitoAlta {
    /* background-color: yellow; */
}

p#paragrafosEquacaoGlossarioExplicacoesTermosUHML-HVI {
    font-size: 0.70em;
    
    text-indent: 0px; /* Altera o recuo da primeira linha */

    text-align: center;

        
    margin-top: 10px;
    margin-bottom: 10px;
}

abbr#abbrUHML {
    text-decoration: none;
    font-style: italic;
}



div#UniformidadeEscritoEquacao {
    font-size: 0.60em;

    text-indent: 0px;

    display: flex;
    flex-direction: row;

    justify-content: center; /* Centraliza na horizontal */
    align-items: center;     /* Centraliza na vertical */
           
    margin-top: 10px;
    margin-bottom: 10px;
}

div#UniformidadeEscritoMuitoBaixa {
    /* background-color: blue;   */   
}

div#UniformidadeEscritoMeioEquacao {
    /* background-color: green;   */  
}

div#UniformidadeEscritoMuitoAlta {
    /* background-color: yellow;   */  
}

p.paragrafosEquacaoGlossarioExplicacoesTermosSFI-HVI {
    font-size: 0.69em;
    
    text-indent: 0px; /* Altera o recuo da primeira linha */

    text-align: center;

        
    margin-top: 10px;
    margin-bottom: 10px;
}

p.paragrafosEquacaoGlossarioExplicacoesTermosSFC-HVI {
    font-size: 30px;
}


                /* Tabela CTrash Area e Grade - Inicio */


table.Tabela-LeafGrade-LeafArea {
    border-collapse: collapse; /* Une as bordas das células */

    table-layout: fixed; /* Força a tabela a obedecer à largura da div, mesmo que as colunas precisem se ajustar */
}

caption#Tabela-LeafGrade-LeafArea-Titulo {
    font-size: 0.9em;
}

div#Tabela-LeafGrade-LeafArea-Titulo-Div {

}

thead#cabcario-LeafGrade-LeafArea-Algodao {

}

tr#LinhaDrecicao-LeafGrade-LeafArea-Algodao {
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
    font-size: 1.2em;
    background-color: #f2f2f2;
}

th.colunaDescricao-LeafGrade-LeafArea {
    border: 2px solid black;
    width: 170px;

    padding: 3px;
}

tbody#corpo-LeafGrade-LeafArea-Algodao {

}

tr.Linha-LeafGrade-LeafArea-Dados {
     height: 30px;
    
    font-size: 1.2em;

    padding: 3px;
}

tr.Linha-LeafGrade-LeafArea-Dados:nth-child(even) {
    background-color: #f2f2f2;
}

td.Linha-LeafGrade {
    border: 2px solid black;
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
}

td.Linha-LeafArea {
    border: 2px solid black;
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
}

                /* Tabela CTrash Area e Grade - Fim */


div#MaturidadeEscritoEquacao {
    font-size: 0.70em;

    text-indent: 0px;

    display: flex;
    flex-direction: row;

    justify-content: center; /* Centraliza na horizontal */
    align-items: center;     /* Centraliza na vertical */
           
    margin-top: 10px;
    margin-bottom: 10px;
}

div#MaturidadeEscritoMuitoBaixa {
    justify-content: center; /* Centraliza na horizontal */
    align-items: center;     /* Centraliza na vertical */
}

div#MaturidadeEscritoMeioEquacao {

}

div#MaturidadeEscritoMuitoAlta {
    margin-left: 2px;
}

div#CspEscritoEquacao {
    font-size: 0.75em;

    display: flex;
    flex-direction: row;

    justify-content: center; /* Centraliza na horizontal */
    align-items: center;     /* Centraliza na vertical */
           
    margin-top: 10px;
    margin-bottom: 10px;
}

                /* Tabela Color Grade - Inicio */

table.Tabela-Color-Grade {
    border-collapse: collapse; /* Une as bordas das células */

    table-layout: fixed; /* Força a tabela a obedecer à largura da div, mesmo que as colunas precisem se ajustar */

}

caption#Tabela-Unidades-Color-Grade-Titulo {
    font-size: 0.9em;
}

div#Tabela-Unidades-Color-Grade-Titulo-Div {
    
}

thead#cabcario-Color-Grade-Algodao {

}

tr#LinhaDrecicao-Color-Grade-Algodao {
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
    font-size: 0.7em;
    background-color: #f2f2f2;

}

th.colunaDescricao-Color-Grade {
    border: 2px solid black;
    width: 120px;

    padding: 3px;
}

th.colunaDescricao-Color-Grade-Cor {
    border: 2px solid black;
    font-size: 0.9em;
    
    width: 110px;

    padding: 3px;
}

tbody#corpo-Color-Grade-Algodao {

}

tr.Linha-Color-Grade-Dados {
    height: 60px;
    
    font-size: 0.7em;
}

tr.Linha-Color-Grade-Dados {
    padding: 3px;
}

tr.Linha-Color-Grade-Dados:nth-child(even) {
    background-color: #f2f2f2;
}

td.Linha-Color-Grade-DadosLinha {
    border: 2px solid black;
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */

}
    
td.Linha-Color-Grade-Dados-Code {
    border: 2px solid black;
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */

    font-size: 1.7em;

}

 /* Tabela COntaminante - Inicio */

table.Tabela-Contaminante {
    border-collapse: collapse; /* Une as bordas das células */

    table-layout: fixed; /* Força a tabela a obedecer à largura da div, mesmo que as colunas precisem se ajustar */
}

caption#Tabela-Contaminante-Titulo {
    font-size: 0.9em;
}

div#Tabela-Contaminante-Div {

}

thead#cabcario-Contaminante-Algodao {

}

tr#LinhaDrecicao-Contaminante-Algodao {
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
    font-size: 1.1em;
    background-color: #f2f2f2;
}

th#colunaDescricao-Contaminante-Numero {
    border: 2px solid black;
    width: 30px;

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

th#colunaDescricao-Contaminante-Descricao {
    border: 2px solid black;
    width: 340px;

    padding: 3px;
}

th#colunaDescricao-Contaminante-Codigo {
    border: 2px solid black;
    width: 30px;

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

tbody#corpo-Contaminante-Algodao {

}

tr.Linha-Contaminante-Dados {

}

tr.Linha-Contaminante-Dados:nth-child(even) {
    background-color: #f2f2f2;
}

td.Linha-Contaminante-DadosLinha {
    border: 2px solid black;
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
}

td.Linha-Contaminante-Descricao {
    border: 2px solid black;
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
}

div.DescricaoContaminanteTotal {

}

div.DescricaoContaminantePortugues {
    font-size: 0.8em;
}

div.DescricaoContaminanteIngles {
    font-size: 0.6em;
}

div.DescricaoContaminanteIngles::before {
    content: '(';
}

div.DescricaoContaminanteIngles::after {
    content: ')';
}

div.DescricaoContaminanteInglesVazio {
    font-size: 0.6em;
    
}

td.Linha-Contaminante-Codigo {
    border: 2px solid black ;
    text-align: center; /* Centraliza o conteúdo horizontalmente dentro da célula */
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
}

/* Tabela COntaminante - Final */

/* Termos HVI final */

ul.listaDeItensExplicacaoGlossarioItemGlossario {
    margin-left: 10px;

}

ul.listaDeItensExplicacaoGlossarioItemGlossario li.itensExplicacaoGlossarioItemGlossario {
    position: relative;
    padding-left: 30px; /* Espaço para o ícone */
    
    text-indent: 0px; /* Altera o recuo da primeira linha */
    
    font-size: 1.1em;

    

    list-style-type: none; /* Remove os pontos */
                 /* Remove a margem padrão */

}

ul.listaDeItensExplicacaoGlossarioItemGlossario li.itensExplicacaoGlossarioItemGlossario::before {
     content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="175.000000pt" height="179.000000pt" viewBox="0 0 175.000000 179.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,179.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M788 1383 l-14 -48 -64 -6 c-82 -7 -163 -48 -199 -102 -28 -40 -30 -40 -118 -21 l-32 6 9 -33 c14 -45 6 -75 -48 -188 -38 -83 -45 -107 -50 -178 -5 -98 8 -145 67 -232 44 -64 80 -95 151 -131 55 -28 161 -38 214 -20 32 10 50 9 127 -10 106 -26 145 -54 155 -108 7 -38 31 -82 43 -82 15 0 41 73 41 116 0 41 4 49 51 94 37 35 66 53 107 65 138 41 153 48 202 92 62 55 123 175 146 284 27 129 -1 220 -97 315 -49 48 -59 64 -59 92 0 34 0 34 -37 27 -21 -3 -48 -13 -60 -21 -31 -20 -39 -18 -82 16 -83 67 -229 91 -323 53 l-42 -17 -37 43 -38 42 -13 -48z m364 -63 c24 -11 57 -31 73 -44 l30 -24 -22 -22 c-13 -11 -23 -22 -23 -23 0 -1 37 -2 83 -3 206 -2 296 -135 239 -354 -33 -126 -124 -251 -202 -279 l-28 -9 24 48 c43 86 29 154 -56 280 -23 33 -46 75 -52 92 -9 26 -12 28 -20 13 -7 -11 -6 -39 1 -78 5 -34 13 -79 16 -99 7 -48 -11 -151 -35 -197 -58 -114 -205 -156 -329 -94 -113 56 -158 158 -147 329 5 67 4 104 -3 108 -6 4 -13 -6 -17 -21 -10 -49 -35 -127 -45 -145 -5 -10 -9 -23 -9 -30 0 -7 -7 -26 -16 -43 -23 -42 -30 -145 -13 -177 8 -15 31 -40 52 -56 36 -29 36 -30 14 -36 -27 -6 -116 7 -167 26 -48 18 -96 62 -140 130 -87 133 -69 298 42 405 39 38 90 61 172 77 l60 12 -57 33 c-31 18 -57 35 -57 37 0 3 11 20 25 38 49 64 173 101 262 77 39 -11 46 -10 83 15 22 15 54 30 72 35 49 12 142 2 190 -21z"/><path d="M900 1151 c-39 -13 -85 -38 -99 -55 -18 -22 -6 -20 48 6 52 25 172 31 193 10 14 -14 38 -16 38 -4 0 27 -132 59 -180 43z"/></g></svg>');

}

ul.listaDeItensExplicacaoGlossarioItemGlossarioItensInternos {
    margin-left: 10px;

}

ul.listaDeItensExplicacaoGlossarioItemGlossarioItensInternos li.itensExplicacaoGlossarioItemGlossarioItensInternos {
    position: relative;
    padding-left: 22px; /* Espaço para o ícone */
    
    text-indent: 0px; /* Altera o recuo da primeira linha */
    
    font-size: 0.9em;

    

    list-style-type: none; /* Remove os pontos */
                 /* Remove a margem padrão */

}

ul.listaDeItensExplicacaoGlossarioItemGlossarioItensInternos li.itensExplicacaoGlossarioItemGlossarioItensInternos::before {
     content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="141.000000pt" height="127.000000pt" viewBox="0 0 141.000000 127.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,127.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M666 1183 c-45 -88 -42 -86 -115 -67 -114 29 -218 -1 -291 -84 -68 -77 -84 -172 -44 -268 8 -18 14 -37 14 -42 0 -4 -26 -14 -57 -20 -32 -7 -73 -19 -92 -28 l-34 -14 25 -28 c34 -36 41 -61 42 -162 1 -75 5 -93 34 -153 38 -78 84 -117 159 -137 26 -8 62 -24 79 -36 44 -34 112 -61 169 -69 28 -4 75 -14 105 -21 117 -30 174 -15 240 61 27 32 61 59 86 69 22 9 55 27 73 40 18 14 52 28 74 31 185 31 272 232 180 412 -17 33 -34 74 -38 91 -3 17 -24 58 -45 90 -21 33 -41 70 -45 83 -13 45 -77 129 -121 158 -59 39 -132 55 -203 46 -107 -13 -102 -15 -138 43 l-32 54 -25 -49z m336 -103 c54 -23 116 -88 142 -148 19 -43 19 -43 -2 -88 -12 -24 -28 -47 -36 -50 -9 -3 14 -20 57 -42 87 -45 131 -98 147 -176 30 -147 -70 -286 -207 -286 -76 0 -173 67 -234 160 l-17 25 -7 -49 c-14 -90 11 -214 48 -238 19 -12 -12 -62 -51 -82 -20 -10 -62 -20 -92 -23 -98 -9 -220 50 -269 131 -18 29 -28 34 -72 40 -29 4 -65 10 -81 13 -27 5 -28 5 -18 -21 11 -29 2 -33 -33 -15 -107 55 -156 211 -106 343 18 50 33 67 98 116 20 16 20 16 -10 74 -33 66 -36 112 -14 177 44 123 190 180 328 129 30 -11 67 -32 82 -45 l26 -25 46 40 c25 22 60 44 77 49 57 17 150 12 198 -9z"/><path d="M651 840 c-10 -55 -11 -89 -3 -130 5 -30 9 -56 8 -57 -1 -1 -32 9 -69 22 -76 28 -107 32 -62 9 17 -9 41 -23 53 -31 l24 -15 -41 -20 c-23 -11 -46 -29 -51 -39 -10 -17 -8 -17 32 1 53 24 141 26 193 4 20 -8 42 -13 47 -12 6 2 17 28 24 57 8 29 26 69 41 89 l28 36 -34 -20 c-18 -10 -37 -28 -42 -39 -4 -11 -17 -31 -28 -45 -20 -25 -20 -25 -36 -5 -34 43 -58 112 -64 190 l-7 80 -13 -75z"/></g></svg>');

}


a.linkGlossarioEntidade {
    text-decoration: none;
    color: black;
}

abbr.abbrGlossarioEntidade {
    text-decoration: none;
}

a.linkGlossarioComunicadoTecmico {
    text-decoration: none;
    color: black;
    font-style: italic;
}

abbr.abbrSciEscritoEquacao {
    text-decoration: none;
}

div#SciEscritoEquacao {
    font-size: 0.5em;

     text-indent: 0px;

    justify-content: center; /* Centraliza na horizontal */
    align-items: center;     /* Centraliza na vertical */
           
    margin-top: 10px;
    margin-bottom: 10px;
}

                /* Tabela Color Grade - Fim */

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

main#mainEntidades {
    margin-top: 120px;

    margin-bottom: 100px;
}

dt.nomeEntidadeFigura {
   margin-left: 20px; 
}

a.linkEntidade {

}

dd.descricaoEntidadeNome {
    margin-left: 10px;
    margin-right: 10px;
}

img.imagemEntidade {
    height: 100px;
    
    margin-top: 5px;
    margin-bottom: 5px;
}

img.imagemEntidade:hover {
    transform: scale( 1.1 );
    
}

img.imagemEntidadeEsaqlUspJuntas {
    height: 100px;
    
}


div#imagemCepeaEsaqlUspJuntas {
    display: flex;
    flex-direction: row;

    align-items: center;     /* Centraliza verticalmente */

    margin-top: 5px;
    margin-bottom: 5px;
}

div#imagemCepeaEsaqlUspJuntas:hover {
    transform: scale( 1.1 );  
}

img#imagemCepeaEntidade {
    width: 100px; /* Define uma largura fixa */
    height: auto; /* Mantém a proporção original */

    margin-left: 10px;
}

img#imagemEsalqEntidade {
    width: 200px; /* Define uma largura fixa */
    height: auto; /* Mantém a proporção original */

    margin-left: 10px;
}

img#imagemUspEntidade {
    width: 100px; /* Define uma largura fixa */
    height: auto; /* Mantém a proporção original */

    margin-left: 10px;
}

div#conjuntoAssociacaoRegionalAbrapa {
    display: flex;
    flex-wrap: wrap; /* Faz os itens quebrarem a linha */
    gap: 10px;       /* Espaço entre os itens */

    margin-left: 30px;
}

div.associacaoRegionalAbrapa {
    display: inline-block;

    border-radius: 3px; 

    /* border: 2px solid grey;   */

    /* background-color: lightgreen; */

    /* line-height: 0; */

    padding: 2px;
    margin-bottom: 10px;
}

div.associacaoRegionalAbrapa:hover {
    transform: scale( 1.1 );
    cursor: pointer;
}

div.logoAssociacaoRegionalAbrapaDiv{
    /* border: 5px solid red; */
    /* background-color: lightskyblue; */

    display: flex;
    
    line-height: 0;        /* Remove espaço extra indesejado abaixo da imagem */
}

a.linkAssociacaoRegionalAbrapa {
    /* background-color: yellow; */
}

img.imagemAssociacaoRegionalAbrapa {
    height: 50px;
}

div.localidadeAssociacaoAbrapaDiv {
    display: flex;
    justify-content: center; 

    /* background-color: blue; */
}


p.paragrafosExplicacoesEntidades {
    text-indent: 20px; /* Altera o recuo da primeira linha */
    margin-bottom: 5px;
}

a.linkInternoDescricaoEntidade {
    text-decoration: none;
    color: black;
    border-bottom: 1px dotted #999; /* Ajuste a cor (#999) para mais claro ou escuro */
    
}

ul#listaDeItensEntidades {
    margin-left: 20px;
}

ul#listaDeItensEntidades li.itemUnitarioDeUmaListaEntidades {
    position: relative;
    padding-left: 25px; /* Espaço para o ícone */
    font-weight: bold;
    margin-bottom: 5px;

    list-style-type: none; /* Remove os pontos */
                 /* Remove a margem padrão */
    
}

ul#listaDeItensEntidades li.itemUnitarioDeUmaListaEntidades::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; 
    background-size: contain; 
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="80.000000pt" height="70.000000pt" viewBox="0 0 80.000000 70.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,70.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M344 676 c-66 -21 -105 -48 -126 -91 l-20 -40 38 35 c97 89 216 94 322 13 30 -23 33 -23 23 -5 -37 68 -157 113 -237 88z"/><path d="M344 483 c-12 -2 -29 -12 -39 -23 -16 -18 -15 -18 22 -5 48 18 88 18 135 1 46 -16 39 0 -8 20 -32 14 -66 16 -110 7z"/><path d="M106 447 c-22 -12 -48 -34 -59 -48 -22 -31 -34 -109 -19 -135 7 -13 10 -6 9 33 -1 80 49 145 126 163 27 7 28 8 7 9 -14 0 -43 -9 -64 -22z"/><path d="M625 460 c3 -5 15 -10 25 -10 27 0 90 -58 106 -97 8 -18 14 -47 15 -65 0 -31 1 -32 10 -9 10 26 -3 90 -27 126 -7 12 -31 31 -53 43 -40 23 -87 30 -76 12z"/><path d="M563 278 c-6 -7 -20 -31 -31 -53 -32 -64 -64 -88 -124 -92 -69 -5 -106 18 -144 88 -42 76 -55 73 -33 -8 11 -37 19 -70 19 -74 0 -4 -20 -4 -44 -2 -52 6 -116 -4 -116 -17 0 -6 18 -10 39 -10 22 0 72 -7 112 -15 62 -13 78 -21 102 -50 38 -47 73 -47 109 -1 23 28 39 37 97 50 39 9 88 16 110 16 23 0 41 4 41 10 0 14 -65 23 -116 16 -24 -3 -44 -3 -44 1 0 3 9 37 21 75 20 70 21 90 2 66z"/></g></svg>');
}

div#descricaoEtiquetaSai {
    display: flex;
    flex-direction: row;
}

div#descricaoEtiquetaSaiItensListados {
    margin-right: 10px;
}

div#descricaoEtiquetaSaiImagem {
    margin-right: 10px;
}

img#imagemEtiquetaSai {
    border: 3px solid lightgray;
    border-radius: 3px;

    height: 250px;
    width: auto;
}

img#SIGCOTTONimagem {
    background-color: darkblue;
}






ul#listaDeItensEntidadesExplicacao {
    margin-left: 10px;
}

ul#listaDeItensEntidadesExplicacao li.itensDeItensEntidadesExplicacao{
    position: relative;
    padding-left: 27px; /* Espaço para o ícone */
    
    text-indent: 0px; /* Altera o recuo da primeira linha */
    
    font-size: 0.9em;

    list-style-type: none; /* Remove os pontos */
                 /* Remove a margem padrão */  
}

ul#listaDeItensEntidadesExplicacao  li.itensDeItensEntidadesExplicacao::before{
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="152.000000pt" height="141.000000pt" viewBox="0 0 152.000000 141.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,141.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M839 1281 c-40 -13 -72 -32 -101 -59 l-27 -25 -12 27 c-16 34 -24 33 -39 -4 -10 -25 -17 -29 -34 -24 -11 4 -49 7 -83 7 -65 -1 -125 -24 -170 -65 -31 -29 -73 -119 -73 -156 0 -29 -3 -32 -31 -32 -37 0 -119 -20 -119 -29 0 -4 5 -12 11 -18 12 -12 12 -24 9 -195 -3 -186 60 -312 191 -378 66 -34 140 -46 192 -32 29 8 50 6 112 -13 93 -29 99 -34 121 -93 21 -57 52 -104 64 -97 5 3 11 36 15 73 4 37 9 75 11 84 7 25 60 53 143 77 62 17 82 28 115 64 27 28 56 48 84 56 100 29 181 148 190 278 7 110 -3 155 -55 231 -55 82 -88 146 -98 190 -8 38 -13 39 -66 12 l-40 -21 -46 51 c-25 28 -64 60 -86 72 -44 22 -137 32 -178 19z m156 -50 c54 -25 102 -77 124 -136 16 -42 24 -50 57 -60 175 -52 250 -243 165 -421 -32 -67 -70 -106 -123 -128 -49 -21 -48 -21 -48 13 0 17 -12 67 -26 113 -16 49 -27 106 -27 141 0 37 -4 57 -12 57 -24 0 -65 -77 -85 -160 -35 -147 -70 -210 -141 -257 -33 -22 -47 -25 -93 -21 -77 6 -116 37 -182 140 -62 97 -103 138 -141 138 l-25 0 26 -31 c31 -37 34 -50 38 -155 2 -61 8 -87 21 -101 25 -29 22 -33 -27 -33 -145 0 -270 129 -283 292 -8 95 9 144 72 205 l53 51 -1 65 c-1 125 74 211 195 224 47 5 65 1 114 -21 49 -23 59 -24 66 -12 56 100 183 144 283 97z"/><path d="M695 931 c-22 -10 -49 -28 -60 -41 l-20 -23 35 18 c42 22 178 32 233 17 49 -14 39 3 -17 29 -52 24 -120 24 -171 0z"/></g></svg>');
}

/************************************ AGIO E DESAGIO *******************************************/

div#tabelasResistencia2007-01 {
    display: flex;
    flex-direction: column;

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

div#SiteBBMdadosColetados {
    display: flex;
    flex-direction: column;

    margin-left: 10px;
    font-size: 0.7em;
}

div#SiteBBMdadosColetadosDescricao {
    font-size: 0.9em;
}

div#SiteBBMdadosColetadosSite {

}
            

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

main#abaTabelaAgioDesagioInterno2016-08 {
    margin-top: 115px;
    padding-bottom: 30px;
}

main#abaTabelaAgioDesagioInterno2016-02 {
    margin-top: 115px;
    padding-bottom: 30px;
}

main#abaTabelaAgioDesagioInterno2007-01 {
    margin-top: 115px;
    padding-bottom: 30px;
}

/*   ==== Opicoes de tabelas de agios e dasagios ==== */

div#OpcoesTabelasAgioDesagio {
    display: flex;
    flex-direction: row;

    margin-left: 5px;
    margin-right: 5px;

    justify-content: space-between;

}

div#OpcaoMercadoInternoOuExterno {
    display: flex;
    flex-direction: row;

    justify-content: flex-start;

    margin-left: 5px;

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

    gap: 2.5px;

    border-radius: 5px;

    border: 3px solid black;
    
    background-color: black;
}

div#OpcaoMercadoInternoOuExterno:hover, div#CalculaAgioEDesagio:hover, div#OpcaoMercadoVersoes:hover {
    transform: scale( 1.05 );
    cursor: pointer;
}

div#CalculaAgioEDesagio {
    display: flex;
    flex-direction: column;

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

    border: 3px solid black;

    padding-left: 2px;
    padding-right: 2px;

    background-color: blue;
    color: white;

    border-radius: 4px;
}

abbr.explicaFuncionalidadeBotaoAgioDesagio {
    text-decoration: none;  
}

div.OpcaoContainerTipoMercado {
    display: flex;
    flex-direction: column;

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

    padding-left: 2px;
    padding-right: 2px;
    
    background-color: blue;
    color: white;

}

 div#OpcaoContainerTipoMercadoInternoAtivo:hover, div#OpcaoContainerTipoMercadoExternoAtivo:hover{
    color: black;
 }

 div#OpcaoContainerTipoMercadoInterno:hover, div#OpcaoContainerTipoMercadoExterno:hover{
    color: black;
 }

 div#CalculaAgioEDesagio:hover{
    color: black;
}



div#VersaoMercadoExternoAtualAtivo:hover {
    color: black;
}


div#VersaoInternoAtua:hover {
    color: black;
}

div#OpcaoContainerTipoMercadoInterno {   

    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div#OpcaoContainerTipoMercadoInternoAtivo {
    
    /* %%%%% Faz opção ser ativa - Inicio %%%%% */
    
    background-color: white;
    color: blue;
    text-decoration: underline;
    text-decoration-color: black;

    /* %%%%% Faz opção ser ativa - Fim %%%%% */
    
    

    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div#OpcaoContainerTipoMercadoExterno {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

div#OpcaoContainerTipoMercadoExternoAtivo {
    /* %%%%% Faz opção ser ativa - Inicio %%%%% */
    
    background-color: white;
    color: blue;
    text-decoration: underline;
    text-decoration-color: black;

    /* %%%%% Faz opção ser ativa - Fim %%%%% */

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

div#versaoAgiosDesagiosPagina {
    display: flex;
    flex-direction: column;

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


}

div#versaoAgiosDesagiosPaginaEscritoVersao {

}

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


div#OpcaoMercadoVersoes {
    display: flex;
    flex-direction: row;

    position: relative; /* Define o ponto de referência */

    justify-content: flex-end;

    margin-right: 5px;

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

    gap: 3px;

    border-radius: 4px;

    border: 3px solid black;
    
    background-color: black;

}




div.DadosVersaoesMercado {
    display: flex;
    flex-direction: column;

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

    padding-left: 4px;
    padding-right: 4px;
 
    background-color: blue;
    color: white;
}

div#VersaoMercadoInternoAtualAtivo {
    /* %%%%% Faz opção ser ativa - Inicio %%%%% */
    
    background-color: white;
    color: blue;
    text-decoration: underline;
    text-decoration-color: black;

    /* %%%%% Faz opção ser ativa - Fim %%%%% */
    
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div#VersaoMercadoInternoAtualAtivo:hover {
    color: black;
}



div#VersaoMercadoExternoAtualAtivo {
    /* %%%%% Faz opção ser ativa - Inicio %%%%% */
    
    background-color: white;
    color: blue;
    text-decoration: underline;
    text-decoration-color: black;

    /* %%%%% Faz opção ser ativa - Fim %%%%% */
    
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div#VersaoMercadoExternoAtual {
    
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div#VersaoMercadoExternoOutro {
    
    width: 120px;
    
    text-align: center;

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

div#VersaoMercadoExternoOutro:hover {
    color: black;
}

div#DadosAgiosAnterioresMercadoExterno {

    display: none;

    position: absolute; /* Tira a div do fluxo normal */

    top: 40px; /* Distância do topo do container-pai */
    left: 100px; /* Distância da direita do container-pai */
    
    font-size: 0.65em;

    font-family: Arial, Helvetica, sans-serif;
}


div#VersaoMercadoInternoOutro {
    
    width: 120px;
    
    text-align: center;

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

div#VersaoMercadoInternoOutro:hover {
    color: black;
}



div#DadosAgiosAnterioresMercadoInterno {

    display: none;

    position: absolute; /* Tira a div do fluxo normal */

    top: 40px; /* Distância do topo do container-pai */
    left: 100px; /* Distância da direita do container-pai */
    

    font-size: 0.65em;

    font-family: Arial, Helvetica, sans-serif;
}

div#peridoAnterioresDadosMercadoInternoAtivo {
    color: black;
}

div#peridoAnterioresDadosMercadoInternoAtivo {
    color: black;
}

div.peridoAnterioresDadosMercadoInterno {
    
    font-weight: bold;
    font-size: 1.3em;

    z-index: 20000; /* Valor alto para garantir que fique por cima */

    background-color: blue;
    color: white;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;


    border-left: 3px solid black;
    border-right: 3px solid black;
    border-top: 3px solid black;
}

div#ultimoPeridoAnterioresDadosMercadoInterno {

    border-bottom: 3px solid black;

    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

div#peridoAnterioresDadosMercadoInternoAtivo {
    color: black;
}

div.peridoAnterioresDadosMercadoInterno:hover {
    color: black;
}







div.peridoAnterioresDadosMercadoExterno {
    
    font-weight: bold;
    font-size: 1.3em;

    z-index: 20000; /* Valor alto para garantir que fique por cima */

    background-color: blue;
    color: white;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;

    border-left: 3px solid black;
    border-right: 3px solid black;
    border-top: 3px solid black;
}

div#ultimoPeridoAnterioresDadosMercadoExterno {

    border-bottom: 3px solid black;

    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

div#ultimoPeridoAnterioresDadosMercadoExternoAtivo {

    border-bottom: 3px solid black;

    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    
    color: black;
}

div.peridoAnterioresDadosMercadoExterno:hover {
    color: black;
}

div#tabelas {
   
    

    /* background-color: lightgreen; */
    
}

div#container-TabelasCor-e-Micronair {
    display: flex; /* Ativa o Flexbox */

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

    /*  background-color: lightskyblue; */
}

div#tabelasPorCor-e-Micronair {
    display: flex;

    width: fit-content;
    height: fit-content;

    /*  background-color: whitesmoke; */
}

div#container-TabelaFibra-e-Resistencia {
    display: flex; /* Ativa o Flexbox */

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

    /* background-color: lightseagreen; */
}

div#tabelasPorFibra-e-Resistencia {
    display: flex;

    width: fit-content;
    height: fit-content;

    /* background-color: lightcoral; */
}

div.TabelaAgioDesagioPortuguesInterno {
    
    width: fit-content;
    height: fit-content;
    
    margin-left: 5px;
    margin-right: 5px;

    margin-top: 10px;
    margin-bottom: 10px;

    /* background-color: pink; */

/* Adiciona a barra de rolagem quando a tabela for maior que a div */
    overflow-x: auto;
}

table.tabelaAgioDesagio {
    margin-right: 2px;
    margin-left: 2px;

    border: 2px solid black;
    border-collapse: collapse; /* Une as bordas das células */

/* Força a tabela a obedecer à largura da div, mesmo que as colunas precisem se ajustar */
    table-layout: fixed;
}

/************************************ Tabela agio desagio Folha e Tipo *******************************************/

div#container-TabelaFolhaTipo {
    display: flex; /* Ativa o Flexbox */

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

    /* background-color: lightsalmon; */

    /* Adiciona a barra de rolagem quando a tabela for maior que a div */
    overflow-x: auto;
}

div#TabelaAgioDesagioTipoFolhaDiv {
    display: flex; /* Ativa o Flexbox */

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

caption#tabelaAgioDesagioTipoFolha-Titulo {
    
}

div#tabelaAgioDesagioTipoFolha-Titulo-Div {
    display: flex;
    flex-direction: column;
}

div#tabelaAgioDesagioTipoFolha-Titulo-Inicio-Div {
    font-size: 1.6em;
}

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

tr#LinhaDrecicaoFolhas {
    border: 2px solid black;
    
}

th.celulaDivididaDiagonal {
    display: flex;
    flex-direction: column;

    /* Cria a linha diagonal na célula */
    background-image: linear-gradient(to right top, transparent 49%, #000000 49%, #000000 51%, transparent 51%);
}

div.diagonal-encima1 {
    padding-right: 3px;
    text-align: right;
    
}

  /* Posiciona o texto superior */
div.diagonal-embaixo1 {
    padding-left: 3px;
    
    text-align: left;    
}

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

    display: flex;
    flex-direction: column;

    width: 100px;
}

div.tipoPortugues {
    
    display: flex;
    justify-content: center; /* Centraliza na horizontal */
    align-items: center;    /* Centraliza na vertical */

    font-size: 0.7em;
    
    height: 27px;

    /* background-color: yellow; */
}


div.tipoIngles {

    font-size: 0.62em;

    /* background-color: blue; */
}

div.tipoIngles::before {
    content: '(';
}

div.tipoIngles::after {
    content: ')'; 
}

/* Cria a linha diagonal na célula */
  

/* Posiciona o texto inferior */
.diagonal-bottom {
    position: absolute;
    
}

/* Posiciona o texto superior */
.diagonal-top {
    position: absolute;

}



tr.LinhaTipoCor {
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;
}

th#tiposCor {
    border: 2px solid black;
    
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle; 

    /* background-color: grey; */

}

div#colunaTiposBrancoPortugues {
    font-size: 0.99em;
}

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

div#colunaTiposBrancoIngles::before {
    content: "(";
}

div#colunaTiposBrancoIngles::after {
    content: ")";
}

th#TipoColunaFolhaLinha {
    width: 72px;
}

th.TipoFolhaColuna {
    
    border: 2px solid black;
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle; 

    font-size: 1.6em;

    

    /* background-color: purple; */

}

tr.LinhaTipoCor {
    border: 2px solid black;
}



th.TipoCorCodico {
    font-size: 1.5em;
    border: 2px solid black;
    
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle; 

    /* background-color: pink; */
}

th.DesagioTipoFolha {
    border: 1px solid #000000;
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle; 
    padding: 2px;

    min-width: 42px;
    max-width: 42px;

    font-size: 0.85em;

    /* background-color: green; */
}



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

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

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



/************************************ Tabela agio desagio cor *******************************************/


table#tabelaAgioDesagioCor {
    
}

caption#tabelaAgioDesagioCor-Titulo {
    font-size: 1.4em;
}

tr#cabecarioLinhaCorDesagio{
    border: 2px solid black;
}
                        
th#cabecarioCelulaTipoCorDesagio {
    border: 2px solid black;
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    font-size: 1.5em;
}
                                
th#cabecarioCelulaCorDesagio {
    border: 2px solid black;
    padding-left: 5px;
    padding-right: 5px;
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    font-size: 1.4em;
}

th.tipoCorDesagio {
    border: 2px solid black;   
}

div.celulaDesagioPorCor {
    display: flex;
    flex-direction: column;

}

div.corNumeroNomeProtugue {
    display: flex;
    flex-direction: row;
    padding-left: 3px;
    padding-right: 3px;
}

div.corNumero {
   

   /*  background-color: red; */
}

div.corNumero::after {
    content: "-";
}

div.corPortugues {
    padding-left: 3px;
    /* background-color:blue; */
}

div.corIngles {
    padding-left: 10px;
    /* background-color: orange; */
}

div.corIngles::before {
    content: "(";
}

div.corIngles::after {
    content: ")";
}

th.tipoCorDesagioValor {
    border: 2px solid black;
    padding-left: 3px;
    padding-right: 3px;
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    font-size: 1.3em;
}




/************************************ Tabela agio desagio Fibra *******************************************/

table#tabelaAgioDesagioFibra {

}

caption#tabelaAgioDesagioFibra-Titulo {
    /* background-color: red; */
    font-size: 1.4em;
}

tr#cabecarioAgioDesagioFibra {
    border: 2px solid #000000;
}
                            
th#cabecarioAgioDesagioFibraEscritoFibra {
    border: 2px solid #000000;
    padding-left: 5px;
    padding-right: 5px;

    /* background-color: yellow; */

    font-size: 1.6em;
}

th#cabecarioAgioDesagioFibraEscritoValores {
    border: 2px solid #000000;
    padding-left: 5px;
    padding-right: 5px;

    /* background-color: blue; */
    font-size: 1.6em;
}

tr.fibraAgioDesagioValorLinha {
    border: 2px solid #000000;
}

th.fibraAgioDesagioValorFibra {
    border: 2px solid #000000;
    padding-left: 5px;
    padding-right: 5px;

    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    font-size: 1.1em;
}

th.fibraAgioDesagioValorPremio {
    border: 2px solid #000000;
    padding-left: 5px;
    padding-right: 5px;

    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    font-size: 1.2em;
}

/************************************ Tabela agio desagio Micronaire *******************************************/

table#tabelaAgioDesagioMic {

}

tr#tabelaAgioDesagioMicronaireCabecario {
    border: 2px solid black;
    /* background-color: green; */
}

div#tabelaAgioDesagioMicEscritoCabecario {
    display: flex;
    flex-direction: column;
}

div#tabelaAgioDesagioMicEscritoCabecarioMic {
    font-size: 1.6em;
    
    /* background-color: brown; */
}

div#tabelaAgioDesagioMicEscritoCabecarioObservacao {

    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    justify-content: center;

    font-size: 0.75em;

    /* background-color: wheat; */
}

th#tabelaAgioDesagioMicronaireCabecarioVariacaoMicronaire {
    border: 2px solid #000000;
    

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

    font-size: 1.2em;

    /* background-color: grey; */
}

div#tabelaAgioDesagioMicronaireCabecario-Escrito {
    display: flex;
    flex-direction: column;

    /* background-color: yellow; */
}

div#tabelaAgioDesagioMicronaireCabecario-Escrito-Variacao {
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    /* background-color: red; */
}

div#tabelaAgioDesagioMicronaireCabecario-Escrito-MIcronaire {
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;
    
    /* background-color: blue; */
}

th#tabelaAgioDesagioMicronaireCabecarioDesconto {
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;
    
    padding-left: 5px;
    padding-right: 5px;

    font-size: 1.2em;

    /* background-color: purple; */
}

div#tabelaAgioDesagioMicronaireCabecarioDescontoEscrito {
    display: flex;
    flex-direction: column;
}



div#tabelaAgioDesagioMicronaireCabecarioDescontoEscritoDesconto {
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;
    
    /* background-color: yellow; */
}

div#tabelaAgioDesagioMicronaireCabecarioDescontoEscritoPontos {
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;
    
    /* background-color: green; */
}

tr.variacaoMicronairDescontoLinha {
    border: 2px solid black;
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;
    
}

td#variacaoMicronairDescontoUltimaLinha-Porcento {
    font-size: 0.8em;
}

td#variacaoMicronairDescontoUltimaLinha2016-08 {
    font-size: 0.6em;
}

td#variacaoMicronairDescontoUltimaLinha2016-08 {
    font-size: 0.6em;
}


th.variacaoMicronairDescontoVariacao {
    border: 2px solid black;
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    font-size: 1.3em;
}

th.variacaoMicronairDescontoPorcentagem {
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    border: 2px solid black;

    font-size: 1.3em;
}

td#variacaoMicronairDescontoUltimaLinha {
    font-size: 1.05em;

    /* background-color: purple; */
}

/************************************ Tabela agio desagio Resistencia *******************************************/

table#tabelaAgioDesagioRES {

}

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

caption#tabelaAgioDesagioRES-Titulo {
    font-size: 1.6em;
}

tr#tabelaAgioDesagioResistenciaCabecario {
    border: 2px solid black;

    
}

th#tabelaAgioDesagioResistenciaCabecarioCelulaColunaDescricao {
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    border: 2px solid black;

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

    width: 200px;
}

div#tabelaAgioDesagioResistenciaCabecarioDescricao {
    vertical-align: middle;
    
    font-size: 0.91em;

    /* background-color: yellow; */
}

th#tabelaAgioDesagioResistenciaCabecarioCelulaColunaPremio {
    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    width: 80px;
}

div#tabelaAgioDesagioResistenciaCabecarioDeconto {
    display: flex;
    flex-direction: column;
    
    vertical-align: middle;
    
    padding-left: 5px;
    padding-right: 5px;
}

div#tabelaAgioDesagioResistenciaCabecarioDecontoEscrito {
    font-size: 1.1em;
    
    /* background-color: purple; */
}

div#tabelaAgioDesagioResistenciaCabecarioDecontoPontos {
    font-size: 1.1em;
    
    /* background-color: grey; */
}

tr.variacaoVariacaoResistenciaLinha {
    border: 2px solid black;

}

th.variacaoVariacaoResistenciaCelula {
    border: 2px solid black;

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

    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    font-size: 1.3em;

    /* background-color: blue; */
}

th.variacaoVariacaoResistenciaPremioCelula {

    border: 2px solid black;

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

    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    vertical-align: middle;

    font-size: 1.3em;

    /* background-color: red; */
}



td#variacaoResistenciaDescontoUltimaLinha {
    padding-left: 5px;
    padding-right: 5px;

    /* background-color: green; */
}

div#variacaoResistenciaDescontoUltimaLinhaDiv {
    overflow-wrap: break-word;

    font-size: 0.9em;
}

div#variacaoResistenciaDescontoUltimaLinhaDiv2016-02 {
    overflow-wrap: break-word;

    font-size: 0.6em;
}

/************************************ Tabela agio desagio SFI *******************************************/

div#container-tabela-SFI {
    display: flex; /* Ativa o Flexbox */

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

    /* background-color: lightskyblue; */
}

table#tabelaAgioDesagioSFI {

}

caption#tabelaAgioDesagioSFI-Titulo {

    font-size: 1.1em;
}

tr.indiceSFI-FibraCurta-Linha {

    border: 2px solid black;

    /* background-color: blue; */
}

th.indiceSFI-FibraCurta-valor {

    padding-left: 2px;
    padding-right: 2px;

    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    border: 2px solid black;

    /* background-color: green; */
}

th.indiceSFI-FibraCurta-premio {

    padding-left: 2px;
    padding-right: 2px;

    /* Centraliza o conteúdo horizontalmente (texto, ícones, imagens) */
    text-align: center; 
  
    /* Centraliza o conteúdo verticalmente dentro da célula */
    vertical-align: middle;

    border: 2px solid #000000;

    /* background-color: yellow; */
}

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

footer.Rodape{
    
    position: fixed;
    bottom: 0;
    left: 0;


    /* min-width: var(--min-width-tela-geral); */
    width: 100%;

    background-color: var(--cor-fundo-footer);
    color: var(--cor-texto-link-footer);

    padding: 2px 2px; /* 2 pixels na parte superior e inferior (topo/base) e 2 pixels nas laterais (direita/esquerda) */

    display: flex;
    flex-direction: row;

    gap: 5px; 

    justify-content: center;

    z-index: 1000; 

}

div#WhatsapIcoFooteNote {
    position: fixed;
    
    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 */
    z-index: 1000; 
}

div#WhatsapIcoFooteNote:hover {
    position: fixed;
    
    bottom: 50px;   /* Distância do topo */
    right: 5px; /* Distância da direita */
    
    width: var(--tamanho-icone-Whatsap-flutuando-hover); /* Defina o tamanho desejado */
    z-index: 1000; 
}



div#DadosRodapeEmpresa {
    font-family: 'FontLogoEmpresa', 'Times New Roman', Times, serif;
    font-size: 9px;
    margin-bottom: 0;
    padding-bottom: 0;
    justify-content: center;
}

div#DadosRodapeNomeEmail {
    display: flex;
    
    flex-direction: row;
    justify-content: center;
    gap: 5px;
}

div#DadosRodapeNomeEmpresa {
    font-style: bold;
    color: white;
    font-size: 8px;
}

div#DadosRodapeNomeEmpresa::first-letter {
    font-family: 'FontLogoEmpresa', 'Times New Roman', Times, serif;
    font-style: bold;
}

div#DadosRodapeEmailEmpresa {
    font-size: 8px;
    white-space: nowrap;
}

div#DadosRodapeTelCnpj {
    display: flex;
    
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}

div#DadosRodapeTelefoneEmpresa {
    font-size: 8px;
    white-space: nowrap;
}

div#DadosRodapeCNPJEmpresa {
    font-size: 8px;
    white-space: nowrap;
}

address#EnderecoRodape {
    font-style: normal;
    font-size: 6px;
    justify-content: center;
    white-space: nowrap;
}

div#DadosRodapeEmpresaJunto {
    display: none;
}



div#IconesRedesSociais {
    margin-top: 2px;

    display: flex;
    
    align-items: center;
    gap: 2px; 
}

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

    fill: white;
}

svg.LinkRedeSocialSvg:hover {
    
    fill: lightblue;
}