/* PARA MOSTRAR O CARROUSEL DE IMAGENS */ 
.slideshow-container {
    max-width: 700px;
    position: relative;
    margin: auto;
  }  
  .mySlides {
    display: none;
  }  
  .fade {
    animation-name: fade;
    animation-duration: 1.5s;
  }  
  @keyframes fade {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  /* PARA MOSTRAR O CARROUSEL DE IMAGENS */
  body{
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
    margin-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;       
    
    background-color: rgb(243, 243, 243);

    color: rgb(49, 49, 49);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;
    text-align: center;
    
    border: 0px solid;
    border-color: rgba(197, 16, 143, 0.897);
    border-radius: 0%;
}   


@media only screen and (max-width: 1440px) {
  body {
    font-size: 0.8rem;
  }
}


/* header .idiomas{top:0px;position:relative;margin-right:0px}
header .idiomas img{float:left}
header .facebook{position:relative;font-size:1px;color:#f4f4f4}
header .facebook a{color:#f4f4f4}
header .facebook a:hover{color:#3b5998}

.subtitulo-menu{text-shadow:bold} */
a{
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.0rem;
    /* line-height: 0.6rem;       */
    text-align: left;
    color: #024aff;
    /* color: black; */
}
a:link {text-decoration:solid;} 
/* retira o sublinhado do link */

a:hover {text-decoration:wavy ;
background-color: rgba(169, 181, 255, 0.356);}
/* retira o sublinhado do link */


@media only screen and (max-width: 1440px) {
  a {
    font-size: 0.5rem;
    text-align: left;
    color: #024aff;
  }
}

.fxpax_li{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.1rem;
  /* line-height: 0.6rem;       */
  text-align: center;
  color: rgb(240, 240, 240);     
}

.fxpax_a1{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.8rem;
  /* line-height: 0.6rem;       */
  text-align: center;
  color: black;
}


/* USO NO RODAPE. CUIDADO AO MEXER */
.fxpax_a2{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.0rem;
  /* line-height: 0.6rem;       */
  text-align: center;
  color: rgb(0, 0, 0);
}

.fxpax_a2_href{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.65rem;
  /* line-height: 0.6rem;       */
  text-align: center;
  color: blue;
}


.fxpax_a2-d{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.65rem;
  /* line-height: 0.6rem;       */
  text-align: right;
  color: black;
}

.fxpax_a3{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.7rem;
  /* line-height: 0.6rem;       */
  text-align: center;
  color: black;
}


.fxpax_a3_footer{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.7rem;
  /* line-height: 0.6rem;       */
  text-align: center;
  color: white;
}

.fxpax_a3-d{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.7rem;
  /* line-height: 0.6rem;       */
  text-align: right;
  color: black;
}
.fxpax_a3-e{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.7rem;
  /* line-height: 0.6rem;       */
  text-align: left;
  color: black;
}

.fxpax_a4{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.8rem;
  /* line-height: 0.6rem;       */
  text-align: left;
  color: black;
}
.fxpax_a4-e{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.8rem;
  /* line-height: 0.6rem;       */
  text-align: left;
  color: black;
}

.fxpax_a5{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  
  font-size: 0.9rem;
  /* line-height: 0.6rem;       */
  text-align: left;
  color: black;
}
.fxpax_a5-c{

 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  
  font-size: 0.9rem;
  /* line-height: 0.6rem;       */
  text-align: center;
  color: black;
}
.fxpax_a6{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.0rem;
  /* line-height: 0.6rem;           */
  font-weight: bold;
  text-align: left;
  color: black;
}
.fxpax_a7{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.2rem;
  /* line-height: 0.6rem;       */
  font-weight: bold;
  text-align: left;
  color: black;
}

.fxpax_sites_a9_nomecursos
{
  padding-top: 0.1rem;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.4rem;
  /* line-height: 0.6rem;       */
  font-weight: bold;
  text-align: center;
  color: rgb(255, 255, 255);
  text-decoration: none;
}


.fxpax_sites_a8_nomecursos
{
  padding-top: 1pt;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.0rem;
  /* line-height: 0.6rem;       */
  font-weight: bold;
  text-align: center;
  color: rgb(255, 255, 255);
  text-decoration: none;
}

@media only screen and (max-width: 1440px) {
  .fxpax_sites_a9_nomecursos, .fxpax_sites_a8_nomecursos {
    height: 8%;
    font-size: 0.5rem;
    font-weight: bold;
    border-radius: 0%;
  }
}
.fxpax_a_sites_li
{
  padding-top: 0rem;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.2rem;
  /* line-height: 0.6rem;       */
  /* font-weight: bold; */
  text-align: left;
  color: rgba(255, 0, 0, 0.671);
  text-decoration: none;
}

@media only screen and (max-width: 1440px) {
  .fxpax_a_sites_li {    
    font-size: 0.6rem;
    border-radius: 0%;
  }
}
.href_fxpax_1{
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.6rem;
  /* line-height: 0.6rem;       */
  text-align: left;
  color: red;
}

.fxpax_headercabecalho_mod1{   
              position: fixed;
             font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
              font-size: 0.8rem;
              /* line-height: 0.6rem;       */
              top: 0;
              z-index: 1000;
              background-color: rgb(104, 129, 255);         
              height: 12%;
              width: 99%;
              padding: 5px 5px 5px 5px ;
              margin-top:1px ;
              margin-bottom: 0px;
              margin-left: 5px;
              margin-right: 5px;
             
              /* x,x,abaixo,esquerda */
              /* border: 0px solid; */
              border: 0px solid;
              border-radius: 0px;
              border-bottom: 3px solid rgb(146, 146, 146);
           
              text-align: center;          
              float: left;
      }

      @media only screen and (max-width: 1440px) {
        .fxpax_headercabecalho_mod1,  .fxpax_menuheadercabecalho1_mod1, .fxpax_menuheadercabecalho2_mod1, .fxpax_menuheadercabecalho3_mod1,  .fxpax_menuheadercabecalho4_mod1, .fxpax_cxusuarioheadercabecalho5_mod1{
          /* Estilo para o Samsung S22 */  

          padding: 0px 0px 0px 0px ;
          margin: 0px 0px 0px 0px ;
          border: 0px solid rebeccapurple;        
          position: static;
          width: 100%;
          height: 7%;
          font-size: 0.7rem;
          border-radius: 0%;
          border-bottom: 3px solid rgb(146, 146, 146);
        }
      }
   
  .fxpax_menuheadercabecalho1_mod1{ 
                      margin-top: 1px;
                      margin-bottom: 1px;
                      margin-left: 3px;
                      margin-right: 5px;
                      padding-top: 0px;
                      padding-bottom: 0px;
                      padding-left: 0px;
                      padding-right: 0px; 
                      
                     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                      font-size: 0.8rem;
                      /* line-height: 0.6rem;       */
                    
                      height: 43%;
                      width: 19%;
                      text-align: left;
                      color: rgb(0, 0, 0);
                      /* background-color: rgb(255, 255, 255);       */
                      /* background-color: rgba(218, 36, 36, 0.877); */
                      border: 0px solid;
                      border-radius: 0px;
                      border-color:  rgb(28, 18, 168);
                      float: left;                        
                  }
  .fxpax_menuheadercabecalho2_mod1{ 
                      margin-top: 3px;
                      margin-bottom: 3px;
                      margin-left: 5px;
                      margin-right: 5px;
                      padding-top: 0px;
                      padding-bottom: 0px;
                      padding-left: 0px;
                      padding-right: 0px; 
                      
                     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                      font-size: 0.8rem;
                      /* line-height: 0.6rem;       */
                    
                      height: 40%;
                      width: 30%;
                      /* border: white 2px solid; */
                      text-align: CENTER;
                      color: rgb(0, 0, 0);
                      /* background-color: rgb(255, 255, 255);       */
                    
                      border: 0px solid;
                      border-radius: 0px;
                      border-color:  rgba(243, 18, 18, 0.912);
                      float: right;         
                                                       }
  
  .fxpax_menuheadercabecalho3_mod1{ 
                      margin-top: 0px;
                      margin-bottom: 0px;
                      margin-left: 12rem;
                      margin-right: 1px;
                      padding-top: 0px;
                      padding-bottom: 0px;
                      padding-left: 0px;
                      padding-right: 0px; 
                      
                     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                      font-size: 0.8rem;   
                 
                  
                      height: 40%;
                      width: 30%;
                      /* border: white 2px solid; */
                      text-align: CENTER;
                      color: rgb(0, 0, 0);
                      /* background-color: rgba(219, 219, 219, 0.89); */
                      border: 0px solid;
                      border-radius: 1px;
                      border-color:  red;
                      box-sizing: border-box;                 
                      float: left;                         
                               }     
  .fxpax_menuheadercabecalho4_mod1{ 
                      margin-top: 0.2rem;
                      margin-bottom: 0;
                      margin-left: 0;
                      margin-right: 0;
                      padding-top: 0;
                      padding-bottom: 0;
                      padding-left: 0;
                      padding-right: 0;   
                      
                     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                      font-size: 0.8rem;     
                      /* line-height: 0.6rem;                                       */
                      height: 60%;
                      width: 80%;
                      /* border: white 2px solid; */
                      text-align: left;
                      color: rgb(0, 0, 0);
                      /* background-color: rgba(219, 219, 219, 0.89); */
                      border: 0px solid;
                      border-color:  rgb(90, 240, 9);
                      box-sizing: border-box;
                      float: left;                         
                               }     
  
  .fxpax_cxusuarioheadercabecalho5_mod1{ 
                      margin-top: 0rem;
                      margin-bottom: 0rem;
                      margin-left: 0rem;
                      margin-right: 0rem;
                      padding-top: 0rem;
                      padding-bottom: 0rem;
                      padding-left: 0rem;
                      padding-right: 0rem;
                      
                     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                      font-size: 0.8rem;   
                      /* line-height: 0.6rem;                  */
                      /* background-color: rgb(255, 255, 255);       */
                      height: 48%;
                      width: 12%;
                      border: 0px solid;
                      border-color:  rgb(220, 187, 5);
                      border-radius: 10%;
                      text-align: left;
                      color: rgb(0, 0, 0);
                   
                      float: right;                                                   
                       }

.fxpax_sites_conteiner_menu_cabecalho_mod1{ 
                        margin-top: 0rem;
                        margin-bottom: 0rem;
                        margin-left: 0rem;
                        margin-right: 0rem;
                        padding-top: 0rem;
                        padding-bottom: 0rem;
                        padding-left: 0rem;
                        padding-right: 0rem;
                        
                       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        font-size: 0.8rem;   
                        text-align: center;
                        /* line-height: 0.6rem;                  */
                        /* background-color: rgb(255, 255, 255);       */
                        height: 59%;
                        width: 99%;
                        border: 0px solid;
                        border-color:  rgba(255, 230, 6, 0.897);
                        border-radius: 0%;
                        text-align: center;
                        color: rgb(34, 34, 34);                     
                        float: left;          
                        box-sizing: border-box;          
                         }                                                      
                         
/* and (orientation: portrait){ */
@media only screen and (max-width: 1440px) and (orientation: landscape){
  .fxpax_sites_conteiner_menu_cabecalho_mod1 {    
    width: 99%;
    height: 59%;
    font-size: 0.6rem;
    border-radius: 0%;
    border: 0px solid red;
    color: rgb(54, 54, 54);
  }
}
@media only screen and (max-width: 1440px) and (orientation: portrait){
  .fxpax_sites_conteiner_menu_cabecalho_mod1 {    
    width: 80%;
    height: 2rem;
    font-size: 0.6rem;
    border-radius: 0%;
    border: 0px solid red;
    
  }
}
.fxpax_sites_conteiner_menu_cabecalho_mod2{ 
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
  margin-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
  padding-right: 0rem;  
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.8rem;   
  text-align: center;
  /* line-height: 0.6rem;                  */
  /* background-color: rgb(255, 255, 255);       */
  height: 2rem;
  width: 99%;
  border: 0px solid;
  border-color:  rgba(11, 255, 113, 0.747);
  border-radius: 0%;
  text-align: center;
  color: rgb(0, 0, 0);                     
  float: left;          
  box-sizing: border-box;          
   }
   /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
@media only screen and (max-width: 1440px) and (orientation: portrait) {
.fxpax_sites_conteiner_menu_cabecalho_mod2 {    
height: 100%;
font-size: 0.6rem;
border-radius: 0;}
}

  /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
  @media only screen and (max-width: 1440px) and (orientation: landscape) {
    .fxpax_sites_conteiner_menu_cabecalho_mod2 {    
    height: 1.4rem;
    font-size: 0.6rem;
    border-radius: 0;}
    }
.fxpax_sites_conteiner_submenu_cabecalho_mod1{ 
                          margin-top: 5px;
                          margin-bottom: 5px;
                          margin-left: 5px;
                          margin-right: 5px;
                          padding-top: 5px;
                          padding-bottom: 5px;
                          padding-left: 5px;   
                          padding-right: 5px;                          
                         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                          font-size: 0.8rem;   
                          text-align: center;
                          /* line-height: 0.6rem;                  */
                          /* background-color: rgb(255, 255, 255);       */
                          height: 99%;
                          width: 14.1%;
                          border: 0px solid;
                          border-color:  rgba(104, 255, 4, 0.568);
                          border-radius: 0%;
                          text-align: left;
                          color: rgb(0, 0, 0);
                          float: left;   
                          box-sizing: border-box;                          
                           }
                                                  
@media only screen and (max-width: 1440px) {
  .fxpax_sites_conteiner_submenu_cabecalho_mod1 {
    padding-left: 5px;   
    height: 99%;
    width: 12.1%;
    font-size: 0.4rem;
    
  }
}
.fxpax_sites_titulo_1{
            font-family:'Courier New', Courier, monospace; 
            font-size: 2.0rem;
            /* line-height: 0.6rem;       */
            text-align: center;
            color: rgb(255, 255, 255);
            text-decoration: none;
            font-weight: bold;
            font-style: italic;                          
            margin-top: 0.0rem;
            margin-bottom: 0rem;
            margin-left: 10rem;
            margin-right: 0rem;
            padding-top: 0rem;
            padding-bottom: 0rem;
            padding-left: 0rem;
            padding-right: 0rem;  
            height: 80%;
            width: 30%;
            /* background-color: rgb(255, 255, 255);       */
            /* background-color: rgba(218, 36, 36, 0.877); */
            border: 0px solid;
            border-radius: 5px;
            border-color:  rgb(28, 18, 168);
            float: left;
            box-sizing: border-box;
          }
                                                
@media only screen and (max-width: 1440px) {
  .fxpax_sites_titulo_1 {
    margin-left: 0rem!important;
    width: 40%;
    height: 100%;
    font-size: 0.7rem;
    border-radius: 5px solid white;
  }
}
                                                   
.fxpax_sites_titulo_1:hover{ 
  background-color: rgba(163, 159, 223, 0.726);      
  border-radius: 5px solid white;
  Transition: 1.5s;
  Opacity: 0.7rem;
  padding-bottom: 1rem;
  
}
.fxpax_sites_caixalogo{
        margin-top: 0.0rem;
        margin-bottom: 0rem;
        margin-left: 0.0rem;
        margin-right: 0rem;
        padding-top: 0rem;
        padding-bottom: 0rem;
        padding-left: 0rem;
        padding-right: 0rem;
        height: 70%;
        width: 5%;       
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-align: center;
        font-size: large;
        color: rgb(255, 255, 255);
        float: left;
        border: 0px solid;
        border-color: rgb(34, 31, 223);                           
        /* line-height: 0.6rem;      

      */
      box-sizing: border-box;                                                  
      float: left;       
    }                                               
    @media only screen and (max-width: 1440px) {
      .fxpax_sites_caixalogo {
        display: none;
        width: 18%;
        height: auto;
        font-size: 0.6rem;
        padding: 0px;
      }
    }
.fxpax_sites_caixa_idioma{  
          margin-top: 0.0rem;
          margin-bottom: 0rem;
          margin-left: 0.0rem;
          margin-right: 0rem;
          padding-top: 0rem;
          padding-bottom: 0rem;
          padding-left: 0rem;
          padding-right: 0rem;
          height: 70%;
          width: 5%;
         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          text-align: center;
          font-size: 1rem;
          color: rgba(8, 8, 8, 0.685);
          
          border: 0px solid;
          border-color: rgb(230, 17, 176);                           
          box-sizing: border-box;                                                  

          float: right;           
      }
      
      @media only screen and (max-width: 1440px) {

        .fxpax_sites_caixa_idioma {
          display: none;
     
        }
      }
  .fxpax_sites_caixa_midias{  
    margin-top: 0.0rem;
    margin-bottom: 0rem;
    margin-left: 0.0rem;
    margin-right: 0rem;
    padding: 0px 0px 0px 0px ;
    height: 100%;
    width: 16%;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    font-size: 0.8rem;
    color: rgba(8, 8, 8, 0.685);
    float: right;
    border: 0px solid;
    border-color: rgb(255, 0, 0);                           
    box-sizing: border-box;                                                  
    float: left;       
}

@media only screen and (max-width: 1440px) {
  .fxpax_sites_caixa_midias {
    display: none;
    width: 18%;
    height: 100%;
    font-size: 0.6rem;
    padding: 0px;
  }
}
.fxpax_sites_caixa_contatos {  
  margin-top: 0.0rem;
  margin-bottom: 0rem;
  margin-left: 0.1rem;
  margin-right: 0rem;
  padding: 0px 0px 0px 0px ;
  height: 65%;
  width: 16%;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: center;
  font-size: 0.7rem;
  color: rgb(255, 255, 255);
  float: right;
  border: 0px solid;
  border-color: rgb(255, 0, 0);                           
  box-sizing: border-box;                                                  
  float: left;       
}

@media only screen and (max-width: 1440px) {
.fxpax_sites_caixa_contatos {
  height: 85%;
  width: 4%;
  font-size: 0.4rem;
  padding: 0px;
}
}
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
       only screen and (max-device-width: 480px) and (min-resolution: 192dpi) {
  .logo-img {
    width: 20%!important; /* Reduz o tamanho da imagem em 50% */
    height: auto; /* Mantém a proporção da imagem */
    /* width: 100px; /* Tamanho menor para o dispositivo Samsung Note20 Ultra 
    height: 36px; */
  }
}

@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
       only screen and (max-device-width: 480px) and (min-resolution: 192dpi) {
.logo-idiomas {
    display: none;
    width: 10%; /* Reduz o tamanho da imagem em 50% */
    height: auto; /* Mantém a proporção da imagem */
    /* width: 100px; /* Tamanho menor para o dispositivo Samsung Note20 Ultra 
    height: 36px; */
  }
}
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
       only screen and (max-device-width: 480px) and (min-resolution: 192dpi) {
.logo-fabio {
    display: none;
    width: 20%; /* Reduz o tamanho da imagem em 50% */
    height: auto; /* Mantém a proporção da imagem */
    /* width: 100px; /* Tamanho menor para o dispositivo Samsung Note20 Ultra 
    height: 36px; */
  }
}
.youtube {
width: 70px;
height: auto;
}
/* Estilos para a imagem <img> em dispositivos Samsung Note20 */
@media only screen and (max-width: 1440px) {
  .youtube { 
    width: 30%; /* Reduz o tamanho da imagem em 50% */
    height: auto; /* Mantém a proporção da imagem */
    /* width: 100px; /* Tamanho menor para o dispositivo Samsung Note20 Ultra 
    height: 36px; */
    
  }
}
.fxpax_sites_caixa_usuario{  
                  margin-top: 0.5rem;
                  margin-bottom: 0rem;
                  margin-left: 0rem;
                  margin-right: 0rem;
                  padding-top: 0rem;
                  padding-bottom: 0rem;
                  padding-left: 0rem;
                  padding-right: 0rem;
                  height: 60%;
                  width: 7%;    
                 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                  text-align: center;
                  color: rgb(255, 255, 255);
                  font-size: 0.9rem;
                  float: left;
                  border: 0px solid;
                  border-color: rgb(255, 0, 0);              
                  /* line-height: 0.6rem;      
              */
              box-sizing: border-box;                                                  
              float: right;       
}
     
@media only screen and (max-width: 1440px) {
  .fxpax_sites_caixa_usuario {
    display: none;
    height: 60%;
    font-size: 0.4rem;
    padding: 0px;
  }
}

.fxpax_sites_conteiner_principal100{ 
  /* colocar abaixo do cabeçalho, pois ele tem uma margem top */
                        margin-top: 8.0rem;
                        margin-bottom: 0.5rem;
                        margin-left: 0.5rem;
                        margin-right: 0.5rem;
                        padding-top: 0.01rem;
                        padding-bottom: 0.01rem;
                        padding-left: 0.01rem;
                        padding-right: 0.01rem;
                        
                       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        font-size: 0.8rem;   
                        text-align: center;
                        color: rgb(63, 63, 63);                     
                        /* line-height: 0.6rem;                  */
                        background-color: rgb(250, 250, 250);
                        height: 99%;
                        width: 99%;
                        border: 0x solid;
                        border-color:  rgb(12, 255, 4);
                        border-radius: 0%;
                      
                        float: left;        
                        box-sizing: border-box;     
                         }


    /* and (orientation: portrait) // and (orientation: landscape) */
                         
  @media only screen and (max-width: 1440px) and (orientation: portrait){
    .fxpax_sites_conteiner_principal100 {
      margin-top:1.5rem;
      font-size: 0.8rem;
      border-radius: 0;
    }
  }
  
  @media only screen and (max-width: 480px) and (orientation: portrait){
    .fxpax_sites_conteiner_principal100 {
      margin-top:1.5rem;
      font-size: 0.8rem;
      border-radius: 0; /* Defina a margem superior desejada para celulares */
    }
  }
  @media only screen and (max-width: 1440px) and (orientation: landscape){
    .fxpax_sites_conteiner_principal100 {
      margin-top:1.5rem;
      font-size: 0.8rem;
      border-radius: 0; /* Defina a margem superior desejada para celulares */
    }
  }
  
  @media only screen and (max-width: 480px) and (orientation: landscape){
    .fxpax_sites_conteiner_principal100 {
      margin-top:1.5rem;
      font-size: 0.8rem;
      border-radius: 0; /* Defina a margem superior desejada para celulares */
    }
  }

   
.fxpax_sites_conteiner_secund_1col_1x{ 
  /* fx colocar abaixo do cabeçalho, pois ele tem uma margem top */
                        margin-top: 0.3rem;
                        margin-bottom: 0.3rem;
                        margin-left: 0.05rem;
                        margin-right: 0.05rem;
                        padding-top: 0.01rem;
                        padding-bottom: 0.01rem;
                        padding-left: 0.01rem;
                        padding-right: 0.01rem;                  
                       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        font-size: 0.8rem;   
                        text-align: center;
                        color: rgb(0, 0, 0);                     
                        /* line-height: 0.6rem;                  */
                        /* background-color: rgb(248, 130, 130);      */
                        height: 99%;
                        width: 99%;
                        border: 0px solid red;                          
                        float: left;        
                        box-sizing: border-box; 
                        position: relative; /* Adicione isso se ainda não tiver */
                        z-index: 1; /* Ou um número adequado para seu layout */    
                         }
    /* and (orientation: portrait) // and (orientation: landscape) */


  
.fxpax_sites_conteiner_secund_1col_1{ 
  /* fx colocar abaixo do cabeçalho, pois ele tem uma margem top */
                        margin-top: 0.3rem;
                        margin-bottom: 0.3rem;
                        margin-left: 0.05rem;
                        margin-right: 0.05rem;
                        padding-top: 0.01rem;
                        padding-bottom: 0.01rem;
                        padding-left: 0.01rem;
                        padding-right: 0.01rem;                 
                       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        font-size: 0.8rem;   
                        text-align: center;
                        color: rgb(0, 0, 0);                     
                        /* line-height: 0.6rem;                  */
                        /* background-color: rgb(248, 130, 130);      */
                        height: 99%;
                        width: 99%;
                        border: 0px solid red;                          
                        float: left;        
                        box-sizing: border-box;     
                         }
    /* and (orientation: portrait) // and (orientation: landscape) */

    .fxpax_sites_conteiner_secund_1col_1 img {
      width: 99%;
      height: 99%;
      object-fit: cover; /* Pode ser alterado para 'contain' se preferir que a imagem caiba completamente no contêiner */
      object-position: center center; /* Ajusta o posicionamento da imagem dentro do contêiner */
      transition: transform 0.5s ease; /* Adiciona uma transição suave para o efeito de passagem */
  }

  .fxpax_sites_conteiner_secund_1col_1:hover img {
    transform: scale(1.1); /* Adiciona um efeito de escala ao passar o mouse sobre a imagem */
}
                            
  @media only screen and (max-width: 1440px) and (orientation: portrait){
    .fxpax_sites_conteiner_secund_1col_1 {
      height: 98%;
      width: 98%;
      margin-top: 0.0rem;
      margin-bottom: 0rem;
      margin-left: 0rem;
      margin-right: 0rem;
      padding-top: 0.0rem;
      padding-bottom: 0.0rem;
      padding-left: 0.0rem;
      padding-right: 0.0rem;
      margin-top:0.0rem;
      font-size: 0.7rem;     
      border: 0px solid blue;
    }
  }
  
  @media only screen and (max-width: 1440px) and (orientation: landscape) {
    .fxpax_sites_conteiner_secund_1col_1 {
      height: 95%;
      width: 95%;
      margin-top: 0.0rem;
      margin-bottom: 0rem;
      margin-left: 0rem;
      margin-right: 0rem;
      padding-top: 0.0rem;
      padding-bottom: 0.0rem;
      padding-left: 0.0rem;
      padding-right: 0.0rem;
      margin-top:0.0rem;
      font-size: 0.7rem;
      border-radius: 0;
      border: 0px solid blue;
    }
  }          
  
 
  @media only screen and (max-width: 1440px) and (orientation: portrait) {
    .fxpax_sites_conteiner_secund_1col_1 img{
      width: 98%!important;
      font-size: 0.7rem;
      border: 0px solid rgb(255, 196, 0);
      /* border-radius: 1%; */
    }
  }          
  
  @media only screen and (max-width: 1440px) and (orientation: landscape) {
    .fxpax_sites_conteiner_secund_1col_1 img{
      width: 98%!important;
      font-size: 0.7rem;
      border: 0px solid red;
      /* border-radius: 1%; */
    }
  }   
  
  .fxpax_sites_conteiner_textos{
    /* background-color: white;      */
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0rem;
    padding-right: 0rem;  
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.93rem;   
    text-align: center;
    color: rgb(58, 58, 58);    
    border: 0px solid blue;                 
  
  }  


  .fx_institucional{
    /* background-color: #63aa5d; */
    width: 99%;
    Height: auto;
    margin-top: 0.1rem;
    margin-bottom: 4.1rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;   
    font-weight: bold;   
    /* line-height: 1.5rem; */
    text-align: center;
    color: rgb(58, 58, 58)!important;    
    border: 0px solid blue;    
    float: left;     
  }

     /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
     @media only screen and (max-width: 1440px) and (orientation: portrait) {
      .fx_institucional {    
        font-size: 0.5rem!important;
        margin-bottom: 0.1rem;
    }
      }    
        /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
        @media only screen and (max-width: 1440px) and (orientation: landscape) {
          .fx_institucional {    
            font-size: 0.5rem!important;
            margin-bottom: 0.1rem;
          }     
    }
  
  .fx_faleconosco a{
    background-color: rgb(143, 184, 255);    
    width: 99%;
    Height: 4rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 2.0rem!important;   
    font-weight: bold;   
    /* line-height: 1.5rem; */
    text-align: center;
    color: rgb(255, 255, 255)!important;    
    border: 0px solid blue;    
    float: left;     
  }
  .fx_faleconosco a:hover{ 
    background-color: rgb(0, 64, 255);      
    Transition: 1.5s;
    Opacity: 0.7rem;
    padding-bottom: 1.5rem;    
  }
   
   /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
   @media only screen and (max-width: 1440px) and (orientation: portrait) {
    .fx_faleconosco a{    
      font-size: 0.9rem!important;
      Height: 2.5rem;
      
  }
    }    
      /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
      @media only screen and (max-width: 1440px) and (orientation: landscape) {
        .fx_faleconosco a{    
          font-size: 1.0rem!important;
        }     
  }

     /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
     @media only screen and (max-width: 1440px) and (orientation: portrait) {
      .fx_faleconosco {    
        font-size: 1.0rem!important;
    }
      }  

            /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
            @media only screen and (max-width: 1440px) and (orientation: landscape) {
              .fx_faleconosco {    
                font-size: 1.0rem!important;
              }     
        }

.fxpax_sites_conteiner_apresentacao{
    /* background-color: white;      */
    margin-top: 0.1rem;
    margin-bottom: 1.3rem;
    margin-left: 15%;
    margin-right: 15%;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.1rem;   
    /* font-weight: bold;    */
    /* line-height: 1.5rem; */
    text-align: center;
    color: rgb(58, 58, 58);    
    border: 0px solid blue;                 
  
  }  
  
  
  @media only screen and (max-width: 1440px) {
    .fxpax_sites_conteiner_textos, .fxpax_sites_conteiner_apresentacao {
      /* display: none; */
   
      margin-bottom: 2%;
      margin-left: 10%;
      margin-right: 10%;   
      margin-top: 0%;
      padding-top: 0.0rem;
      padding-bottom: 0.0rem;
      padding-left: 0.0rem;
      padding-right: 0.0rem;
      font-size: 0.6rem;
      font-weight: bold;   
      /* line-height: 0.5rem; */
      padding: 0px;
      color: rgb(58, 58, 58);    
      border: 0px solid blue;                         
  }
    }
  @media only screen and (max-width: 480px) {
      .fxpax_sites_conteiner_textos {
        /* display: none; */
        font-size: 0.5rem;
        padding: 0px;
        color: rgb(58, 58, 58);                      
    }
      }      
.fxpax_sites_conteiner_secund_2col_1{ 
  /* colocar abaixo do cabeçalho, pois ele tem uma margem top */
                        
                        background-color: white;     
                        min-height: 47%;
                        width: 47%;
                        margin-top: 0.2rem;
                        margin-bottom:  0.2rem;
                        margin-left:  0.5rem;
                        margin-right:  0.5rem;

                        padding-top:  0.2rem;
                        padding-bottom:  0.2rem;
                        padding-left:  0.2rem;
                        padding-right:  0.2rem;
                        
                       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        font-size: 1.2rem;   
                        text-align: center;
                        color: rgb(0, 0, 0);                     
                        /* line-height: 0.6rem;                  */
                        
                        border: 3px solid;
                        border-color:  black;
                        border-radius: 0;                     
                        float: left;        
                        box-sizing: border-box;     
                         }                         
   @media only screen and (max-width: 1440px) {
    .fxpax_sites_conteiner_secund_2col_1 {

      background-color: white;     
      min-height: 3rem;
      width: 100%;

      margin-top: 0.0rem;
      margin-bottom:  0.0rem;
      margin-left:  0.5rem;
      margin-right:  0.5rem;

      padding-top:  0.0rem;
      padding-bottom:  0.0rem;
      padding-left:  0.2rem;
      padding-right:  1.0rem;
    
      font-size: 0.5rem;
         
      border: 0px solid;
      border-radius: 0%;
      border-color:  black;
    }
  }
  .fxpax_menuprincipal_mod1{          
    margin-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;        
    text-align: center;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.9rem;
    /* line-height: 0.6rem;       */
    font-weight: bolder;
    color: black;
    float: left;
    box-sizing: border-box;
    width: 100%;
    height: 5%;
    /* background-color: rgb(239, 239, 239);  SE PERDER O ORIGINAL É ESSA COR*/
    background-color: rgb(239, 239, 239);            
    /* background-color: rgb(233, 233, 233); */
    border: 0px solid;
    border-color: rgb(8, 248, 0); 
       }       
    .fxpax_sites_menuprincipal_mod1{          
      margin-top: 1px;
      padding-left: 1px;
      padding-right: 1px;
      padding-top: 1px;
      padding-bottom: 1px;        
      text-align: center;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      font-size: 1.1rem;
      line-height: 1.6rem;      
      font-weight: bolder;
      color: rgb(58, 58, 58);    
      float: left;
      box-sizing: border-box;
      width: 100%;
      height: 5%;
      /* background-color: rgb(239, 239, 239);  SE PERDER O ORIGINAL É ESSA COR*/
      /* background-color: rgb(239, 239, 239);             */
      /* background-color: rgb(233, 233, 233); */
      border: 0px solid;
      border-color: rgb(8, 248, 0); 
         }                       
.fxpax_sites_conteiner_secund_2col{ 
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  margin-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.0rem;   
  text-align: center;
  color: rgb(58, 58, 58);          
  /* line-height: 0.6rem;                  */

  background-color: rgb(255, 255, 255);      
  /* height: 100%; */
  width: 50%;
  border: 0px solid;
  border-color:  rgb(255, 12, 12);
  border-radius: 0%;
  box-sizing: border-box;                                                  
  float: left;                                                   
   }

      
   .fxpax_sites_conteiner_secund_2col img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Pode ser alterado para 'contain' se preferir que a imagem caiba completamente no contêiner */
    object-position: center center; /* Ajusta o posicionamento da imagem dentro do contêiner */
    transition: transform 0.5s ease; /* Adiciona uma transição suave para o efeito de passagem */
}

.fxpax_sites_conteiner_secund_2col:hover img {
  transform: scale(1.1); /* Adiciona um efeito de escala ao passar o mouse sobre a imagem */
}


   
  .fxpax_sites_conteiner_secund_3col{ 
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.9rem;     
    text-align: center;
    color: rgb(58, 58, 58);           
    /* line-height: 0.6rem;                  */  
    background-color: rgb(255, 255, 255);      
    /* height: 100%; */
    width: 32%;
    height: 450px;
    border: 0px solid;
    border-color:  rgb(255, 47, 47);
    border-radius: 0%;
    box-sizing: border-box;                                                  
    float: left;                                                   
     }
    
     .fxpax_sites_conteiner_secund_3col img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* Pode ser alterado para 'contain' se preferir que a imagem caiba completamente no contêiner */
      object-position: center center; /* Ajusta o posicionamento da imagem dentro do contêiner */
      transition: transform 0.5s ease; /* Adiciona uma transição suave para o efeito de passagem */
  }

  .fxpax_sites_conteiner_secund_3col:hover img {
    transform: scale(1.1); /* Adiciona um efeito de escala ao passar o mouse sobre a imagem */
}
   
  .fxpax_sites_conteiner_secund_4col{ 
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
  
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.0rem;   
    text-align: center;
    color: rgb(58, 58, 58);                   
    /* line-height: 0.6rem;                  */
  
    background-color: rgb(255, 255, 255);      
    /* height: 100%; */
    width: 24%;
    border: 0px solid;
    border-color:  rgb(11, 15, 255);
    border-radius: 0%;
    box-sizing: border-box;                                                  
    float: left;                                                   
     }


     .fxpax_sites_conteiner_secund_4col img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* Pode ser alterado para 'contain' se preferir que a imagem caiba completamente no contêiner */
      object-position: center center; /* Ajusta o posicionamento da imagem dentro do contêiner */
      transition: transform 0.5s ease; /* Adiciona uma transição suave para o efeito de passagem */
  }

  .fxpax_sites_conteiner_secund_4col:hover img {
    transform: scale(1.1); /* Adiciona um efeito de escala ao passar o mouse sobre a imagem */
}

.fxpax_sites_conteiner_secund_4col_a{ 
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.0rem;   
  text-align: center;
  color: rgb(58, 58, 58);                   
  /* line-height: 0.6rem;                  */
  /* background-color: rgb(255, 255, 255);       */
  /* height: 100%; */
  width: 22%;
  height: 22%;
  border: 0px solid;
  border-color:  rgb(11, 15, 255);
  border-radius: 0%;
  box-sizing: border-box;                                                  
  float: left;                                                   
   }
   
.fxpax_sites_conteiner_secund_4col_a img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Pode ser alterado para 'contain' se preferir que a imagem caiba completamente no contêiner */
    object-position: center center; /* Ajusta o posicionamento da imagem dentro do contêiner */
    transition: transform 0.5s ease; /* Adiciona uma transição suave para o efeito de passagem */
}

.fxpax_sites_conteiner_secund_4col_a:hover img {
  transform: scale(1.1); /* Adiciona um efeito de escala ao passar o mouse sobre a imagem */
}

/* and (orientation: portrait) // and (orientation: landscape)                                                                          */
   @media only screen and (max-width: 1440px){
   .fxpax_sites_conteiner_secund_4col_a {        
      font-size: 0.6rem!important;
      border-radius: 0; 
      width: 100%!important; /* ou qualquer outra largura desejada para dispositivos móveis */
     
      /* color:red; */
    }     
  }
/* and (orientation: portrait) // and (orientation: landscape)                                                                          */
@media only screen and (max-width: 1440px){
  .fxpax_sites_conteiner_secund_4col_a img{        
    font-size: 0.6rem!important;
    border-radius: 0; 
    width: 50%!important; /* ou qualquer outra largura desejada para dispositivos móveis */
   
    /* color:red; */
  }     
}











 
.fxpax_sites_conteiner_secund_5col{ 
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  margin-right: 1px;

  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.0rem;   
  text-align: center;
  color: rgb(58, 58, 58);                   
  /* line-height: 0.6rem;                  */

  /* background-color: rgb(255, 255, 255);       */
  /* height: 100%; */
  width: 19%;
  border: 1px solid;
  border-color:  rgb(187, 188, 255);
  border-radius: 0%;
  box-sizing: border-box;                                                  
  float: left;                                                   
   }

   .fxpax_sites_conteiner_secund_5col img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Pode ser alterado para 'contain' se preferir que a imagem caiba completamente no contêiner */
    object-position: center center; /* Ajusta o posicionamento da imagem dentro do contêiner */
    transition: transform 0.5s ease; /* Adiciona uma transição suave para o efeito de passagem */
}

.fxpax_sites_conteiner_secund_5col:hover img {
  transform: scale(1.1); /* Adiciona um efeito de escala ao passar o mouse sobre a imagem */
}







   @media only screen and (max-width: 1440px) and (orientation: portrait) {
    .fxpax_sites_conteiner_secund_2col, .fxpax_sites_conteiner_secund_3col  {
      width: 31%!important;
      height: 7rem!important;
      font-size: 0.7rem;
         /* border-radius: 1%; */
    }
  }          
  
  @media only screen and (max-width: 1440px) and (orientation: landscape) {
    .fxpax_sites_conteiner_secund_2col, .fxpax_sites_conteiner_secund_3col {
      width: 31%!important;
      height: 7rem!important;
      font-size: 0.7rem;
         /* border-radius: 1%; */
    }
  }   

  
  @media only screen and (max-width: 1440px) and (orientation: portrait) {
    .fxpax_sites_conteiner_secund_2col img, .fxpax_sites_conteiner_secund_3col img{
      width: 80%!important;
      font-size: 0.7rem;
      /* border-radius: 1%; */
    }
  }          
  
  @media only screen and (max-width: 1440px) and (orientation: landscape) {
    .fxpax_sites_conteiner_secund_2col img, .fxpax_sites_conteiner_secund_3col img {
      width: 80%!important;
      font-size: 0.7rem;
        /* border-radius: 1%; */
    }
  }   
  
  

.fxpax_sites_conteiner_secundario2080{ 
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  margin-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;  
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-style: italic;
  font-size: 1.0rem;   
  text-align: center;
  color: rgb(85, 85, 85);                     
  /* line-height: 0.6rem;                  */

  /* background-color: rgb(255, 255, 255);       */
  /* height: 100%; */
  width: 19%;
  height: 100%;
  border: 0px solid;
  border-color:  rgb(252, 46, 46);

  box-sizing: border-box;                                                  
  float: left;                                                   
   }   

   
.fxpax_sites_conteiner_secundario8020{ 
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  margin-right: 1px;

  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
  
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.0rem;   
  text-align: center;
  color: rgb(0, 0, 0);                     
  /* line-height: 0.6rem;                  */

  /* background-color: rgb(255, 255, 255);       */
  /* height: 100%; */
  width: 80%;
  border: 0px solid;
  border-color:  rgb(252, 46, 46);
  border-radius: 0%;
  box-sizing: border-box;                                                  
  float: left;                                                   
   }   

    



   @media only screen and (max-width: 1440px) {
    .fxpax_sites_conteiner_secundario2080 {
      width: 100%;
      height: 15%;
      font-size: 0.7rem;
      border-radius: 0%;
    }
  }          
  
  @media only screen and (max-width: 1440px) {
    .fxpax_sites_conteiner_secundario2080  {
      width: 100%;
      height: 15%;
      font-size: 0.7rem;
      border-radius: 0%;
    }
  }   
  

  @media only screen and (max-width: 1440px) {
    .fxpax_sites_conteiner_secundario8020 {
      width: 100%;
      height: 15%;
      font-size: 0.7rem;
      border-radius: 0%;
    }
  }          
  
  @media only screen and (max-width: 1440px) {
    .fxpax_sites_conteiner_secundario8020  {
      width: 100%;
      height: 15%;
      font-size: 0.7rem;
      border-radius: 0%;
    }
  }   
  
  
.fxpax_sites_conteiner_cursos{ 
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
  margin-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
  padding-right: 0rem;  
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.9rem;   
  text-align: center;
  /* line-height: 0.6rem;                  */
  background-color: rgba(80, 80, 80, 0.884);      
  height: 4rem;
  width: 99%;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
  border-radius: 0%;
  text-align: center;
  color: rgb(58, 58, 58);    
  float: left;           
  box-sizing: border-box;                                                                                         
   }
   
   /* Estilos para o container em dispositivos Samsung Note20 */
@media only screen and (max-width: 1440px) {
  .fxpax_sites_conteiner_cursos {
    height: 7%;
    font-size: 0.5rem;
    border-radius: 0%;
  }
}                         
.fxpax_sites_conteiner_cursos:hover{ 
  background-color: rgba(8, 8, 8, 0.802);      
  Transition: 1.5s;  
  padding-bottom: 0.4rem;
}


   .fxpax_sites_cursos_foto{
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
    margin-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;   
    text-align: center;
    /* line-height: 0.6rem;                  */
    background-color: rgb(52, 52, 52);      
    height: 99%;
    width: 12%;
    border: 1px solid;
    border-color:  black;
    border-radius: 0%;
    text-align: center;
    color: rgb(0, 0, 0);
    float: left;           
    box-sizing: border-box;       
   }
   .fxpax_sites_a8_menu{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px; 
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.2rem;
    /* line-height: 0.6rem;       */
    /* font-weight: bold; */
    text-align: left;
    color: rgba(255, 255, 255, 0.671);
    text-decoration: none;  
    border: 0px solid;
    border-radius: 0px;    
    border-color:  rgba(71, 71, 71, 0.623);
  }
  
  @media only screen and (max-width: 1440px) {
    .fxpax_sites_a8_menu {
      font-size: 0.5rem;
      border-radius: 0%;
    }
  }  

ul{  
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;   
}
li{  
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; 
}

.fxpax_sites_menususp_direita_md1{
    /* width: 100%;
    height: 100%; */
    /* background-color: #ffffff; */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;     
    /* line-height: 0.6rem;       */
    list-style-type: none;
    border: 0px solid;
    border-color: rgba(5, 26, 253, 0.767);
       /* float:left;  */
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: left; 
    color: rgba(255, 2, 226, 0.671);
    text-decoration: none;
    box-sizing: border-box;
    }
.fxpax_sites_menususp_direita_md1 li{
    /* position:relative; */
    /* float:left;  */
    /* SE NÃO COLOCAR O FLOAT, O SUB MENU VAI DESCER . FICA LEGAL TB. GOSTEI*/

    width: 100%;
    height: 100%;
    border:0px solid rgba(239, 15, 15, 0.905);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:1.0rem;
    text-align: left; 
    color: rgba(240, 10, 10, 0.671);
    text-decoration: none;
    box-sizing: border-box;
    /* line-height: 0.6rem;       */
    }
.fxpax_sites_menususp_direita_md1 li a{
        /* aqui são as opções css e caracteristicas do menu quando ele abre. que abrem quando aparece o menu  
        NÃO É O HOVER, QUANDO PASSA O MOUSE, MAS APENAS COMO ELE ABRE. 
        O EVENTO PASSAR O MOUSE É OUTRO E PODE MUDAR ESSAS CARACTERISTICAS*/
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px; 
        width: 100%;
        height: 100%;
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-align: left; 
        font-size: 1.1rem;
        color: rgba(56, 56, 56, 0.671);
        text-decoration: none;
        border: 0px solid;
        border-color:  rgb(250, 7, 218);        
        display:block;
        box-sizing: border-box;      
      }
      @media only screen and (max-width: 1080px) and (orientation: portrait) {
        .fxpax_sites_menususp_direita_md1 li a{
          font-size: 0.6rem;
        /* Estilos para a orientação retrato no Samsung Galaxy S21 */
        }
      }
      
      @media only screen and (max-width: 1080px) and (orientation: landscape) {
        /* Estilos para a orientação paisagem no Samsung Galaxy S21 */
        .fxpax_sites_menususp_direita_md1 li a{
          font-size: 0.6rem;
        }
      }

.fxpax_sites_menususp_direita_md1 li ul{    
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    position:relative;    
    top:0.5rem;
    left:0.3rem;
    background-color: rgb(255, 255, 255);      
    display:none;
    /* se tirar o display none o submenu fica visivel sempre*/
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: left; 
    font-size:0.9rem;
    color: rgba(255, 33, 25, 0.671);
    text-decoration: none;
    border:0px solid rgb(9, 9, 9);
    }

    

.fxpax_sites_menususp_direita_md1 li a:hover{
  /* PROPRIEDADES PARA QUANDO PASSA O MOUSE NO MENU SUSPENSO. */
    /* background-color: rgb(255, 255, 255);       */
    background-color: #ffffff;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.4rem;
    text-align: left; 
    color: rgb(0, 0, 0);
    text-decoration: none;
    box-shadow:0px 50px 50px 50px #f24242;
    -webkit-box-shadow:0px 0px 0px 0px #2cd91c;
    text-shadow:0px 0px 0px 0px #ffb012;
    /* 0px 0px 0px 0px */    
    /* line-height: 0.6rem;       */

    /* PAREIAQUI */
    }
.fxpax_sites_menususp_direita_md1 li:hover ul, .fxpax_sites_menususp_direita_md1 li.over ul{display:block;}
.fxpax_sites_menususp_direita_md1 li ul li{
  
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px; 
    border:0px solid rgba(0, 0, 0, 0.991);
    background-color: rgb(255, 255, 255);      
    display:block;
    width:99%;  /* medida ca caixa do submenu*/
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:2.0rem!important;
    text-align: left; 
    color: rgb(255, 0, 0);
    text-decoration: none;
    }        

    @media only screen and (max-width: 1080px) and (orientation: portrait) {
      .fxpax_sites_menususp_direita_md1 li a:hover{
        font-size: 0.7rem;
      /* Estilos para a orientação retrato no Samsung Galaxy S21 */
      }
    }
    
    @media only screen and (max-width: 1080px) and (orientation: landscape) {
      /* Estilos para a orientação paisagem no Samsung Galaxy S21 */
      .fxpax_sites_menususp_direita_md1 li a:hover{
        font-size: 0.7rem;
      }
    }
.fxpax_sites_menususp_esquerda_md1{
        width: 10%;
        height: 90%;
        list-style-type: none;
        border:0px solid;
        border-color: rgba(221, 18, 18, 0.075);
        /* float:left;  */
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-align: left; 
        color: rgba(21, 255, 0, 0.671);
        text-decoration: none;   
        
        }
.fxpax_sites_menususp_esquerda_md1 li{
        /* position:relative; */
        /* float:left;  */
        /* SE NÃO COLOCAR O FLOAT, O SUB MENU VAI DESCER. COLOCANDO FLOAT LEFT ELE ESPARRAMA O MENU NO CABEÇALHO.FICA LEGAL TB. GOSTEI*/
        border-right:0px solid rgba(209, 209, 209, 0.075);
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-align: left; 
        color: rgba(253, 12, 221, 0.671);
        text-decoration: none;  
        }
.fxpax_sites_menususp_esquerda_md1 li a{
color:#333; 
line-height: 0.6rem;      
text-decoration:none; 
font-family: Arial, Helvetica, sans-serif;
padding:1px 0px;   /*  DISTANCIA ENTRE CADA UM DELES, ACIMA E ABAIXO. ESPAÇAMENTO ACIMA E ABAIXO DE CADA ITEM. */
display:block;}
.fxpax_sites_menususp_esquerda_md1 li a:hover{
        background-color:rgba(52, 79, 230, 0.767);
        /* line-height: 0.6rem;       */
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-align: left; 
        color: rgba(255, 230, 7, 0.671);
        text-decoration: none;

        box-shadow:0px 50px 50px 50px #CCC;
        -webkit-box-shadow:0px 0px 0px 0px #ccc;
        text-shadow:0px 0px 0px 0px #fff;

        /* 0px 0px 0px 0px */
        text-align: left;
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        }
.fxpax_sites_menususp_esquerda_md1 li ul{
        position:relative;
        line-height: 0.6rem;      
        top:1px;
        left:-30px;
        background-color:rgba(138, 135, 135, 0.767);
        display:none;/* se tirar o submenu fica visivel sempre*/
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: left; 
    color: rgba(0, 81, 255, 0.671);
    text-decoration: none;
        }
.fxpax_sites_menususp_esquerda_md1 li:hover ul, .fxpax_sites_menususp_esquerda_md1 li.over ul{display:block;}
.fxpax_sites_menususp_esquerda_md1 li ul li{
        border:1px solid rgba(199, 199, 199, 0.767);
        background-color:rgba(199, 199, 199, 0.767);
        /* display:block; */
        width:150px;  /* medida da caixa do submenu*/
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-align: left; 
        color: rgba(0, 81, 255, 0.671);
        text-decoration: none;
        }        

        .fxpax_conteinertable100_rev02{
          /* COM OVERFLOW, BARRA DE ROLAGEM E TAMANHO MÁXIMO DE ALTURA
          REVISEI PARA PODER ADEQUAR O CABEÇALHO FIXO
          
          O QUE MUDOU
          MAX-HEIGT DEFINE A ALTURA MÁXIMA, COM ISSO ATIVA A BARRA DE ROLAGEM E JUNTO COM A THEAD, FIXA O CABEÇALHO*/
          /* CONTEINER PARA TABELAS GRANDES QUE OCUPAM TODO O CONTEINER PRINCIPAL*/
          width: 100%;
          max-height: 550px;
          overflow: auto;

         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          font-size: 1.0rem;

          background-color: rgb(254, 254, 254);          
          border: 0px solid;           
          border-color: rgb(3, 3, 3); 
          
          margin-left: 0.1rem;
          margin-right: 0.1rem;
          margin-top: 0.1rem;
          margin-left: 0.1rem;
          padding-left: 0.1rem;
          padding-right: 0.1rem;
          padding-top: 0.1rem;
          padding-bottom: 0.1rem;                    
          
          
          
/* line-height: 0.6rem;       */
}
          /* line-height: 0.6rem;       */
          .fxpax_conteinertable_mod1{
                    

            width: 100%;
            max-height: 650px;

            background-color: rgb(254, 254, 254);          
            border: 0px solid;           
            border-color: rgb(3, 3, 3); 
            overflow: auto;

           font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: 0.9rem;

            margin-top: 0.1rem;
            margin-left: 0.1rem;
            padding-left: 0.1rem;
            padding-right: 0.1rem;
            padding-top: 0.1rem;
            padding-bottom: 0.1rem;
            line-height: 0.6rem;      
       
            /* float: left; */
                 }
                                                                
                .fxpax_conteinertable100_rev02{
                  /* COM OVERFLOW, BARRA DE ROLAGEM E TAMANHO MÁXIMO DE ALTURA
                  REVISEI PARA PODER ADEQUAR O CABEÇALHO FIXO
                  
                  O QUE MUDOU
                  MAX-HEIGT DEFINE A ALTURA MÁXIMA, COM ISSO ATIVA A BARRA DE ROLAGEM E JUNTO COM A THEAD, FIXA O CABEÇALHO*/
                  /* CONTEINER PARA TABELAS GRANDES QUE OCUPAM TODO O CONTEINER PRINCIPAL*/
                  width: 100%;
                  max-height: 150px;
                  overflow: auto;
      
                 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                  font-size: 0.9rem;
      
                  background-color: rgb(254, 254, 254);          
                  border: 0px solid;           
                  border-color: rgb(3, 3, 3); 
                  
                  margin-left: 0.1rem;
                  margin-right: 0.1rem;
                  margin-top: 0.1rem;
                  margin-left: 0.1rem;
                  padding-left: 0.1rem;
                  padding-right: 0.1rem;
                  padding-top: 0.1rem;
                  padding-bottom: 0.1rem;                    
                  
                  
                  
  /* line-height: 0.6rem;       */
       }
                  /* line-height: 0.6rem;       */
               
          .fxpax_titulo_table{
          
            margin-top: 1px;
            padding-left: 1px;
            padding-right: 1px;
            padding-top: 1px;
            padding-bottom: 1px;        
            text-align: center;
           font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: 0.9rem;
            /* line-height: 0.6rem;       */
            font-weight: bolder;
            color: black;
            float: left;
            box-sizing: border-box;
            width: 100%;
            height: 5%;
            /* background-color: rgb(239, 239, 239);  SE PERDER O ORIGINAL É ESSA COR*/
            background-color: rgb(254, 254, 254);            
            /* background-color: rgb(233, 233, 233); */
            border: 0px solid;
            border-color: rgb(8, 248, 0); 
               }
            
     
        table{

         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          /* background-color: rgb(138, 138, 226); */
          width: 100%;
          border: 1px solid;
          border-color: rgb(54, 28, 221);
          text-align: left;
        
          table-layout: fixed;
          border-collapse: collapse;
          
        
          font-size: 1.0rem;
          overflow-x: scroll;
          overflow-y: scroll;
          float: left;


          /* overflow-x: scroll;
          overflow-y: scroll; */

      }
      .table-md{

         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          width: 100%;
          border: 1px solid;
          border-color: rgb(218, 218, 218);
          text-align: center;
          float: left;
          font-size: 10pt;
          /* line-height: 0.6rem;       */
          overflow-x: scroll;
          overflow-y: scroll;
      }

      .table-smd{

         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          /* background-color: rgb(138, 138, 226); */
          width: 100%;
          border: 2px solid;
          border-color: rgb(218, 218, 218);
          text-align: center;
          float: left;
          font-size: 0.8rem;
          overflow-x: scroll;
          overflow-y: scroll;
          
      }

      .table-mdsmall{


         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          width: 100%;                    
          border: 1px solid;
          border-color: rgb(218, 218, 218);
          text-align: center;
          float: left;

          /* table-layout: fixed;
          border-collapse: collapse;
          overflow-x: scroll;
          overflow-y: scroll; */
      }

      .table-mdsmall1{


         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          width: 100%;                    
          border: 1px solid;
          border-color: rgb(218, 218, 218);
          text-align: center;
          float: left;

          table-layout: fixed;
          border-collapse: collapse;
          overflow-x: scroll;
          overflow-y: scroll;
      }

                  
      .table-1{

      
          width: 100%;
          border: 1px solid;
          border-color: rgb(218, 218, 218);
          /* table-layout: fixed; */
          border-collapse: collapse;
          overflow-x: scroll;
          overflow-y: scroll;
          z-index: 1;
          
      }

              
      thead{

       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 0.8rem;
        position: sticky;
        top: 0;
        
        /* background-color: #ffffff; */
        /* overflow-x: scroll;
        overflow-y: scroll; */
    
    
    }
    
      
      tbody{
         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;           
          font-size: 0.9rem;
          background-color: rgb(254, 254, 254);          
          color: rgb(3, 3, 3);
      
      }


      th{


         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          font-size: 0.9rem;
          line-height: 0.9rem;      
          font-weight: bolder;
          background-color: rgba(136, 161, 243, 0.892);
          border: 0.01rem solid;
          border-color: rgb(220, 220, 220);
          /* CABEÇALHO */
        
      }
      .th-sm{

         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          font-size: 0.7rem;
          line-height: 0.8rem;      
          font-weight: bolder;
          background-color: rgb(218, 218, 218);
          border: 0.01rem solid;
          border-color: rgb(199, 199, 199);
          /* CABEÇALHO */
      }
      .th-ssm{

         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          font-size: 0.6rem;
          line-height: 0.7rem;      
          font-weight: bolder;
          background-color: rgb(194, 194, 194);
          border: 0.01rem solid;
          border-color: rgb(199, 199, 199);
          /* CABEÇALHO */
      }

      td{       
          
         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          font-size: 0.8rem;
          line-height: 0.9rem;      
          border: 0.01rem solid;
          border-color: rgb(199, 199, 199);
     
          /* CORPO DA TABELA, AS CELULAS */
      }
      .td-sm{ 
         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;         
          font-size: 0.6rem;
          line-height: 0.8rem;      
          border: 0.01rem solid;
          border-color: rgb(199, 199, 199);
         
          /* CORPO DA TABELA, AS CELULAS */
      }

      .td-ssm{    
         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;      
          font-size: 0.5rem;
          line-height: 0.7rem;      
          border: 0.01rem solid;
          border-color: rgb(199, 199, 199);
         
          /* CORPO DA TABELA, AS CELULAS */
      }

      
.td-lm{
  height: 1.4rem;
  padding:0.07rem 0.07rem 0.07rem 0.07rem;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.91rem;
  /* font-weight: bolder; */
  /* line-height: 0.7rem;       */                 
  /* font-weight: bolder; */
  line-height: 1.4rem;                  
  /* background-color: rgb(207, 207, 207); */
  border: 0.14rem solid;
  border-color: rgb(80, 80, 80);
  /* white-space: nowrap; */
      /* Impede que o conteúdo da coluna seja quebrado em várias linhas */
  overflow: hidden; /* Oculta o conteúdo que excede a largura da coluna */
  text-overflow: ellipsis; /* Adiciona "..." no final do texto que excede a largura */
  /* CABEÇALHO */
  }     
  /* USO NOS PLANOS DE AÇÃO PDF  */
  .td-llm{
  
      padding:0.07rem 0.07rem 0.07rem 0.07rem;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      font-size: 1.15rem !important;
      height: 2rem !important;
      /* font-weight: bolder; */
      line-height: 1.4rem;                  
      /* background-color: rgb(207, 207, 207); */
      border: 0.14rem solid;
      border-color: rgb(80, 80, 80);
      /* white-space: nowrap; */
          /* Impede que o conteúdo da coluna seja quebrado em várias linhas */
      overflow: hidden; /* Oculta o conteúdo que excede a largura da coluna */
      text-overflow: ellipsis; /* Adiciona "..." no final do texto que excede a largura */
      /* CABEÇALHO */
      }   
      
      /* CORPO DA TABELA, AS CELULAS */
              
.th-lm{
height: 3rem;
padding:0.07rem 0.07rem 0.07rem 0.07rem;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.82rem;
font-weight: bolder;
line-height: 1.3rem;               
background-color: rgb(224, 224, 224);
border: 0.15rem solid;
border-color: rgb(68, 68, 68);
/* white-space: nowrap; */
    /* Impede que o conteúdo da coluna seja quebrado em várias linhas */
overflow: hidden; /* Oculta o conteúdo que excede a largura da coluna */
text-overflow: ellipsis; /* Adiciona "..." no final do texto que excede a largura */
/* CABEÇALHO */
}   
.th-llm{
    height: 3rem;
    padding:0.07rem 0.07rem 0.07rem 0.07rem;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.22rem;
    font-weight: bolder;
    line-height: 1.3rem;                       
    background-color: rgb(224, 224, 224);
    border: 0.15rem solid;
    border-color: rgb(68, 68, 68);
    /* white-space: nowrap; */
        /* Impede que o conteúdo da coluna seja quebrado em várias linhas */
    overflow: hidden; /* Oculta o conteúdo que excede a largura da coluna */
    text-overflow: ellipsis; /* Adiciona "..." no final do texto que excede a largura */
    /* CABEÇALHO */
    }    
    
.th-ll2m{
  height: 3rem;
  padding:0.07rem 0.07rem 0.07rem 0.07rem;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.2rem;
  font-weight: bolder;
  line-height: 1.3rem;                       
  background-color: rgb(255, 255, 255);
  border: 0.15rem solid;
  border-color: rgb(36, 36, 36);
  /* white-space: nowrap; */
      /* Impede que o conteúdo da coluna seja quebrado em várias linhas */
  overflow: hidden; /* Oculta o conteúdo que excede a largura da coluna */
  text-overflow: ellipsis; /* Adiciona "..." no final do texto que excede a largura */
  /* CABEÇALHO */
  }    

     
.td-ll2m{
  height: 3rem;
  padding:0.07rem 0.07rem 0.07rem 0.07rem;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.1rem;
  font-weight: bolder;
  line-height: 1.1rem;                       
  background-color: rgb(255, 255, 255);
  border: 0.15rem solid;
  border-color: rgb(36, 36, 36);
  /* white-space: nowrap; */
      /* Impede que o conteúdo da coluna seja quebrado em várias linhas */
  overflow: hidden; /* Oculta o conteúdo que excede a largura da coluna */
  text-overflow: ellipsis; /* Adiciona "..." no final do texto que excede a largura */
  /* CABEÇALHO */
  }    
            

      tr{
         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          font-size: 0.5rem;
          /* line-height: 0.6rem;       */
          border: 0.01rem solid;
          border-color: rgb(199, 199, 199);
      }     

      .tr-sm{

         font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          font-size: 0.6rem;
          line-height: 0.8rem;      
          /* font-weight: bolder; */
          background-color: rgb(194, 194, 194);
          border: 0.01rem solid;
          border-color: rgb(199, 199, 199);
          /* CABEÇALHO */
      }        
.fxpaxrodapefooter_1{   

  color: rgba(219, 20, 20, 0.678);         
  position:fixed;
  margin-top:1px ;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 5px 5px 5px ;
  bottom:0;
  height:4.0%;
  width: 99%;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 0.7rem;
  line-height: 0.7rem;      
  text-align: center;
  background-color: rgb(104, 129, 255);         
  border: 0rem solid;
  border-color: white;              
  border-radius: 0.2rem;                 
   }

 
/* Oculta a classe .fxpaxrodapefooter_1 em dispositivos móveis */
@media only screen and (max-width: 480px) {
  .fxpaxrodapefooter_1 {
    display: none;
  }
}

.fxpaxrodapefooter_menu_1{                          
      width:20%;
      height:70%;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      color: white; 
      font-size: 0.7rem;
      line-height: 0.7rem; 
      /* line-height: 0.6rem;       */
      text-align: left;                   
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
      margin-left: 0.1rem;
      margin-right: 0.2rem;
      padding-top: 0rem;
      padding-bottom: 0rem;
      padding-left: 0rem;
      padding-right: 0rem;       
      /* background-color: rgba(210, 210, 210, 0.700); */
      border: 0.00rem solid;
      border-color:  rgba(21, 10, 226, 0.767);
      border-radius: 0.1rem;
      float: left;
               }

.fxpaxrodapefooterdevenvolvido_1{      
  
      width:33%;
      height: 90%;
      color: white;     

     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      font-size: 0.7rem;
      line-height: 0.7rem;   
      text-align: right;                   
      margin-top: 0.1rem;
      margin-bottom: 0.1rem;
      margin-left: 3.0rem;
      margin-right: 0.1rem;
      padding-top: 0rem;
      padding-bottom: 0rem;
      padding-left: 0rem;
      padding-right: 0rem;
      /* background-color: rgba(210, 210, 210, 0.700); */
   
      border: 0.00rem solid;
      border-color:  rgba(21, 10, 226, 0.767);
      border-radius: 0.1rem;
                     
      float: left;
               }
.fxpaxrodapefootercopyright_1{              
  /* display: none;              */
  width:40%;
  height: 90%;


 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: white;     
  font-size: 0.7rem;
  line-height: 0.7rem; 
  text-align: right;
  
  
  margin-top: 0.0rem;
  margin-bottom: 0.0rem;
  margin-left: 0.0rem;
  margin-right: 0.0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
  padding-right: 0rem;
  /* background-color: rgba(210, 210, 210, 0.700); */

  border: 0px solid;
  border-color:  rgba(21, 10, 226, 0.767);
  border-radius: 0px;
                 
  float: right;
           }

.fx_paragrafos{
font-size: 1.0rem;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
color: black;
margin-top: 0.1rem;
margin-bottom: 0.1rem;
margin-left: 0.1rem;
margin-right: 0.1rem;
padding-top: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
padding-right: 0rem;
}

/* Oculta a classe .fxpaxrodapefooter_1 em dispositivos móveis */
@media only screen and (max-width: 480px) {
  .fx_paragrafos {
    font-size: 0.8rem;
  }
}

/* banners */

.fx_conteiner_banner1{
  /* background-color: rgb(255, 175, 77); */
  box-sizing: border-box;
  width: 99%; /* Ocupa toda a largura do container */
  height: 20rem;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
  margin-right: 0rem;  
  white-space: nowrap; /* Impede que as imagens quebrem a linha */
  animation: moverBanner 95s linear infinite; /* Animação para mover o banner */
  border: 0px solid rebeccapurple;
  float: left;
  }


  .fx_conteiner_banner1 img {
    display: inline-block; /* Exibe as imagens em linha */
    width: 40%!important; /* Garante que as imagens ocupem toda a largura do banner */
    height: 90%; /* Mantém a proporção original da imagem */
    margin-right: 0.5rem; /* Adiciona uma margem à direita para criar espaços entre as imagens */
}

@keyframes moverBanner {
    0% { transform: translateX(0); } /* Começa do lado direito do container Este é o estado inicial da animação. Aqui, definimos que no início da animação (0%), o banner começa do lado direito do container, ou seja, todas as imagens estão alinhadas à direita e visíveis.*/
    100% { transform: translateX(-250%); } /* Move para a esquerda xxx% da largura do container 
    Este é um estado intermediário da animação. Aos 90% do tempo total da animação, o banner terá se movido para a esquerda em 50% da largura do próprio container. Isso significa que as imagens terão se deslocado pela metade do tamanho do container, criando um efeito de movimento suave.*/
}


/* Esses seletores estão utilizando a pseudo-classe :nth-child para aplicar diferentes atrasos (animation-delay) nas animações de cada imagem. Vou explicar cada linha com comentários: */

/* Define a animação para a primeira imagem com atraso de 0 segundos */
.fx_conteiner_banner1 img:nth-child(1) { animation-delay: 0s; }

/* Define a animação para a segunda imagem com atraso de 3 segundos */
.fx_conteiner_banner1 img:nth-child(2) { animation-delay: 1s; }

/* Define a animação para a terceira imagem com atraso de 6 segundos */
.fx_conteiner_banner1 img:nth-child(3) { animation-delay: 2s; }

/* Define a animação para a quarta imagem com atraso de 9 segundos */
.fx_conteiner_banner1 img:nth-child(4) { animation-delay: 3s; }

/* Define a animação para a quinta imagem com atraso de 12 segundos */
.fx_conteiner_banner1 img:nth-child(5) { animation-delay: 4s; }

/* Define a animação para a sexta imagem com atraso de 15 segundos */
.fx_conteiner_banner1 img:nth-child(6) { animation-delay: 5s; }

/* Define a animação para a sétima imagem com atraso de 18 segundos */
.fx_conteiner_banner1 img:nth-child(7) { animation-delay: 6s; }

/* Define a animação para a oitava imagem com atraso de 21 segundos */
.fx_conteiner_banner1 img:nth-child(8) { animation-delay: 7s; }

/* E assim por diante, para imagens subsequentes, adicionando 3 segundos de atraso a cada nova imagem */


@media only screen and (max-width: 1440px) {
  .conteiner_display_fx{
    display: none;
    /* height: 5rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
    margin-right: 0rem; */
    /* width: 200px;  */
    /* ou qualquer outra largura desejada para dispositivos móveis */
    /* height: auto; */
     /* ou qualquer outra altura desejada para dispositivos móveis */
  }}
/* AGORA AQUI EFEITO FADE */

.banner2 {
    background-color: rgb(68, 255, 62);
    box-sizing: border-box;
    width: 90%;
    height: 15rem;
    padding: 1rem;
    margin: 1rem;
    border: 5px solid rgb(255, 0, 238);
    overflow: hidden; /* Esconde qualquer conteúdo que extrapolar o banner */
    position: relative; /* Definir a posição como relativa para posicionar as imagens */
}

.banner2 img {
    display: block;
    /* display: none; */
    width: 10%;
    height: auto;
    position: absolute;   
    top: 50%; /* Centraliza verticalmente */
    left: 50%; /* Centraliza horizontalmente */
    transform: translate(-50%, -50%); /* Corrige a posição para centralizar completamente */
    opacity: 0; /* Inicia com a imagem transparente */ 
    animation: fadeBanner 20s infinite; /* Animação para desvanecer e aparecer */
    margin-right: 2%; /* Adiciona uma margem à direita para evitar sobreposição */
}

@keyframes fadeBanner {
    0%, 100% { opacity: 0; } /* Começa e termina com a imagem transparente */
    0%, 1% { opacity: 1; } 
    /* A imagem é completamente visível entre 20% e 80% do tempo total */
}

.banner2 img:nth-child(1) { animation-delay: 0s; }
.banner2 img:nth-child(2) { animation-delay: 6s; }
.banner2 img:nth-child(3) { animation-delay: 12s; }
.banner2 img:nth-child(4) { animation-delay: 18s; }
.banner2 img:nth-child(5) { animation-delay: 24s; }


/* MODAIS MODAL */

/* PAREI AQUI */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
* {
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* 
A propriedade grid-template-columns com a função repeat e o valor 1fr é uma forma de definir as colunas em um grid CSS. Vou explicar cada parte:
repeat(5, 1fr): Isso significa que você deseja repetir o valor 1fr (uma fração do espaço disponível) cinco vezes, ou seja, criar cinco colunas no grid, cada uma com uma largura igual, ocupando uma fração igual do espaço disponível. A notação 1fr representa uma unidade fracionária em relação ao espaço disponível no contêiner. Portanto, repeat(5, 1fr) cria cinco colunas de largura igual.
Por exemplo, se você tem um contêiner de 1000px de largura e utiliza grid-template-columns: repeat(5, 1fr), cada coluna ocupará 1/5 (ou 20%) do espaço, resultando em colunas de 200px de largura.
Essa abordagem é útil quando você deseja criar colunas de largura flexível e igual dentro de um grid, sem a necessidade de definir tamanhos específicos para cada coluna.
Se você precisar ajustar o tamanho das colunas, pode modificar o valor 1fr para outras unidades (como px, %, etc.) ou combinar diferentes unidades para alcançar o layout desejado. Por exemplo, repeat(5, 100px) criaria colunas de 100 pixels de largura cada. */

/* 
A propriedade grid-template-columns com a função repeat e o valor 1fr é uma forma de definir as colunas em um grid CSS. Vou explicar cada parte:
repeat(5, 1fr): Isso significa que você deseja repetir o valor 1fr (uma fração do espaço disponível) cinco vezes, ou seja, criar cinco colunas no grid, cada uma com uma largura igual, ocupando uma fração igual do espaço disponível. A notação 1fr representa uma unidade fracionária em relação ao espaço disponível no contêiner. Portanto, repeat(5, 1fr) cria cinco colunas de largura igual.
Por exemplo, se você tem um contêiner de 1000px de largura e utiliza grid-template-columns: repeat(5, 1fr), cada coluna ocupará 1/5 (ou 20%) do espaço, resultando em colunas de 200px de largura.
Essa abordagem é útil quando você deseja criar colunas de largura flexível e igual dentro de um grid, sem a necessidade de definir tamanhos específicos para cada coluna.
Se você precisar ajustar o tamanho das colunas, pode modificar o valor 1fr para outras unidades (como px, %, etc.) ou combinar diferentes unidades para alcançar o layout desejado. Por exemplo, repeat(5, 100px) criaria colunas de 100 pixels de largura cada. */
/*  

O uso de grid-template-rows com auto auto e gap tem uma função específica na configuração de um layout de grid. Aqui está o que cada uma dessas propriedades faz:

grid-template-rows: auto auto;: Esta propriedade define o tamanho das linhas em um grid. Quando você usa auto auto, ele permite que as linhas se ajustem automaticamente à altura do conteúdo que elas contêm. Isso é útil quando você tem diferentes quantidades de conteúdo em cada linha e deseja que as linhas cresçam ou encolham de acordo com o tamanho do conteúdo. No seu caso, isso garante que a linha do label se ajuste à altura do texto do rótulo e a linha do input se ajuste à altura do campo de entrada.

gap: 10px;: A propriedade gap define o espaço entre as linhas e colunas do grid. No seu exemplo, você definiu um espaçamento de 10 pixels entre as linhas, o que cria um espaço visualmente agradável entre o label e o input, tornando o layout mais legível e esteticamente agradável.

Em resumo, grid-template-rows: auto auto; faz com que as linhas do grid se ajustem automaticamente à altura do conteúdo, enquanto gap: 10px; cria um espaçamento entre as linhas do grid. Essas propriedades ajudam a controlar o layout do seu formulário de maneira flexível e visualmente atraente.

Claro, aqui estão algumas das propriedades de display em CSS em forma de tabela:

Propriedade	Descrição
block	Elemento é formatado como um bloco, ocupando toda a largura disponível e iniciando uma nova linha.
inline	Elemento é formatado como uma linha em bloco, mas não inicia uma nova linha e só ocupa o espaço necessário.
inline-block	Elemento é formatado como uma linha em bloco, mas permite ajustes de largura e altura, sem iniciar uma nova linha.
none	Elemento não é exibido na página, como se não existisse no HTML.
table	Elemento é formatado como uma tabela de nível de bloco.
table-cell	Usado dentro de um elemento com display: table, define uma célula da tabela.
table-row	Usado dentro de um elemento com display: table, define uma linha da tabela.
table-row-group	Usado dentro de um elemento com display: table, agrupa várias linhas da tabela.
table-column	Usado dentro de um elemento com display: table, define uma coluna da tabela.
table-column-group	Usado dentro de um elemento com display: table, agrupa várias colunas da tabela.
flex	Elemento é formatado como um flex container, permitindo o uso de flexbox para o layout interno.
inline-flex	Semelhante a flex, mas como uma linha em bloco inline.
grid	Elemento é formatado como um grid container, permitindo o uso de CSS Grid para o layout interno.
inline-grid	Semelhante a grid, mas como uma linha em bloco inline.
contents	O elemento é tratado como se seus filhos fossem diretamente filhos do elemento pai. Isso ignora o elemento em si.
Estas são algumas das principais propriedades de display em CSS que você pode usar para controlar o layout dos elementos HTML em suas páginas da web. Lembre-se de que a escolha da propriedade de display certa pode ter um grande impacto no layout e no comportamento dos elementos em seu design. */
/* CSS Grid é um sistema de layout bidimensional (ou seja, com linhas e colunas) que foi introduzido no CSS para criar layouts complexos e responsivos em páginas da web. Ele permite que você organize elementos HTML em uma grade, definindo as relações entre as linhas e colunas da grade, o que torna o design de layouts flexíveis e poderosos mais simples de serem implementados.

Alguns conceitos chave do CSS Grid incluem:

Grid Container: O elemento que atua como o contêiner para todo o grid. Você aplica a propriedade display: grid; a esse elemento para ativá-lo.

Grid Items: Os elementos filhos diretos do Grid Container que são posicionados dentro do grid.

Linhas e Colunas: Você define as linhas e colunas da grid usando propriedades como grid-template-rows e grid-template-columns. Isso permite que você especifique quantas linhas e colunas a grid terá e como elas se comportarão.

Gap: Você pode definir um espaçamento (gap) entre as linhas e colunas da grid usando a propriedade gap.

Grid Lines: As linhas horizontais e verticais que formam a estrutura da grid. Você pode nomear essas linhas para facilitar a referência e o posicionamento de elementos.

Áreas de Grid: Você pode criar áreas nomeadas dentro da grid para organizar elementos de maneira mais intuitiva.

Posicionamento: O CSS Grid permite que você posicione elementos com precisão dentro da grid, especificando em qual linha e coluna eles devem aparecer.

Responsividade: O CSS Grid é altamente responsivo por natureza, permitindo que você crie layouts que se adaptam facilmente a diferentes tamanhos de tela e dispositivos.

Em comparação com outras técnicas de layout CSS, como floats ou flexbox, o CSS Grid é especialmente poderoso para criar layouts complexos, como layouts de grade de mosaico, layouts de blog, painéis de administração e muito mais. É uma ferramenta versátil para designers e desenvolvedores web que desejam um maior controle sobre o posicionamento e o dimensionamento dos elementos em uma página da web.

.col {
  display: grid;
  grid-template-rows: auto auto;
  gap: 10px;
}
*/

.teste{

    background-color: #a4bfff;
}
.modalx{

    width: 250px;
    height: 450px;
    background-color: #7575ac;
    border: 3px solid;
    border-color: red solid;
    
    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: rgb(0, 0, 0);     
    font-size: 0.71rem;
    text-align: left;
    line-height: 0.6rem;      
                   
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;  
    float: left;
  }

.modalfx {
    background-color: rgba(243, 243, 243, 0.971);
    position: fixed;
    top: 12rem;
    left: 30rem;
    width: 25rem;
    /* height: 8rem; */
    display: none;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border: 2px solid rgb(108, 125, 255);
}
.modalfx1 {
    background-color: rgb(249, 249, 249);
    position: fixed;
    /* top: 12rem;
    left: 30rem; */
    /* width: 25rem; */
    /* height: 8rem; */
    display: none;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border: 2px solid rgb(171, 171, 171);
}

.modalfx_pg1 {
    background-color: rgb(249, 249, 249);
    position: fixed;
    /* top: 12rem;
    left: 30rem; */
    /* width: 25rem; */
    /* height: 8rem; */
    border: 4px solid black !important;
    display: none;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}

.modalfxx_pg1 {
    background-color: rgb(249, 249, 249);
    position: fixed;
    top: 15rem!important;
    left: 50rem; 
    /* width: 25rem; */
    /* height: 8rem; */
    border: 4px solid black !important;
    display: none;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}


.modalfxxx_pg1 {
    background-color: rgb(249, 249, 249);
    position: fixed;
    /* top: 12rem;
    left: 30rem; */
    /* width: 25rem; */
    /* height: 8rem; */
    border: 4px solid black !important;
    display: none;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}


.modalfx_pag_inteira {
    background-color: rgb(255, 255, 255);
    position: fixed;
    top: 12rem;
    left: 4rem;
    width: 55rem;
    height: 40rem;
    box-sizing: border-box;
    display: none;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border: 2px solid rgb(108, 125, 255);

}


p {
    text-align: justify;
    color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;
}

.contentfx {
    margin: 0 auto;
    max-width: 900px;
    background-color: rgb(255, 255, 255);
    padding: 10px;

    text-align: justify;
    color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;
}


.txt_modal {
    font-size: 0.8rem;
    color: rgb(10, 10, 10);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;



}
.btn_fx_modal {
    background-color: rgb(31, 76, 224);
    padding: 5px 10px 5px 10px;
    border: 0rem solid rgb(4, 92, 30);
    cursor: pointer;
    transition: background .3s;
    border-radius: 5px;
    color: #FFF;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.5rem;
}

.btn_fx_modal:hover {
    background-color: rgb(87, 87, 87);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;
}

.btn_fx_modal:active {
    background-color: rgb(51, 255, 0);
    color: rgb(4, 92, 30);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


.modalfx-content {
    margin: 0 auto;
    margin-top: 3%;
    max-width: 600px;
    background-color: rgb(96, 235, 49);
    padding: 0;
    box-shadow: 0 0 2px #fff;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;
}

.modalfx-conteiner_principal{
    margin: 0 auto;
    margin-top: 2px;
    width: 100%;
    height: 100%;
    background-color: rgb(232, 232, 232);
    padding: 0;
    box-shadow: 0 0 0 rgb(230, 72, 72);    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
    border: 0px solid;
    border-color: rgb(192, 45, 45);
}

.modalfx-conteiner_secundario{
    margin: 0 auto;
    margin-top: 4px;
    width: 99%;
    height: 99%;
    background-color: rgb(232, 232, 232);
    /* background-color: rgb(245, 245, 245); */
    padding: 0;
    box-shadow: 0 0 0 rgb(230, 72, 72);    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    border: 0px solid;
    border-color: rgb(102, 255, 0);
    box-sizing: border-box;
}

.modalfx-header h1{
    font-weight: bold;
    text-align: center;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

/* .modalfx-header, .modal-body, .modal-footer{
    padding: 10px;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  
} */

.modalfx-header{

    padding: 10px;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
    background-color: rgb(197, 197, 197);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.6rem;
}

.modalfx-footer{
    background-color: rgb(197, 197, 197);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.6rem;
}


/* OUTR0 MODAL *//* OUTR0 MODAL *//* OUTR0 MODAL *//* OUTR0 MODAL *//* OUTR0 MODAL */


.modal_fxx {
    background-color: rgba(71, 139, 241, 0.952);    
    position: fixed;
    padding: 0.1rem;
    top: 13.8rem;
    left: 48rem;
    width: 40rem;
    /* height: 44rem; */
    display: none;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
    border: 2px solid;
    border-color: rgb(0, 0, 0);    
}

/* 1 coluna */
.modal_f1c {
    background-color: rgb(199, 199, 199);    
    position: fixed;
    padding: 2px;
    top: 10rem;
    left: 25rem;
    width: 35rem;
    height: 17rem;
    display: none;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.9rem;
    box-sizing: border-box;
    box-shadow: 10 20 30 #cf2828;  
    border: 2px solid;
    border-color: rgb(27, 27, 27);   
    z-index: 9999; 
}

.modal_fxx-header{         
    
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;

    text-align: center;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;    
    font-size: 1.3rem;
    border: 2px solid;
    border-color: rgb(247, 247, 247);
}   

.modal_fxx-header h1{
    font-weight: bold;
    text-align: center;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;    
    color: black;
    font-size: 0.7rem;
}
.modal_fxx-title{
    /* background-color: rgba(216, 216, 216, 0.863);     */

    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;

    text-align: center;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;    
    color: black;
    font-size: 0.7rem;
    
}
.modal_fxx-titlex{
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    /* background-color: rgba(216, 216, 216, 0.863);     */
    text-align: center;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;    
    color: black;
    font-size: 1.0rem;    
}



.modal_fxx-footer{         

    margin-top: 1.1rem;
    margin-bottom: 0.1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    padding-top: 0.1rem!important;
    padding-bottom: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    text-align: center;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;    
    font-size: 0.9rem;
    border: 2px solid;
    border-color: rgb(247, 247, 247);
}   

/* SE QUISER QUE A CSS VALA PARA VÁRIAS CLASS, USE VIRGULA */
.modal_fxx-header, .modal_fxx-body, .modal_fxx-footer{    
    /* background-color: rgba(247, 247, 247, 0.863);     */
    padding: 0;
    /*font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.7rem; */
    text-align: center;
    box-sizing: border-box;
   
}
.modal_fxx-dialog {

    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    margin: 0 auto;
    margin-top: 4px;
    width: 99%;
    height: 99%;
    background-color: rgba(202, 202, 202, 0.863);
    padding: 0;
    box-shadow: 0 0 0 #fff;    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
}

.modal_fxx-dialogx {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    margin: 0 auto;
    margin-top: 4px;
    width: 99%;
    height: 99%;
    /* background-color: rgba(212, 212, 212); */
    padding: 0;
    box-shadow: 5 10 5 #112ed4;    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
}


.modal_fxx-dialog_pg_inteira {

    position: fixed; /* Posiciona o modal de forma fixa na tela */
    top: 0%; /* Posiciona o modal verticalmente a 50% da tela */
    left: 0%;
     /* Posiciona o modal horizontalmente a 50% da tela */
    background-color: rgb(224, 224, 224);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 1.0rem;   
    margin-top: 5rem;
    margin-left: 4rem;
    padding: 0px;
    width: 80%; /* Ocupa 100% da largura do elemento pai */
    max-width: 80%; /* Define uma largura máxima de 35 rem para evitar que o modal fique muito largo */
    height: 75%;
    max-height: 75%; 
    /* Caso queira definir uma altura fixa para o modal */

    /* height: 99%; */
    border: 4px solid black;
    box-shadow: 4px 5px 10px 5px #3b83ff;         
    box-sizing: border-box;
}

.modal_fxx-dialog_pg_inteira_fixo{
    /* PARA LOCAIS EM QUE EU QUEIRA QUE APAREÇA NA ABERTURA DA PAGINA. VER CADASTRO PLANO AÇÃO */
    position: fixed;
    /* Posiciona o modal de forma fixa na tela */
    top: 0%; /* Posiciona o modal verticalmente a 50% da tela */
    left: 0%;
     /* Posiciona o modal horizontalmente a 50% da tela */
    background-color: rgb(224, 224, 224);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 1.0rem;   
    margin-top: 11rem;
    margin-left: 3rem;
    padding: 0px;
    width: 80%; /* Ocupa 100% da largura do elemento pai */
    max-width: 80%; /* Define uma largura máxima de 35 rem para evitar que o modal fique muito largo */
    height: 65%;
    max-height: 65%; 
    /* Caso queira definir uma altura fixa para o modal */

    /* height: 99%; */
    border: 4px solid black;
    box-shadow: 4px 5px 10px 5px #3b83ff;         
    box-sizing: border-box;
}



.modal_fxx-dialog_pg_meia {

    position: fixed; /* Posiciona o modal de forma fixa na tela */
    top: 10%; /* Posiciona o modal verticalmente a 50% da tela */
    left: 10%;
     /* Posiciona o modal horizontalmente a 50% da tela */
    background-color: rgb(224, 224, 224);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 1.1rem;
    
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.2rem;
    padding-right:0.2rem;

    width: 65%; /* Ocupa 100% da largura do elemento pai */
    max-width: 65%; /* Define uma largura máxima de 35 rem para evitar que o modal fique muito largo */
    height: 65%;
    max-height: 65%; 
    /* Caso queira definir uma altura fixa para o modal */

    /* height: 99%; */
    border: 4px solid black;
    box-shadow: 4px 5px 10px 5px #3b83ff;        
    box-sizing: border-box;
}


.modal_fxx-dialog_pg_umterco {

    position: fixed; /* Posiciona o modal de forma fixa na tela */
    top: 10%; /* Posiciona o modal verticalmente a 50% da tela */
    left: 10%;
     /* Posiciona o modal horizontalmente a 50% da tela */
    background-color: rgb(224, 224, 224);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 1.1rem;
    
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.2rem;
    padding-right:0.2rem;

    width: 48%; /* Ocupa 100% da largura do elemento pai */
    max-width: 48%; /* Define uma largura máxima de 35 rem para evitar que o modal fique muito largo */
    height: 55%;
    max-height: 55%; 
    /* Caso queira definir uma altura fixa para o modal */

    /* height: 99%; */
    border: 4px solid black;
    box-shadow: 4px 5px 10px 5px #3b83ff;        
    box-sizing: border-box;
    
}

.modal_fxx-dialog_pg_umquarto {

    position: fixed; /* Posiciona o modal de forma fixa na tela */
    top: 10%; /* Posiciona o modal verticalmente a 50% da tela */
    left: 10%;
     /* Posiciona o modal horizontalmente a 50% da tela */
    background-color: rgb(224, 224, 224);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 1.1rem;
    
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.2rem;
    padding-right:0.2rem;

    width: 35%; /* Ocupa 100% da largura do elemento pai */
    max-width: 35%; /* Define uma largura máxima de 35 rem para evitar que o modal fique muito largo */
    height: 30%;
    max-height: 30%; 
    /* Caso queira definir uma altura fixa para o modal */

    /* height: 99%; */
    border: 4px solid black;
    box-shadow: 4px 5px 10px 5px #3b83ff;        
    box-sizing: border-box;
}



.modal_fxx-conteiner_principal{
    margin: 0 auto;
    margin-top: 2px;
    width: 100%;
    height: 100%;
    /* background-color: rgb(245, 245, 245); */
    padding: 0;
    box-shadow: 0 0 0 rgb(230, 72, 72);    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
    border: 2px solid;
    border-color: rgb(255, 255, 255);
}

.modal_fxx-contentx{    
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    padding-top: 1.2rem;
    padding-bottom: 0.2rem;
    padding-left: 1.2rem;
    padding-right:0.2rem;
    width: 99%;
    height: 99%;
    /* background-color: rgb(252, 218, 80); */    
    box-shadow: 30 10 20 rgb(230, 72, 72);    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 1.0rem;
    border: 0px solid red;
    box-sizing: border-box;
    
}

.modal_fxx-conteiner_secundario{
    margin: 0 auto;
    margin-top: 4px;
    width: 99%;
    height: 99%;
    /* background-color: rgb(223, 223, 223);     */
    /* background-color: rgb(245, 245, 245); */
    padding: 0;
    box-shadow: 0 0 0 rgb(230, 72, 72);    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    border: 0px solid;
    border-color: rgb(66, 28, 255);
    box-sizing: border-box;
}

.modal_fxx-bodyx{
    margin-top: 0.5rem !important;
    margin-bottom: 0.2rem !important;
    margin-left: 0.2rem !important;
    margin-right: 0.2rem !important;
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem!important;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;

    width: 99%;
    height: 99%;
    /* background-color: rgb(223, 223, 223);     */
    /* background-color: rgb(54, 231, 241); */
 
    box-shadow: 0 0 0 rgb(72, 127, 230);    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.9rem;
    border: 0px solid;
    border-color: rgb(66, 28, 255);
    box-sizing: border-box;
}


.modal_fxx-content {
    margin: 0 auto;
    margin-top: 4px;
    width: 99%;
    height: 99%;

    /* background-color: rgb(245, 245, 245); */
    padding: 0;
    box-shadow: 0 0 0 rgb(230, 72, 72);    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
}


.modal_fxx-content2{
    margin: 0 auto;    
    /* background-color: rgb(90, 207, 129); */
    padding: 0px;

    
    width: 99%;
    height: 90%;
    text-align: left;
    color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.7rem;
    box-sizing: border-box;
}

/* 
.content_fxx {
    margin: 0 auto;    
    background-color: rgb(230, 230, 230);
    padding: 0px;
    width: 99%;
    height: 99%;
    text-align: left;
    color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.7rem;

    box-sizing: border-box;
} */

.label_fxx{
    margin: 0 auto;    
    /* background-color: rgb(247, 247, 247); */
    padding-top: 0px;
    margin-top: 0px;
    width: 100%;
    /* height: 90px; */
    text-align: left;
    color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;    
    border: 0px solid;
    border-color: rgb(0, 255, 55);
    float: none!important;
}
.txt_modal_fxx {
  
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.7rem;
    color: rgb(0, 0, 0);
}
.btn_fxx_modal {
    background-color: rgb(9, 75, 28);
    padding: 5px 10px 5px 10px;
    border: 2px solid rgb(4, 92, 30);
    cursor: pointer;
    transition: background .3s;
    border-radius: 5px;
    color: #FFF;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.btn_fxx:hover {
    background-color: rgb(4, 92, 30);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.btn_fxx:active {
    background-color: rgb(129, 255, 166);
    color: rgb(0, 0, 0);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
}

/* OUTR0 MODAL *//* OUTR0 MODAL *//* OUTR0 MODAL *//* OUTR0 MODAL */

.modal_fxx_1 {
    background-color: rgb(11, 60, 255);
    
    position: fixed;
    padding: 0.1rem;
    top: 4.8rem;
    left: 30rem;
    width: 35rem;
    /* height: 44rem; */
    display: none;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
}


.modal_fxx_1-fade_fxx_1 {
    background-color: rgb(11, 60, 255);
    
    position: fixed;
    padding: 0.1rem;
    top: 4.8rem;
    left: 30rem;
    width: 35rem;
    /* height: 44rem; */
    display: none;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
}


.modal_fxx_1-dialog_fxx_1 {
    margin: 0 auto;
    margin-top: 4px;
    width: 99%;
    height: 99%;

    background-color: rgba(216, 226, 13, 0.863);
    padding: 0;
    box-shadow: 0 0 0 #fff;    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
}

.modal_fxx_1-content_fxx_1 {
    margin: 0 auto;
    margin-top: 4px;
    width: 99%;
    height: 99%;

    background-color: rgba(216, 226, 13, 0.863);
    padding: 0;
    box-shadow: 0 0 0 #fff;    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
}


.modal_fxx_1-content_fxx_1 {
    margin: 0 auto;
    margin-top: 4px;
    width: 99%;
    height: 99%;

    background-color: rgba(88, 109, 230, 0.863);
    padding: 0;
    box-shadow: 0 0 0 rgb(230, 72, 72);    
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    box-sizing: border-box;
}
/* SE QUISER QUE A CSS VALA PARA VÁRIAS CLASS, USE VIRGULA */
.modal_fxx_1-header_fxx_1, .modal_fxx_1-body_fxx_1, .modal_fxx_1-footer_fxx_1{
    
    background-color: rgba(223, 49, 202, 0.863);
    
    padding: 0;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.7rem;
    text-align: left;
    box-sizing: border-box;

    border: 0px solid;
    border-color: rgb(255, 6, 6);

}


.modal_fxx_1-content_fxx_2{
    margin: 0 auto;    
    /* background-color: rgb(90, 207, 129); */
    padding: 0px;

    
    width: 99%;
    height: 90%;
    text-align: left;
    color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.7rem;
    box-sizing: border-box;
}

/* 
.content_fxx {
    margin: 0 auto;    
    background-color: rgb(230, 230, 230);
    padding: 0px;
    width: 99%;
    height: 99%;
    text-align: left;
    color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.7rem;

    box-sizing: border-box;
} */


.form__fxx1 {
    margin: 0 auto;
    padding: 0;
    background-color: rgb(67, 111, 231);    
    border: 1px solid;
    border-color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: rgb(255, 34, 34);
    font-size: 0.7rem;
    
}

.modal_fxx_1-header_fxx_1{
    background-color: rgb(242, 242, 242);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}
.modal_fxx_1-header_fxx_1 h1{
    font-weight: bold;
    text-align: center;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    
    color: black;
    font-size: 0.7rem;
}


.modal_fxx_1-title_fxx_1{
    background-color: rgb(95, 225, 3);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}



.label_fxx_1{
    margin: 0 auto;    
    /* background-color: rgb(247, 247, 247); */
    padding-top: 0px;
    margin-top: 0px;
    width: 100%;
    /* height: 90px; */
    text-align: left;
    color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;    
    border: 0px solid;
    border-color: rgb(0, 255, 55);
  

}


.label_fxx_2{
    margin: 0 auto;    
    /* background-color: rgb(247, 247, 247); */
    padding-top: 0px;
    margin-top: 0px;
    width: 99%;
    /* height: 90px; */
    text-align: left;
    color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.0rem;    
    border: 0px solid;
    border-color: rgb(0, 255, 55);
  

}
.txt_modal__fxx1 {
  
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.7rem;
    color: rgb(0, 0, 0);



}
.btn__fxx_modal_1 {
    background-color: rgb(9, 75, 28);
    padding: 5px 10px 5px 10px;
    border: 2px solid rgb(4, 92, 30);
    cursor: pointer;
    transition: background .3s;
    border-radius: 5px;
    color: #FFF;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.btn_fxx_1:hover {
    background-color: rgb(4, 92, 30);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.btn_fxx_1:active {
    background-color: rgb(129, 255, 166);
    color: rgb(0, 0, 0);
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
}


/* // MODAL PADRÃO */
/* Estilos para o modal */
div.modal-dialog {
    position: fixed; /* Posiciona o modal de forma fixa na tela */
    top: 50%; /* Posiciona o modal verticalmente a 50% da tela */
    left: 50%; /* Posiciona o modal horizontalmente a 50% da tela */
    transform: translate(-50%, -50%); /* Centraliza o modal corretamente na tela */
    background-color: rgb(255, 255, 255);
    padding: 0px;
    width: 100%; /* Ocupa 100% da largura do elemento pai */
    max-width: 35rem; /* Define uma largura máxima de 35 rem para evitar que o modal fique muito largo */
    /* height: 44rem; */ /* Caso queira definir uma altura fixa para o modal */
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    border: 2px solid;
    border-radius: 0;/* Define um arredondamento de borda de 2% */
    border-color: rgb(197, 197, 197);
    box-sizing: border-box; /* Mantém a largura total do modal considerando a borda e o padding */
}
div.modal-dialog1 {
    position: fixed; /* Posiciona o modal de forma fixa na tela */
    top: 50%; /* Posiciona o modal verticalmente a 50% da tela */
    left: 50%; /* Posiciona o modal horizontalmente a 50% da tela */
    transform: translate(-50%, -50%); /* Centraliza o modal corretamente na tela */
    background-color: rgb(255, 255, 255);
    padding: 0px;
    width: 100%; /* Ocupa 100% da largura do elemento pai */
    max-width: 35rem; /* Define uma largura máxima de 35 rem para evitar que o modal fique muito largo */
    /* height: 44rem; */ /* Caso queira definir uma altura fixa para o modal */
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    border: 2px solid;
    border-radius: 0;/* Define um arredondamento de borda de 2% */
    border-color: rgb(197, 197, 197);
    box-sizing: border-box; /* Mantém a largura total do modal considerando a borda e o padding */
}

div.modal-dialoglg {
    position: fixed; /* Posiciona o modal de forma fixa na tela */
    top: 30%; /* Posiciona o modal verticalmente a 50% da tela */
    left: 50%;
     /* Posiciona o modal horizontalmente a 50% da tela */
    transform: translate(-50%, -50%); /* Centraliza o modal corretamente na tela */
    background-color: rgb(255, 255, 255);
    padding: 0px;
    width: 90%; /* Ocupa 100% da largura do elemento pai */
    max-width: 90%; /* Define uma largura máxima de 35 rem para evitar que o modal fique muito largo */
    /* max-height: 90%;  */
    /* Caso queira definir uma altura fixa para o modal */
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;
    border: 2px solid;
    border-radius: 0;/* Define um arredondamento de borda de 2% */
    border-color: rgb(197, 197, 197);
    box-sizing: border-box; /* Mantém a largura total do modal considerando a borda e o padding */
}


div.modal-dialog_fx_larg{
    position: fixed; /* Posiciona o modal de forma fixa na tela */
    top: 50%; /* Posiciona o modal verticalmente a 50% da tela */
    left: 50%; /* Posiciona o modal horizontalmente a 50% da tela */
    transform: translate(-50%, -50%); /* Centraliza o modal corretamente na tela */
    background-color: rgb(244, 244, 244);
    padding: 0px;
    width: 95%; /* Ocupa 100% da largura do elemento pai */
    max-width: 65rem; /* Define uma largura máxima de 35 rem para evitar que o modal fique muito largo */
    height: 95%;
    max-height: 60rem;
    /* height: 44rem; */ /* Caso queira definir uma altura fixa para o modal */
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.9rem;
    border: 3px solid;
    border-radius: 2%; /* Define um arredondamento de borda de 2% */
    border-color: rgb(30, 6, 252);
    box-sizing: border-box; /* Mantém a largura total do modal considerando a borda e o padding */
}

/* Estilos para o modal no desktop */
@media only screen and (min-width: 1081px) {
    div.modal-dialog {
        top: 5%; /* Posiciona o modal a 5% do topo da tela no desktop */
        left: 30%; /* Posiciona o modal a 30% da esquerda da tela no desktop */
        transform: translate(-30%, -5%); /* Centraliza o modal corretamente com base nas novas posições */
    }
}

/* Estilos para o modal no celular */
@media only screen and (max-width: 1080px) {
    div.modal-dialog {
        top: 0; /* Posiciona o modal no topo da tela no celular */
        left: 0; /* Posiciona o modal na esquerda da tela no celular */
        transform: none; /* Remove o translate para preencher toda a tela */
        width: 100%; /* Ocupa 100% da largura do elemento pai, preenchendo a tela */
        max-width: none; /* Remove a restrição de largura máxima para ocupar toda a tela */
        /* height: 100%;  */
        /* Ocupa 100% da altura do elemento pai, preenchendo a tela */
        border-radius: 0; /* Remove o arredondamento de borda para ocupar toda a tela */
    }
}
div.modal-header{
    background-color: rgb(219, 219, 219);
   /* background-color: rgb(247, 247, 247); */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    /* height: 50%; */
    /* height: 90px; */
    text-align: left;
    color: black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.8rem;        
    border-radius: 0%;
    border: 1px solid;
    border-color: rgb(151, 151, 151);

}
div.close{
        /* position: fixed; */     
        width: 5%  ;
        height: 5%  ;
        background-color: rgb(187, 187, 187);
        padding: 0px 0px 0px 50px;
        margin: 0px 0px 0px 50px;
        /* width: 100%; */
        /* height: 44rem; */
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: black;
        font-size: 0.7rem;   
        border: 2px solid;
        border-color: rgb(39, 1, 253);
        box-sizing: border-box;}
div.modal-title{
        /* position: fixed; */
        width: 100%;
        /* background-color: rgb(230, 230, 230); */
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        /* width: 100%; */
        /* height: 44rem; */
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: black;
        font-size: 0.9rem;   
        border: 0px solid;
        border-radius: 0%;
        border-color: rgb(255, 255, 255);
        box-sizing: border-box;}
    
 div.modal-content{
  /* position: fixed; */
  background-color: rgb(235, 235, 235);
  padding: 1px;
  width: 100%;
  /* height: 44rem; */
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: black;
  font-size: 0.7rem;   
  border: 0px solid;
  border-radius: 0%;
  border-color: rgb(255, 255, 255);
  box-sizing: border-box;}

  div.modal-contentlg{
    /* position: fixed; */
    background-color: rgb(85, 225, 69);
    padding: 1px;
    width: 100%;
    height: 54rem;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 0.7rem;   
    border: 0px solid;
    border-radius: 0%;
    border-color: rgb(255, 255, 255);
    box-sizing: border-box;}
  div.modal-body{
        /* position: fixed; */
        /* background-color: rgb(230, 230, 230); */
        padding: 0.1rem;
        /* width: 99%; */
        /* height: 44rem; */
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: black;
        font-size: 0.7rem;   
        border: 0px solid;
        border-radius: 0%;
        border-color: rgb(240, 240, 240);
        box-sizing: border-box;}  

.row_fx{

    display: grid !important;
    /* grid-template-columns: repeat(3, 1fr); */
    /* Cria três colunas de tamanho igual */
    /* gap: 1px; */
     /* Define um espaçamento entre as colunas */
    padding: 0px 0px 0px 0px!important;
    margin: 3px 0px 0px 0px!important;
    font-size: 0.6rem!important;
 

    border: 1px solid!important;      
    border-radius: 0%!important;    
    border-color: rgb(255, 255, 255)!important;    
    box-sizing: border-box!important;  
}
/* do boopstrap */
/* .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
} */

div.row{
    /* display: flex!important; */
    /* display: grid!important; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-template-columns: repeat(3, 1fr)!important;
    /* Cria três colunas de tamanho igual */
    gap: 01px!important; /* Define um espaçamento entre as colunas */
    padding: 0px 0px 0px 0px!important;
    margin: 3px 0px 0px 0px!important;
    font-size: 0.6rem!important;
    text-align: left !important;
    flex-wrap: wrap!important;   
    border: 1px solid!important;      
    border-radius: 0%!important;    
    border-color: rgb(255, 255, 255)!important;
    box-sizing: border-box!important;
    /* float: left!important; */
}
div.col{    

    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    /* display:grid!important;    */
    /* display:flex!important;    */
    /* display grid faz com que o label e o input fiquem em linhas separadas */
    grid-template-rows: auto auto!important;
    gap: 1px!important; 
    padding: 0px 0px 0px 0px!important;
    margin: 0px 0px 0px 0px!important;  
    font-size: 0.6rem!important;
    text-align: left !important;
    border: 1px solid rgb(255, 255, 255)!important;
    border-radius: 0!important;
   /* border-color: rgb(202, 202, 202)!important; */ 
    box-sizing: border-box!important;
    /* float: left; */
}   
/* .row{    
    margin-top: 0.7rem;
    margin-bottom: 0.2rem;
    margin-left: 0;
    margin-right: 0;
    padding: 0px 0px 0px 0px;      
    font-size: 0.6rem; 
    text-align: left !important;
    border: 1px solid!important;      
    border-radius: 0%!important;    
    border-color: rgb(255, 255, 255)!important;
}
.col{
    text-align: left !important;
    font-size: 0.6rem;
    border: 0px solid;
    border-color: rgb(235, 235, 235);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display:grid;   
    /* display grid faz com que o label e o input fiquem em linhas separadas 
    grid-template-rows: auto auto;
    gap: 3px; } */

div.modal-footer{
    /* position: fixed; */
    background-color: rgb(145, 145, 145);
    margin-top: 0.5rem;
    margin-bottom: 0.1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    text-align: right;
    /* width: 99%; */
    /* height: 44rem; */
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: black;
    font-size: 1.3rem;
    border: 1px solid;
    border-color: rgb(251, 251, 251);
    box-sizing: border-box;}  
    
    .modalfx1_footer{
        /* position: fixed; */
        display: flex;
        justify-content: flex-end;
        align-items: center;

        background-color: rgb(145, 145, 145);
        margin-top: 2.1rem;
        margin-bottom: 0.1rem;
        margin-left: 0.1rem;
        margin-right: 0.1rem;
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
        padding-left: 0.1rem;
        padding-right: 0.1rem;
        text-align: right;
        /* width: 99%; */
        /* height: 44rem; */
       font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: black;
        font-size: 1.3rem;
        border: 1px solid;
        border-color: rgb(251, 251, 251);
        box-sizing: border-box;}  
        
    .row1c{
        text-align: left;
        display: grid;
        grid-template-columns: repeat(1, 1fr); /* Cria três colunas de tamanho igual */
        gap: 0px; /* Define um espaçamento entre as colunas */
        /* background-color: blue !important; */
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 0.6rem;
        border: 1px solid!important;      
        border-radius: 0%!important;    
        border-color: rgb(255, 255, 255)!important;
        box-sizing: border-box;
     
    }
    .col1c{
        /* width:148px; */
        font-size: 0.6rem;    
        border-color: rgb(232, 232, 232)!important;
        border: 0px solid;          
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        box-sizing: border-box;
        /* float: left; */
        display:grid;   
        /* display grid faz com que o label e o input fiquem em linhas separadas */
        grid-template-rows: auto auto;
        gap: 3px; 

    }    

  
    .row2c{
        text-align: left;
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Cria três colunas de tamanho igual */
        gap: 1px; /* Define um espaçamento entre as colunas */
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 0.6rem;
      
    border: 1px solid!important;      
    border-radius: 0%!important;    
    border-color: rgb(255, 255, 255)!important;  
        box-sizing: border-box;
    
    }
    .col2c{
        /* width:148px; */
        font-size: 0.6rem;
    
        border: 0px solid;
        border-radius: 0%;
       /* border-color: rgb(202, 202, 202); */
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        box-sizing: border-box;

        display:grid;   
        /* display grid faz com que o label e o input fiquem em linhas separadas */
        grid-template-rows: auto auto;
        gap: 1px; 
    
    }    

    
.row3c{
    text-align: left;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Cria três colunas de tamanho igual */
    gap: 1px; /* Define um espaçamento entre as colunas */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 0.6rem;
 
    border: 1px solid!important;      
    border-radius: 0%!important;    
    border-color: rgb(255, 255, 255)!important;
    box-sizing: border-box;
    border: 3px solid red;
  
}
.col3c{
    /* width:148px; */
    font-size: 0.6rem;
   /* border-color: rgb(202, 202, 202); */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;

   /* NESTE EU DESATIVEI O GRID POIS JÁ TEM POUCO ESPAÇO */ 
    /* width:148px; */
    display:block;   
    /* display grid faz com que o label e o input fiquem em linhas separadas */
    grid-template-rows: auto auto;
    gap: 1px;  
    border: 1px solid rgb(255, 255, 255);
    border-radius: 0%;

}    

.x{
    font-size: 0.6rem;
    width: 100%;
    text-align: left!important;
    border: 0px solid;
    border-radius: 0%;
   /* border-color: rgb(202, 202, 202); */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
    border: 0px solid rgb(9, 255, 0);
}

.row_site_4c
{
  text-align: left;    
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Cria três colunas de tamanho igual */
  gap: 0px; /* Define um espaçamento entre as colunas */
  padding: 1px 1px 1px 1px 1px;
  margin:  1px 1px 1px 1px 1px;
  font-size: 1.3rem;   
  border: 4px solid!important;      
  border-radius: 0%!important;    
  border-color: rgb(216, 27, 222)!important;
  box-sizing: border-box;
}
.col_site_4c{
  /* width:148px; */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: center;
  font-size: 1.3rem;
  border: 0px solid;
  border-radius: 0%;

 /* border-color: rgb(202, 202, 202); */
 padding: 1px 1px 1px 1px;
 margin:  1px 1px 1px 1px;
  box-sizing: border-box;
  /* NESTE EU DESATIVEI O GRID POIS JÁ TEM POUCO ESPAÇO */
  /* width:148px; */
  /* display:grid;    */
  /* display grid faz com que o label e o input fiquem em linhas separadas */
  /* grid-template-rows: auto auto; */
  /* gap: 1px;  */
 
}    


.row_site_3c
{
  text-align: left;    
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Cria três colunas de tamanho igual */
  gap: 0px; /* Define um espaçamento entre as colunas */
  padding: 4px 4px 4px 4px ;
  margin: 4px 4px 4px 4px ;
  font-size: 1.0rem;   
  border: 1px solid!important;      
  border-radius: 0%!important;    
  border-color: rgb(255, 255, 255)!important;
  box-sizing: border-box;
}
.col_site_3c{
  /* width:148px; */
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: center;
  font-size: 1.1rem;
  border: 0px solid;
  border-radius: 0%;

 /* border-color: rgb(202, 202, 202); */
  padding: 4px 4px 4px 4px ;
  margin: 4px 4px 4px 4px ;
  box-sizing: border-box;
  /* NESTE EU DESATIVEI O GRID POIS JÁ TEM POUCO ESPAÇO */
  /* width:148px; */
  /* display:grid;    */
  /* display grid faz com que o label e o input fiquem em linhas separadas */
  /* grid-template-rows: auto auto; */
  /* gap: 1px;  */
 
}    


.row4c{
    text-align: left;    
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Cria três colunas de tamanho igual */
    gap: 0px; /* Define um espaçamento entre as colunas */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 0.6rem;   
    border: 1px solid!important;      
    border-radius: 0%!important;    
    border-color: rgb(255, 255, 255)!important;
  
    box-sizing: border-box;
  
}
.col4c{
    /* width:148px; */
    font-size: 0.6rem;
    border: 0px solid;
    border-radius: 0%;
   /* border-color: rgb(202, 202, 202); */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
    /* NESTE EU DESATIVEI O GRID POIS JÁ TEM POUCO ESPAÇO */
    /* width:148px; */
    /* display:grid;    */
    /* display grid faz com que o label e o input fiquem em linhas separadas */
    /* grid-template-rows: auto auto; */
    /* gap: 1px;  */
   
}    

.row5c{
    text-align: left;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 1px; /* Aumentei o valor para tornar o espaçamento mais visível */    
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 0.6rem;
   
    border: 1px solid!important;      
    border-radius: 0%!important;    
    border-color: rgb(255, 255, 255)!important;
    box-sizing: border-box;
  
}
.col5c{
    /* width:148px; */
    font-size: 0.6rem;
    border: 0px solid;
    border-radius: 0%;
   /* border-color: rgb(202, 202, 202); */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
   /* NESTE EU DESATIVEI O GRID POIS JÁ TEM POUCO ESPAÇO */
    /* width:148px; */
    /* display:grid;    */
    /* display grid faz com que o label e o input fiquem em linhas separadas */
    /* grid-template-rows: auto auto; */
    /* gap: 1px;  */
}    




.rowx4{
    width: 100%;
    padding: auto;
    /* height: ; */
    margin-top: 0.7rem;    
    font-size: 0.6rem;
    border: 0px solid;
    border-color: rgb(206, 206, 206);
    
}

.colx4{
    padding: auto;
    width: 24%;
    font-size: 0.6rem;
    border: 0px solid;
    border-color: rgb(206, 206, 206);
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
    /* float: left; */
   /* NESTE EU DESATIVEI O GRID POIS JÁ TEM POUCO ESPAÇO */
    /* width:148px; */
    /* display:grid;    */
    /* display grid faz com que o label e o input fiquem em linhas separadas */
    /* grid-template-rows: auto auto; */
    /* gap: 1px;  */

}


  /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
  @media only screen and (max-width: 1440px) and (orientation: portrait) {
    .col_site_4c, .col_site_3c {       
    font-size: 0.4rem!important;
    border-radius: 0; 
    width: 100%!important; /* ou qualquer outra largura desejada para dispositivos móveis */
    float: left;
    /* color: yellow; */
    
  }
    }
    
  /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
      @media only screen and (max-width: 1440px) and (orientation: landscape) {
        .col_site_4c, .col_site_3c {            
          font-size: 0.4rem!important;
          border-radius: 0; 
          width: 100%!important; /* ou qualquer outra largura desejada para dispositivos móveis */
          float: left;
          /* color:red; */
        }     
      }

/* and (orientation: portrait) // and (orientation: landscape)                                                                          */
   @media only screen and (max-width: 1440px) and (orientation: portrait) {
    .col_site_4c img, .col_site_3c img {    
      font-size: 0.4rem!important;
          border-radius: 0; 
          width: 100%!important; /* ou qualquer outra largura desejada para dispositivos móveis */
          float: left;
          /* color:red; */
  }
    }
    
      /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
      @media only screen and (max-width: 1440px) and (orientation: landscape) {
        .col_site_4c img, .col_site_3c img {        
          font-size: 0.4rem!important;
          border-radius: 0; 
          width: 100%!important; /* ou qualquer outra largura desejada para dispositivos móveis */
          float: left;
          /* color:red; */
        }     
      }



   /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
   @media only screen and (max-width: 1440px) and (orientation: portrait) {
    .row_site_4c, .row_site_3c, .col_site_3c, .col_site_4c {    
   
    font-size: 0.5rem!important;  
    width: 100%!important; /* ou qualquer outra largura desejada para dispositivos móveis */
    border: 0px solid green;
    
  }
    }
    
  /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
      @media only screen and (max-width: 1440px) and (orientation: landscape) {
        .row_site_4c, .row_site_3c, .col_site_3c, .col_site_4c, .col4c, .row4c {  
          font-size: 0.5rem!important;
      
          width: 100%!important; /* ou qualquer outra largura desejada para dispositivos móveis */
          border: 0px solid green;
        }     
      }

/* and (orientation: portrait) // and (orientation: landscape)                                                                          */
   @media only screen and (max-width: 1440px) and (orientation: portrait) {
    .row_site_4c img, .row_site_3c img {    
    font-size: 0.5rem!important;
   
    width: 81px!important; /* ou qualquer outra largura desejada para dispositivos móveis */
    height:auto; /* ou qualquer outra altura desejada para dispositivos móveis */ 
  
  }
    }
    
      /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
      @media only screen and (max-width: 1440px) and (orientation: landscape) {
        .row_site_4c img, .row_site_3c img {       
        font-size: 0.6rem;
        border-radius: 0%;
        width: 51px!important; /* ou qualquer outra largura desejada para dispositivos móveis */
        height:auto; /* ou qualquer outra altura desejada para dispositivos móveis */ 
        }     
      }
  /* and (orientation: portrait) // and (orientation: landscape)                                                                          */
  @media only screen and (max-width: 1440px) and (orientation: portrait) {
    img {    
    font-size: 0.6rem;
    border-radius: 0; 
    width: 10%!important; /* ou qualquer outra largura desejada para dispositivos móveis */
    height:auto; /* ou qualquer outra altura desejada para dispositivos móveis */ 
  
  }
    }
.bt_modal_save1
{
    /* width:148px; */
    width: 85px;
    height: 30px;
    background-color: rgb(23, 223, 100);
    font-size: 0.9rem;
    border: 1px solid;
    border-color: rgb(255, 255, 255);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
   ;
}    

.bt_modal_save1:hover
{   
    background-color: rgb(177, 255, 168);
   
}    


.bt_modal_save1:active
{   
    background-color: rgb(3, 255, 36);
   
} 

.bt_modal_cancel1
{
    width: 85px;
    height: 30px;
    background-color: rgb(124, 124, 255);
    font-size: 0.9rem;
    border: 1px solid;
    border-color: rgb(255, 255, 255);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
    float: left;
}    


.bt_modal_cancel1:hover
{   
    background-color: rgb(141, 173, 255);
   
}    


.bt_modal_cancel1:active
{   
    background-color: rgb(14, 60, 246);
   
}    

/* Oculta a classes para celulares */
@media only screen and (max-width: 1080px) {
    .srow5 .scol5{
        display: none;    
      }
      .fxpaxrodapefootercopyright_1 {
          display: none; 
          
        } .fxpaxrodapefooterdevenvolvido_1 {
          display: none;
          
        }    
    }


    /* <!-- IMPORTADO DO SITE DA GIOVANNI PASSARELLA INICIO --> */
    #banner {
      margin-top: 50px;
      width: 100%;
      height: auto
  }
  
  .carousel-caption {
      position: absolute;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 700;
      float: right;
      color: red
  }
  
  #cinza {
      background-color: #f9f9f9;
      width: 100%;
      min-height: 250px;
      border-top: 6px solid #f4f4f4;
      border-bottom: 6px solid #f4f4f4;
      height: auto;
      margin-top: 0
  }
  
  #cinza .frase-home {
      text-transform: uppercase;
      margin-top: 50px;
      color: #F00000
  }
  
  #branco .meio {
      color: #F00000;
      text-transform: uppercase;
      font-weight: 700;
      margin-top: 20px
  }
  
  #branco img {
      margin-top: 20px;
      max-width: 270px;
      max-height: 200px;
      width: auto;
      height: auto
  }
  
  #branco p {
      margin-top: 20px;
      color: #999;
      text-align: justify;
      margin-left: 10px
  }
  
  #branco a {
      color: #F00000
  }
  
  #conteudo-paginas {
      margin-top: 80px;
      color: #333
  }
  
  #conteudo-paginas h1 {
      font-weight: 700;
      text-align: center
  }
  
  #conteudo-paginas img {
      margin-top: 20px;
      max-width: 500px;
      width: 100%;
      max-height: 350px;
      min-height: auto;
      background-size: 100%;
      background-repeat: no-repeat
  }
   /* <!-- FIM IMPORTADO DO SITE DA GIOVANNI PASSARELLA --> */