* {
  margin: 0;
  padding: 0;
  border: 0;
     box-sizing: border-box; 
}
html{
  line-height: 1;
  display: block;
  font-size: 100%;
    width: 100%;
    height: 100%;
  -webkit-text-size-adjust: 100%;
}
body {  
      vertical-align: baseline;
    width: 100%;
    height: 100%;
      scroll-behavior: smooth;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;   
display:flex;
flex-direction: column;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
  background: #ffffff;
  color: #000000;
  line-height: 1.5;
  font-size: 16px;
  letter-spacing: 0.2px;
  font-style: normal;
  font-weight: 400;
  overflow-x:hidden;
   }   
img{
    opacity: 1;
 display: block;
   object-fit: cover; 
   object-position: bottom;
   max-width: 100%;
   border-radius: 6px;
       border: solid 1px #0000006f;
}
.rec_post span{
    text-align: left;
    width: 100%;
    font-weight: 600;
    color: #68747c;
}
.conteu span{
font-weight: 600;
color: #68747c;
width: 100%;
}
.email {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-height: 50vh; /* Altura máxima para o scroll */
    overflow-y: auto; /* Scroll vertical */
    border: 1px solid #ddd; /* Borda para visualização */
    width: 80%; /* Ajuste a largura conforme necessário */
    margin: auto; /* Centraliza horizontalmente */
    margin-bottom: 100px;
    box-shadow: 1px 1px 6px #00000016;
    border-radius: 0.3vw;
}
.email table {
    width: 100%; /* Garante que a tabela ocupe toda a largura do contêiner */
    border-collapse: collapse; /* Remove espaços extras entre células */
}
.email th, .email td {
    min-width: 100vw;
    max-width: 100%;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5; /* Melhora o espaçamento entre linhas */
    padding: 10px; /* Adiciona espaçamento interno */
    border: 1px solid #ddd; /* Borda entre células */
    text-align: left; /* Alinha o texto à esquerda */
}
.email th {
    background-color: #ffef0f; /* Fundo para o cabeçalho */
}
.container h2{
    text-align: center;
    font-size: 1.8rem;
}
.calccont{
    width: 100%;
    max-width: 100%; 
    display: flex;
    justify-content: center;
    align-content: center; 
    align-items: center;
    flex-direction: column;  
   flex-wrap: wrap; 
       padding: 3vw 0;    
}
.ff1{
  background: linear-gradient(#f3f3f3, #eeeeee);
    padding: 3vw;
}
 .asd{    
      background-color: #ffffff;
 }
.container { 
  min-width: 80%;    
    background: #fff;
    padding: 6vw 3vw; 
    border-radius: 1vw;    
    box-shadow: 1px 1px 20px #00000015;
    margin: 3vw 0;      
}
.hr{
    width: 100%;   
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hr hr{
    border: solid 0.1rem #00000007;
    width: 70%;
    margin: 10px;
}
.hr2{
    width: 100%;   
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hr2 hr{
    border: solid 0.1rem #00000007;
    width: 95%;
    margin: 10px;
}
.todosposts{
    display: flex;
    justify-content: center;
    min-width: 100%;
    width: 100%;
    max-width: 100%;   
}
.todosposts a{
    color: #000000;
}
.menulateral{
    width: 18%;
min-height: 100vh;
    background-color: #f5f5f5;
    box-shadow: 1px 0 10px 1px #00000006;   
  
}
.menulateral  ul{
 margin: 0;
 padding: 0;
    margin-top: 2vw;
}
.todosposts td{
    width: 100%;
    padding: 13px;   
    box-shadow: 0 1px 3px 1px #00000008;
}
.todosposts th{
    width: 100%;
    padding: 13px 20px;
    box-shadow: 0 1px 3px 1px #00000008;
    background-color: #f5f5f5;   
}
.menulateral  li{
    width: 100%;
    background-color: #d8d8d8;   
    min-width: 100%;
    padding: 10px 0;
    margin: 0.3vw 0;
    list-style-type: none;
    box-shadow: 0 0px 10px 0px #00000009;   
}
.menulateral  a{
    text-decoration: none;
    font-size: 1.1rem;
    padding: 10px;
    color: #000000;
    font-weight: normal;  
}
.vv{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    font-size: 2rem;
    color: #000000;
    height: 3vw;
    text-align: center;
    background-color: #0056b3;
    box-shadow: 0 1px 3px #00000016;
    margin: 0;
}
.todosposts table{  
 width: 80%;
 min-width: 80%;
    padding: 3vw;
   margin: 0 auto;
   border-collapse: collapse;
    border-spacing: 0 6px; /* 10px entre colunas, 0px entre linhas */
    border-collapse: separate; /* Necessário para que border-spacing funcione */
}
.tdf{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
label {
    display: block;
    margin: 10px 0 5px;
    font-weight: bold;
}
 table {
    text-align: center;
    margin: 20px 0;
    width: 100%;
    max-width: 100%;    
    display: block;  
    border-spacing: 1vw;
 border-collapse: separate;
 overflow-x: auto;
}
table th{
    border: solid 1px #00000026;
    padding: 0.3vw 2vw;
}
.todosposts table tr{
  box-shadow: 0 2px 1px 0 #00000016;
  background-color: #fcff2e;
  font-weight: bold;
}
.todosposts table th,
.todosposts table td {
    box-shadow: 0 2px 1px 0 #00000016;
    text-align: left;
    white-space: nowrap; /* Impede quebra de linha em células */
}
input[type="number"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}
button {
    display: block;
    outline:none;
    width: 100%;
    padding: 10px;
    margin-top: 20px;
    background-color: #007bff;
    color: #fff;    
    border: none;
    border-radius: 4px;
    font-size: 20px;
    cursor: pointer;
}
button:hover {
    background-color: #0056b3;
}
.result {
    margin-top: 20px;
    font-size: 18px;
    color: #000;
}
header{
    padding: 2.3vw 0;
    width: 100%;
    max-width: 100%; 
      height: 2vh;    
    display: flex;
    align-items: center;   
    justify-content: space-evenly;  
    position: fixed;     
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000; 
 border: solid 1px #e1e1e163;
    box-shadow: inset 12px 13px 20px 0px #0000000f;     
     background: linear-gradient( #fff8b5 , #fff7b3) ;
}
header ul{       
    display: flex;
    align-items: center;
    justify-content: center;  
    gap: 1vw;   
}
header li{
list-style-type: none;
font-weight: 600;
}
header a{
    text-decoration: none;   
    color: #000;   
    font-size: 1rem;     
}
header h2 a{
    color: #616161;
    font-family: "Sedan SC", serif, arial;
     font-weight: 900;  
    font-size: 4rem;   
    text-shadow: 1px 1px 1px #0000007e;        
} 
header span{
       font-weight: 900;  
    color: #ff0000;    
     text-shadow: 1px 1px 1px #0000007e;   
}
#main span{
       font-weight: 900;  
    color: #ff0000;    
    text-shadow: 1px 1px 1px #0000007e;           
}
.formcoment input{
    width: 40%;
    height: 4vh;
}
.formcoment textarea{
    width: 40%;
    height: 10vh;
}
.formcoment input[type="submit"]{
    background-color: rgba(255, 217, 0, 0.308);
    height: 6vh;
    border: none;
    font-size: 20px;
}
.coment{
    padding: 10px 20px;
    background-color: rgba(192, 192, 192, 0.205);
    margin: 15px 0;
}
.po_con {    
    width: 100%; 
    max-width: 100%; 
    display: flex; 
    flex-direction: column;
    align-content: center;   
    align-items: center;     
   
}
.po_con2 h1{ 
    font-size: 2.5rem;       
    width: 88%;   
    text-align: left;
    padding: 1vw 0;
}
.rec_post{ 
    width: 100%;   
    max-width: 100%;   
    display: flex;
    justify-content: center;
    align-content: center;    
    flex-wrap: wrap;  
    gap: 1.2vw;
    padding: 5vw 1vw;
}
.ttfl h2,.ttfl h1{
    width: 90vw;
    min-width: 100%;
    text-align: left;
    font-size: 2.6rem;
      
 }
 .lo{
    width: 50%;
      display: flex;
    justify-content: center;
    align-items: center;   
    flex-direction: column;
 }
 .lolo {
    width: 60%;
    background-color: #fafcee;
    padding: 1vw;
    min-height: 100%;
    box-shadow: 1px 1px 10px #00000011;
 }
 .lolo img{
    width: 100%;
    background: transparent;
 }
.login{
    width: 100%;
    height: 100vh;
    display: flex;
       align-items: center;    
}
.login h1{
    text-align: center;
    font-size: 6rem;
}
.login p{
  margin: 0;
  font-size: 1rem;
}
.login input[type=submit]{
    margin-top: 30px;
}
.login input{
    width: 20vw;
    height: 5vh;
    font-size: 20px;
    border-radius: 3px;
    border: none;
    font-size: 1.2rem;
    font-weight: normal;
     padding: 0 1vw;
        box-shadow: 1px 1px 10px #00000007;
}
.form_post{
    width: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.fomtcont{
    width: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 10vw;
}
.fomtcont form{
    width: 100%;
 margin: 0;
 padding: 0;
}
.cke_inner{
   min-width: 100%;  
}
#cke_mytextarea{
    width: 100%;
}
.fomtcont h1{
    width: 100%;
    text-align: center;
    font-size: 2rem;
    background-color: #f5f5f5;
    padding: 0.5vw 0;
    border-radius: 5px;
    margin: 1vw 0;
    box-shadow:  1px 1px 3px #00000016;
}
.cke_notifications_area{
    display: none;
}
 .cke_chrome{
   max-width: 100%;
}
.form_post input{
    width: 100%;
    height: 4vh;
    border: 1px solid #000000;
    border-radius: 5px;
    margin: 5px;
}
.form_post select{
    height: 5vh;
    margin: 5px;
    padding: 10px;
    font-size: 18px;
}
.erro {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;  
    flex-direction: column;  
}
.erro button{
    width: 40vw;
    height: 6vh;
    font-size: 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
     outline:none;
}
.erro h1{
    font-size: 70px;
}
.mytextarea{
    width: 100%;
}

.form_post textarea{
    min-width: 100%;
    height: auto;
    border: 1px solid #000000;
    border-radius: 5px;
    margin: 5px;
}
.form_post button{
    width: 100%;
    height: 5vh;
    border: none;
    border-radius: 5px;
    background-color: #e4d72b;
    color: #000000;
    font-size: 20px; 
    margin: 5px;
     outline:none;  
}
.re_post {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.5vw;
    width: 350px;      
    border-radius: 6px;
}
.re_post img{   
    width: 100%;
    height: 230px; 
    max-height: 230px;
        
}
.rec_post a{
    text-decoration: none;
    color: #000000;   
}
.re_post h2{   
    font-size: 1.1rem;    
    margin: 0;
     padding: 0; 
     height: 90px;

}   
    .des{
        width: 100%;
        max-width: 100%; 
        display: flex;          
        justify-content: center;        
        align-items: center;            
        margin-top: 16vh;
          gap: 1vw;         
       }  
       section{    
        display: flex;
        justify-content: center;
        align-items: center;    
               
    }   
     .cont_des{    
          width: 100%;
        display: flex;  
        align-items: center;
          justify-content: center; 
          gap: 1vw;         
                                         
    }  
    .cont_des a{           
       text-decoration: none;        
            height: 25vw;                                 
    }  
    .cont_des:hover {
        transform: scale(1.05); 
        transition: transform 0.3s ease;
    }
    .cont_des img {    
        width: 100%;  
         width: 30vw;        
             height: 25vw;
             border-radius: 0.5vw;  
         box-shadow: 1px 1px 6px 0px #00000021;
             border: solid 1px #00000021;                                       
    } 
    
.cont_des h3{
    position: relative;
    top: -25vh;
    color: #fff;    
    font-size: 1.5rem;   
    padding: 16px;
    font-weight: bold; 
   text-shadow: 1px 1px 1px #0000008f;
}
.pol{
    margin: 150px 0;
    width: 100%;
    display: flex;
    align-items: center;  
    justify-content: center;
    flex-direction: column;
}
.poli{
    width: 50%;
}
.poli h1{
    text-align: center;
    font-size: 35px;    
    padding: 40px 0;
}
.poli h2{
    font-size: 25px;    
    padding: 30px 0;   
}
.container2 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: auto;
}
.container2 input, button {
    width: 100%;
    padding: 16px;
    margin: 10px 0;
    font-size: 16px;
     outline:none;
}
.container2 button {
    background-color: #007BFF;
    color: #fff;
    border: none;
    cursor: pointer;
     outline:none;
}
.container2 button:hover {
    background-color: #0056b3;
}
.container2 .result {
    font-weight: bold;
    color: #2e7d32;
}
.poli p{
    font-size: 20px;
    line-height: 2.5; 
    padding: 20px 0;   
}
.po_con2{ 
    width: 100%; 
    max-width: 100%; 
    display: flex;  
    align-items: center;
    justify-content: center; 
    flex-direction: column;     
    margin-top: 130px;    
}
.dolar strong{ margin: 0 0.3vw;}
.dolarcont{
    width: 100%;   
    margin: 0;
    padding: 0;
}
.dolarcont img{
      width: 1%;
    height: 1vw;
    margin-right: 15px;   
    box-shadow: none;     
}
b{margin: 0 0.3vw;}
.dolar{
    position: fixed;
    top: 4.6vw;     
    left: 0;
    right: 0;    
    height: 0.1vw;
    background: linear-gradient(to right bottom, #fff4a6, #0000007c);
    box-shadow: 1px 1px 2px 0px #00000007;
    padding: 26px 0;    
    font-size: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;  
    margin: 0;   
    z-index: 11000;  
    color: #fff;
   }
footer{    
    width: 100%;
    max-width: 100%; 
       background: linear-gradient(#f3f3f3, #eeeeee); 
    height: 8vw;
    padding: 10px 0;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;      
}
footer a{
    margin: 0 16px; 
    font-size: 1rem; 
    text-decoration: none;
        color: #000; 
}
.posts{ 
    width: 100%;
    max-width: 100%; 
    margin-top: 6vw;   
    display: flex;
    justify-content: center;   
    align-content: center; 
}
.conteu{  
 width: 860px;
    display: flex; 
    flex: 1;      
    justify-content: center;  
    align-content: center;  
    flex-direction: column;    
}
.conteu hr{
    display: none;
}
.conteu p{
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    margin: 0.6vw 0;
}
.conteui img{
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    height: 60vh;
    margin: 0;
    padding: 0; 
 
  
      }
.conteu h1{   
    text-align: left; 
    font-size: 2.5rem;
 line-height: 1.5;
 margin: 1vw 0;
 font-weight: bold;      
}
.conteu h2{
    font-size: 1.9rem;
    line-height: 1.5;  
      padding: 6vw 0;  
       font-weight: bold;
}
pre {
    white-space: pre-wrap; /* Permite quebras de linha automáticas */
    word-wrap: break-word; /* Garante que palavras muito longas também quebrem */
    overflow-wrap: break-word; /* Compatível com navegadores antigos */
  }
.conteu h3{
    font-size: 1.8rem;;
     line-height: 1.5;
      padding: 6vw 0; 
       font-weight: bold;        
}
.conteu h4{
    font-size: 1.7rem;
   line-height: 1.5;
    padding: 6vw 0;   
     font-weight: bold; 
}
.conteu h5{
    font-size: 1.6rem;
      line-height: 1.5;
       padding: 6vw 0;  
        font-weight: bold; 
}
.conteu h6{
    font-size: 1.5rem;
      line-height: 1.5;
    padding: 6vw 0; 
     font-weight: bold;    
}
.conteudo p{  
       font-size: 1.1rem;      
    color: #000000; 
    line-height: 3;   
       font-weight: 100;  
}
.conteu ul{    
    margin: 0 3vw;
         font-size: 1.16rem;        
    font-weight: normal;
}
.conteu li{    
      font-size: 1.16rem;           
    line-height: 2.6;   
     font-weight: 100;
     }
pre{
    margin: 0;
    padding: 0;
    word-wrap: break-word; 
    width: 90%;
}
.conteu dd{  
    width: 100%;  
    font-size: 18px;
    line-height: 3.5;   
    font-weight: normal;
    padding: 5px 0; 
    margin-left: 50px;    
}
.conteu dt{
    width: 100%; 
    font-size: 25px;
    line-height: 4.5;
    font-weight: bold;
    padding: 15px 0;
}
.recomen{ 
    max-width: 300px;
    width: 300px;  
    position: sticky;
    top:0;
    height: 340vh;
    display: flex;   
    gap: 1vw;
    justify-content: left;
    flex-direction: column;             
}
.recomen input{
    width: 100%;
    height: 1vw;
    border-radius: 0.2vw;
    border: solid 1px #00000016;
    padding: 1vw;
    margin: 0.5vw 0;
}
.destaque{
    padding: 5px;
    height: auto;   
}
.recomen img{
    width: 100%;
    height: 22vh;             
}
.recomen h2{
       font-size: 2.3rem;      
      font-weight: bold;
      margin: 0;
      padding: 0;
    }
.recomen h3{
    font-size: 1.1rem;  
     line-height: 1.6; 
    padding: 0.3vw 0;  
    font-weight: bold;
}
.recomen a{ 
    color: #000;
    min-width: 100%;
}
.coki{
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0;    
    background-color: #f0f0f0; 
    padding: 6px;      
    display: flex; 
    align-items: center; 
    justify-content: center;   
    border-radius: 1vw;
  }
  .coki form{
    display: flex;
    margin: 0;
} 
.newemail p{
     font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.6;
    margin-top: 2vw;   
}
.newemail button{
    margin-top: 1vw ;
    background-color: #fde400;
    color: #000000;
    font-size: 1.2rem;
    margin: 0; 
    padding: 1vw 0;
    font-weight: bold;  
     outline:none;
}
.vgs{
    width: 100%;
    max-width: 100%;
   display: flex;
   justify-content: center;
   align-content: center;
   gap: 3vw; 
}
.coki button{
   border-radius: 3px;
   height: 40px;
   padding: 10px;
   border: none;
   cursor: pointer;
   background-color:greenyellow;
   color: #000000;
   margin-left: 40px;
   font-weight: normal;
   font-size:0.9rem; 
   margin: 0 6px;  
    outline:none;
}
.coki p{
    font-size:0.9rem;      
}
.coki a{
    font-size:0.9rem;
     margin-right: 20px;
}
.me_mo{
    display: none;
}
.sidebar {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    background-color: #111111fd;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;          
  }
  .sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1rem;
    color: #ffffff;
    display: block;
    transition: 0.3s;
  }
  .sidebar a:hover {
    color: #ffffff;
  }
  .sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 1rem;
    margin-left: 50px;
  }
  #main button{
    color: #000;
    font-weight: 600;
    background-color: transparent; 
  }
  .openbtn {  
      width: auto;
    font-size: 1.6rem;
    cursor: pointer;
    background-color: #000000;
    color: #ffffff;  
    border: none; 
    margin: 0 30vw;   
  }
  .openbtn:hover {
    background-color: #444;
  }
  #main {
    width: 100%;
      z-index: 20000; 
      display: flex;   
      align-items: center;   
      position: fixed;     
      top: 0;
      left: 0;
      right: 0;
      background-color: #ffffff;
    transition: margin-left .5s;
    padding: 0;
    margin: 0;
    font-size: 1.2rem;
    background: linear-gradient(to right, #fff8b5 , #fff7b3) ;
  }
  @media (max-width: 1359px) {     
    header {
        display: none;
    }    
    .container {  
        width:100%; 
        max-width:100% ;  
        margin: auto;
        background: #fff;
        padding: 6vw;
        border-radius: 8px;
        margin: 50px 0;
        text-align: center;
    }    
    .cont_des img {
        width: 100%;
        height: 10vh;                 
        border-radius: 1vw;              
    }
    .cont_des {
        width: 90vw;       
        height: 10vh;
        margin: 10px 0;
        padding: 0;     
    }    
    .sidebar {
        height: 100%;
        width: 0;
        position: fixed;     
        z-index: 10000;
        top: 0;
        left: 0;
        background-color: #000000e6;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }    
    .sidebar a {
        padding: 8px 8px 8px 22px;
        text-decoration: none;
        font-size: 1.3rem;
        color: #ffffff;
        display: block;
        transition: 0.3s;
    }    
    .sidebar a:hover {
        color: #ffffff;
    }    
    .sidebar .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }    
    .openbtn {       
        font-size: 1.6rem;
        cursor: pointer;
        background-color: #000000;
        color: #000000;
        padding: 6vw;
        border: none;
        margin: 0;
    }    
    .openbtn:hover {
        background-color: #636363;
    }  
    #main h2 a{           
        align-items: center;
        color: #616161;
        font-family: "Sedan SC", serif;      
             font-weight: 900; 
        text-decoration: none; 
        text-shadow: 1px 1px 1px #00000016;       
    }  
    #main {
        display: flex;
        transition: margin-left .5s;        
        height: auto;
        margin: 0;
        padding: 0;
        height: 9vh;        
    }    
    .me_mo {
        display: block;
    }    
    .conteu {
        min-width: 100%;       
        padding: 0;
        margin-top: 0;
        display: block;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }    
    .conteu img {
        width: 100%;
        height: 70vh;               
        border-radius: 0;        
    }    
    .rec_post {                
        display: flex;
        justify-content: center;          
        flex-direction: column;
        flex-wrap: nowrap; 
        padding: 0; 
        margin: 0;
    }    
    .re_post {
        width: 100%;
        height: auto;                       
        margin: 40px 0;
        border-radius: 3px;
        padding-bottom: 10px;
        padding: 0; 
    }    
    .re_post img {
        width: 100%;
        height: 35vh;      
    }    
    footer {       
        background-color: #e2e2e2;
        height: auto;
        margin-top: 8%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-size: 1rem;    
    }    
    footer a {
        text-decoration: none;
        color: #111;
        padding: 0;
        margin: 10px;
    }    
    .coki {
        position: fixed; 
        bottom: 0; 
        left: 0; 
        width: 100%; 
        background-color: #ffffff;
        padding: 10px; 
        text-align: left; 
        display: flex; 
        flex-direction: column;
        align-items: center; 
        justify-content: center;
        border: none;
        border-radius: 3px;
    }    
    .coki button {
       border-radius: 3px;
       height: 40px;
       padding: 10px;
       border: none;
       cursor: pointer;
       background-color: greenyellow;
       color: #111;
       margin: 5px 2px;
       font-weight: normal;
       font-size: 16px;
    }    
    .coki p {
        font-size: 17px;
    }
}
@media (max-width: 1359px) {    
     .vgs{
    width: 100%;
    max-width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
 
} 
    .rec_post a{
        text-decoration: none;
        color: #000000;
        width: 100%;
        padding: 0;
        height: auto; 
        margin: 0;   
    }
    .re_post img{
        width: 100%;
        min-height: 70vh;        
            }  
    .cont_des a {
       width: 100%; 
        min-width: 100%; 
        height: auto;
        display: flex; 
        flex-direction: column;
        margin: 0;
        padding: 0;       
    }
    .dolar{
        position: fixed;
        top: 109px;
        z-index: 8000;
        left: 0;
        right: 0;     
        height: 3vh;  
        padding: 20px 0;       
        font-size: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
       .dolarcont img {
        width: 2vh;
        height: 2vh;
        margin-right: 20px;
    } 
    .conteui {
      margin: 0;
      padding: 0;
        height: auto;
    }   
       .posts{
        width: 100%;       
        margin-top: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 0;       
    }
    .des{               
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;               
    }
    .cont_des h3{
        position: relative;
        top: -260px;
        color: #ffffff;    
        font-size: 3rem;
        padding: 40px;
        font-weight: bold;      
    }
    .cont_des{                           
        height: 52vh;      
       margin: 0; 
       padding: 0;      
    }
    .cont_des img{
        margin: 0; 
        padding: 0;
        width: 100%;
        height: 60vh;                 
        border-radius: 1vw;               
    }    
    header li{
        padding: 0 10px;
     list-style-type: none;
     font-size: 15px;
     }   
    .rec_post{           
        display: flex;
        justify-content: center; 
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;    
    }
    .re_post{   
        max-width: 100%;     
        min-width: 100%; 
        height: auto;           
        margin: 40px 0;       
        padding: 0; 
        border-radius: 10px;
        background-color: #ffffff;   
    }   
    .conteu{
        width: 100%;    
        display: block;   
       align-content: center;
        justify-content: center;
        padding: 0;
        margin: 0;        
    }
    .recomen{  
        padding: 10px;    
        min-width: 100%;
        padding: 10px;                 
    }
    .recomen img{
        width: 100%;
        height: 42vh;                  
    }
    .conteu img{
        width: 100%;
        height: 70vh;         
        border-radius: 0;         
    }
}
@media (max-width: 1357px)  {   
    main{
        width: 100%;
        max-width: 100%;
    }   
    .cont_des{ 
           min-width: 100vw;     
        height: 100vh;      
       margin: 10px 0; 
       padding: 0;      
    }
    .po_con {      
        display: flex; 
        flex-direction: column;
        align-content: center;  
        justify-content: center;
        align-items: normal;        
    }
    .dolar{
        position: fixed;
        top: 77px;    
        z-index: 8000;
        left: 0;
        right: 0;    
        height: 3vh;  
        padding: 30px 0;    
        font-size: 1.3rem;
        display: flex;
        justify-content: center;
        align-items: center;  
        margin: 0;
       }
    .cont_des a {
        width: 100vw; 
        display: flex; 
        flex-direction: column;       
    }   
    .conteui {
        width: 100%;     
    }         
    .posts{
        width: 100%;       
        margin-top: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 0;       
    }
    .des{               
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;                  
    }   
    .cont_des img{
        width: 100vw;
        height: 100vh;                  
       border-radius: 1vw;               
    }     
    header li{
        padding: 0 10px;
     list-style-type: none;
     font-size: 15px;
     }   
    .rec_post{          
        display: flex;
        justify-content: center;          
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;    
    }
    .re_post{        
        min-width: 100%;            
        margin: 0;        
        padding: 10px; 
        border-radius: 10px;
        background-color: #ffffff;   
    }
    .re_post img{
        width: 100%;
        min-height: 100vh;             
    }
    .re_post h2 {
        font-size: 3rem;
        padding: 0.3vw;
        margin: 0;
        font-weight: 560;
    }
    .conteu{
        width: 100%;   
            display: flex;
            align-content: center;
        justify-content: center;              
    }
    .recomen{  
        padding: 10px;    
        width: 100%;  
        }
    .recomen img{
        width: 100%;
        height: 80vh;                 
    }
    .conteu img{
        width: 100%;
        height: 80vh;         
        border-radius: 0;         
    }
}
@media (max-width: 1359px) {
    #main h2 a {
        color: #616161;
        font-family: "Sedan SC", serif;
        font-size: 3.1rem;
        text-decoration: none;
        text-shadow: 1px 1px 1px #00000016;
    }
    .conteudo {  
        padding: 6vw;
        margin: 0;
       }
       .conteu h1{
        padding: 0 6vw;
       }
}
@media (max-width: 1024px) {   
     .ttfl h2,h1{
        width: 100%;
        text-align: center !important;
        font-size: 1.8rem !important;
        margin: 6vh 0;
        padding: 0;
    } 
   
    .conteu span {
    font-weight: 600;
    color: #68747c;
    padding: 6vw;
    width: 100%;
} 
    table{
        overflow-x: auto;
    }
    .newemail button {
        margin-top: 2vw;
        background-color: #fde400;
        color: #000000;
        font-size: 1rem;
        margin: 0;
        height: 6vh;
        padding: 1vw 0;
        font-weight: lighter;
    } 
    .recomen h2{   
        font-size: 2.5rem;   
       margin: 1vw;
        font-weight: bold;    
        }
    
    .conteu h1 {
        font-size: 2.9rem;
        line-height: 1.6;
        padding: 1vw;
        margin: 1vw 0;         
    }    
    .re_post h2{
        padding:  0; 
        margin: 0;  
        font-size: 2rem;    
        line-height: 1;      
        }
    .re_post p {
        font-size: 1rem;
        margin-bottom: 6vw;
        line-height: 0;
    }
    .cont_des h3 {
        position: relative;
        top: -280px;
        color: #ffffff;
        font-size: 1.8rem;
        padding: 40px;
        font-weight: bold;      
    }
    article{
        width: 100%;
    }
    .conteudo {  
        padding: 6vw;
        margin: 0;
       }
    .po_con {      
        display: flex; 
        flex-direction: column;
        align-content: center;  
        justify-content: center;
        align-items: center;  
        padding: 0;      
    }  
    .dolar{
        position: fixed;
        top: 9vh;    
        z-index: 8000;
        left: 0;
        right: 0;    
        height: 3vh;          
        padding: 3vw 0;    
        font-size: 1.2rem;
        display: flex;
        justify-content: center;
        align-items: center;  
        margin: 0;
       }
    }    
@media (max-width: 1080px) {       
    .data{
        padding: 0 6vw !important;
        margin: 0 !important;
    } 
    .cont_des a {
        width: 100%; 
        min-width: 100%; 
        display: flex; 
        flex-direction: column; 
        margin: 0;
        padding: 0;   
         border-radius: 1vw;
        height: 25vh;   
    }   
    .conteui {
        width: 100%;       
    }         
    .posts{
        width: 100%;       
        margin-top: 9vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 0;       
    }
    .des{               
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;                
    }
    .cont_des{ 
        width: 90%;
        max-width: 90%;                   
        height: 52vh;      
       margin: 10px 0; 
       padding: 0;      
    }
    .cont_des img{
        width: 100%;
        height: 52vh;                  
 border-radius: 1vw;              
    }    
    header li{
        padding: 0 10px;
     list-style-type: none;
     font-size: 15px;
     }   
    .rec_post{     
        width: 100%;
        min-width: 100%;   
        display: flex;
        align-items: center;
        justify-content: center; 
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;    
    }
    .rec_post a{
        text-decoration: none;
        color: #000000;
        width: 90%;
        max-width: 90%;
        padding: 0;
        height: auto; 
        margin: 0;   
    }
    .re_post{ 
        width: 100%;
        max-width: 100%;        
        min-width: 100%;            
        margin: 20px 0;
        height: auto;        
        padding: 10px; 
        border-radius: 10px;
        background-color: #ffffff;   
    }
    .re_post img{
        width: 100%;
        min-height: 40vh;  
         }
    .conteu{
        width: 100%;    
        display: block;     
        align-content: center;
        justify-content: center;
        padding: 0;
        margin: 0;        
    }
    .recomen{  
        padding: 10px;    
        width: 100%;   
       min-width: 100vw;              
    }
    .recomen img{
        width: 100%;
        height: 40vh;               
    }
    .conteu img{
        width: 100%;
        height: 38vh;         
        border-radius: 0;         
    }
}
@media only screen and (orientation: landscape) and (max-width: 1024px){
    .dolar {
        position: fixed;
        top: 11.5vh;
        z-index: 8000;
        left: 0;
        right: 0;
        height: 11.5vh !important;
        padding: 23px 0 !important;
        font-size: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }
    .re_post img {
        width: 100%;
        height: 80vh ;
        min-height: 70vh;
    }
    .re_post h2 {
        font-size: 2rem;
        padding: 0 3vw;
        margin: 0;      
    }
    .conteu img {
        width: 100%;
        height: 80vh !important;
        border-radius: 0;
    }
    .conteudo{
        padding: 6vw;
    }
    article{
        height: auto;
    }
    .recomen {
        max-width: 16vw;
        width: 16vw;
        position: static;
        top: 0;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .recomen img{
        height: 80vh !important;
    }
    .recomen h3 {
        font-size: 2rem;
        line-height: 1.5;
        font-weight: 560;
        padding:  0 3vw;
    }
    .recomen input {
        width: 100%;
        min-height: 7vh;
        border-radius: 0.2vw;
        border: solid 1px #00000016;
        padding: 3vw;
        margin: 0.5vw 0;
    }
    #main {
        display: flex;
        transition: margin-left .5s;
        height: auto;
        margin: 0;
        padding: 0;
        height: 12vh;
    }
    .cont_des {
        width: 90%;
        max-width: 90%;
        height: 80vh !important;
        margin: 10px 0;
        padding: 0;
    }
    .cont_des h3 {
        position: relative;
        top: -326px;
        color: #ffffff;
        font-size: 1.8rem;
        padding: 40px;
        font-weight: bold;
    }
    .cont_des img {
        width: 100%;
        min-height: 80vh !important;
       border-radius: 1vw;
    }
    .newemail button {
        margin-top: 2vw;
        background-color: #fde400;
        color: #000000;
        font-size: 1rem;
        margin: 0;
        padding: 3vw 0;
        font-weight: lighter;
    }
    .posts {
        width: 100%;
        max-width: 100%;
        margin-top: 12vh !important;
        padding: 0;
        margin: 0;
        display: flex    ;
        justify-content: center;
    }
    .conteu h1 {
        text-align: left;
        font-size: 3rem;
        line-height: 1.6;
        padding: 0 3vw;
        margin: 0;
        margin-bottom: 0.5vw;
    }
}
@media (max-width: 800px) {     
    .recomen input{
        width: 97%;
        height: 10vw;
        border-radius: 0.2vw;
        border: solid 1px #00000016;
        padding: 1vw;
        margin: 0.5vw 0;
    }
    .des{
        width: 100%;
        min-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;    
        padding: 0;
        margin: 0;
        margin-top:16vh;        
     }
    .po_con2 h1{ 
        display: flex;
        justify-content: center;
        align-items: normal;
        text-align: left;
        font-size: 1.9rem;
        line-height: 1.6; 
        font-weight:600; 
        padding: 0 ;          
    }  
    .conteudo img{
        max-width: 100%;
        min-width: 100%;
        min-height: 30vh;
    }
       .rec_post{        
        display: flex;
        max-width: 90%;
        justify-content: center; 
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;    
    }
    .po_con2{   
     padding: 0;   
    }
    .re_post{
        width: 100%;
        max-width: 100%;
        min-width: 100%;            
        margin: 16px 0;        
        padding: 0px;
        border-radius: 0;         
    }
    .rec_post {
        display: flex;
        align-items: center;
        max-width: 90%;
        justify-content: center;
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;
    }
    .rec_post a{
        text-decoration: none;
        color: #000000;
        width: 93%;
        max-width: 93%;
        padding: 0;
        height: auto; 
        margin: 0;   
    }
    .cont_des h3{
        position: relative;
        top: -210px;
        color: #ffffff;    
     line-height: 1.6;
        padding: 40px;
        font-weight: bold;  
        font-size: 1.3rem;       
    }
    .conteu h1{    
        font-size: 2rem;
        line-height: 1.6;
        margin-top: 0;
        padding-top: 0;
        padding: 6vw;         
    }
    .conteu h2{
        font-size: 1.6rem;
         line-height: 1.6;
        font-weight: bold;
        padding: 8vh 0;
    }
    pre {
        white-space: pre-wrap; /* Permite quebras de linha automáticas */
        word-wrap: break-word; /* Garante que palavras muito longas também quebrem */
        overflow-wrap: break-word; /* Compatível com navegadores antigos */
      }
    .conteu h3{
        font-size: 1.5rem;;
        line-height: 1.6;
        font-weight: bold;
        padding: 8vh 0;  
    }
    .conteu h4{
        font-size: 1.4rem;
        line-height: 1.3;
        font-weight: bold;
        padding: 8vh 0;
    }
    .conteu h5{
        font-size: 1.3rem;
        line-height: 1.3;
        font-weight: bold;
        padding: 8vh 0;
    }
    .conteu h6{
        font-size: 1.2rem;
        line-height: 1.3;
        font-weight: bold;
        padding: 8vh 0;
    }
    .conteudo p{  
        font-size: 1rem;    
        font-weight: normal;    
        color: #000000; 
        line-height: 3;          
    }
    .conteu ul{    
        font-size: 1rem;  
        line-height: 3;
        padding: 0 3vw;
        font-weight: normal;
    }
    .conteudo img{  
        object-fit: contain;     
    }
    .conteu li{    
        font-size: 1rem;   
        line-height: 3;
        font-weight: normal;
        padding: 5px; 
        margin-left: 20px;   
    }
    .re_post h2{           
        font-size: 1.2rem;         
        line-height: 1.5;
     padding: 1vw;     
        } 
    .re_post img{
        max-width: 100%;
        width: 100%;
       min-height: 27vh;                   
    }   
    .conteu img{
        width: 100%;
        height: 35vh;        
        border-radius: 0;         
    }
    .recomen img{
        width: 100%;
        height: 27vh; 
          }
    .cont_des{                    
        height: 25vh;      
       margin: 2vw 0;
       padding: 0;          
    }    
    .cont_des img{
        width: 100%;
        max-height: 25vh; 
        min-height: 25vh;                        
        border-radius: 1vw;               
    }   
    .conteui {       
        height: auto;
    }
    #main h2 a{ 
        margin:0;
        padding: 0;    
        color: #616161;
        font-family: "Sedan SC", serif;         
        font-size: 3.1rem;        
        text-decoration: none; 
        text-shadow: 1px 1px 1px #00000016;      
    }
    .dolar{
        position: fixed;
        top: 8.5vh;    
        z-index: 8000;
        left: 0;
        right: 0;    
        height: 6vh;      
        padding: 6px 0;    
        font-size: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;  
        margin: 0;
       }
}
@media screen and (max-height: 450px) {
    .sidebar {padding-top: 15px;}
    .sidebar a {font-size: 1rem;;}
  }
  @media screen and (max-height: 450px) {
      .sidebar {padding-top: 15px;}
      .sidebar a {font-size: 18px;}
    }