@import url('https://fonts.googleapis.com/css2?family=Alike&display=swap');

.logo{
  display:flex;
  flex-direction:column;
  width:100%;
  position: sticky;
  top:0;  
  background-color:white;
  z-index:999;
  }

.globo{
  display: flex;
  align-items: center;    
  justify-content: space-between;
  color:red;
  height:50px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  width: 100%; 
  box-sizing: border-box; 
  padding: 0 50px;
  padding-right: 60px;  
  max-width: 100vw;        
  overflow:hidden;
  flex-direction:row;
}

h1{
  font-family: "Inter", "Metropolis", "Arial Black", sans-serif;
  font-size: 32px;            
  font-weight: 900;          
  letter-spacing: -1.5px;    
  color: #c4170c;             
  text-transform: lowercase; 
  display: flex;
  align-items: center;
 }

.blocoesquerda, .blococentro, .blocodireita {
  display: flex;
  align-items: center;
  flex: 1; 
  gap: 10px; 
}


.blocoesquerda{
  justify-content: flex-start; 
  font-size:12px;
}


.blococentro{
  justify-content: center;
  flex: 0;
  } 
  
  
.blocodireita{       
  display: flex;       
  flex-direction: row; 
  justify-content: flex-end; 
  gap: 70px;          
  flex: 1; 
  font-size:12px;
}


.opcoes{
  display:flex;
  flex-direction:row;
  color:blue;
  font-size:16px;
  gap: 40px; 
  white-space: nowrap;
  justify-content: space-around;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.sv{
  color:#FFCC33;
  }
.td{
  color:#B0E0E6;
  }
.ps{
  color:#EDC9AF;
  }
.dft{
  color:#228B22;
  }
.pr{
  color:#E97451;
  }

.anuncio1{
    width:100%;
    height:250px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  }
  
.anuncioa{
    height:250px;
    width:100%;
    padding:5px;
  }

.noticias{
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  display:flex;
  height:1040px;
  gap:20px;
  }
  
  .coluna1{
     box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
     flex-direction:column;
     width:50%;
     height:1040px;
  
      }
      
  
  .noticia1{
    
    flex-direction:column;
    width:98%;
    gap:10px;
    display:grid;
    position:relative;
    height:400px;
    }
    
 noticiaprincipal{
  
   display:grid;
   position:relative;
   height:400px;
   width:98%;
   }  
  
  .noticiaprincipal img{
    border-radius:20px;
    height:400px;
    width:100%;
   }
   
   .chapeu{
     background-color: red;
     color: white;
     position: absolute;   
     top: 20px;            
     left:20px;
     padding: 4px 10px;    
     font-size: 12px;      
     font-weight: bold;
     text-transform: uppercase;
     border-radius: 3px;
     display: flex;
     align-items: center;
     justify-content: center;
     }
     
   .texto{
     position:absolute;
     top:300px;
     left:14px;
   }
   
   
   .noticias2{
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    flex-direction:row;
    width:100%;
    display:flex;
    align-items: flex-start;
    gap:20px;
  
    }
    
  
    .colunaA{
    
    flex-direction:column;
    width:30%;
    height:600px;
    }
     
    .A img{
    border-radius:20px;
    height:150px;
    width:100%;
    top:800px;
    }
    
    .colunaB{

    width:30%;
    height:600px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px; 
    
    
    }
    
    .B img{
    border-radius:20px;
    height:150px;
    width:100%;
    top:800px;
    }
    
    
   .texto2{
     position:relative;
     top:-10px;
     color:red;
     }
    
   li{
      position:absolute;
      color:black;
      font-family:Georgia, serif;
      font-size:15px;
      left:18px;
      bottom:-24px;
      }
      
     .lontra{
      position:absolute;
      color:black;
      font-family:Georgia, serif;
      font-size:15px;
      left:18px;
      bottom:-26px;
      }
      
      .leao{
      position:absolute;
      color:black;
      font-family:Georgia, serif;
      font-size:15px;
      left:18px;
      bottom:-70px;
      }
      
      .ovelha{
      position:absolute;
      color:black;
      font-family:Georgia, serif;
      font-size:15px;
      left:18px;
      bottom:-60px;
      }
      
       .rosquinha{
      position:absolute;
      color:black;
      font-family:Georgia, serif;
      font-size:15px;
      left:18px;
      bottom:-42px;
      }
      
    li::marker {
      color:red;
    }
    
     .colunaC{
    
    width:30%;
    height:600px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px; 
    
    
    }
    
    .C img{
    border-radius:20px;
    height:150px;
    width:100%;
    top:800px;
    }
    
    .coluna2{
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
      flex-direction:row;
      width:50%;
      display:flex;
      align-items: flex-start;
      gap:20px;
      }
      
    .colunaD{
     
      flex-direction:column;
      width:50%;
      height:1000px;
      
      }
      
    .D img{
    border-radius:20px;
    height:200px;
    width:98%;
    top:800px;
    }
    
    .textoD{
     position:relative;
     top:-10px;
     color:red;
     font-size:20px;
     left:10px;
     }
    
     .cebola{
      position:absolute;
      color:black;
      font-family:Georgia, serif;
      font-size:15px;
      left:18px;
      bottom:-40px;
      }
      
  .colunaE{
    
      flex-direction:column;
      width:50%;
  }
      
  .anuncio2{
    width:100%;
    height:250px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  }
  
.anunciob{
    height:250px;
    width:100%;
    padding:5px;
  }
  
.noticias2{
  display:flex;
  justify-content: space-between;
  width:100%;
  height:600px;
  align-items: baseline;
  }
  
.titulo{
  flex-direction:row;
  justify-content: space-between;
  width:100%;
  height:50px;
  top:0;
  display:flex;
  align-items: baseline;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  
  }
  
.tituloa{
  color:#FFD700;
  flex: none; 
  flex-direction:row;
  width:400px;
  top:5px;
  text-decoration: underline;
  text-decoration-color:#FFD700;
 
}
  
.titulob{
  background-color:#FFD700;
  flex: none; 
  flex-direction:row;
  width:155px;
  margin-left: auto;
  top:-10px; 
  
  }  


 .noticiass{
      flex-direction:column;
 }
          
.reality{
  height:300px;
  display:flex;
  width:100%;
  flex-direction:row;
  gap:10px;
  justify-content: space-between; 
  }
  
   .R img{
    border-radius:10px 10px 0 0;
    height:200px;
    width:100%;
    top:800px;
    
    }
    
    .textoR{
     position:relative;
     top:-10px;
     color:#FFD700;
     font-size:20px;
     left:5px;
     }
     
    
     
  .reality1{
    width:24%;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
    border-radius:10px;
    }
  
  .rodape{
    display:flex;
    flex-direction:row;
    width:100%;
  }
    
  .letratr{
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;           /* Tamanho padrão de rótulo */
    font-weight: 700;          /* Negrito forte */
    color: #333333;            /* Cinza quase preto */
    text-transform: uppercase; /* Força letras maiúsculas */
    margin-bottom: 12px;       /* Afasta dos links debaixo */
    letter-spacing: 0.05em;
    }
    
  .letrarod{
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;        
    color: #666666;           
    text-decoration: none;     
    line-height: 2.0;         
    display: block; 
    }
    
  .letrarod:hover {
    color: #006497;           
    text-decoration: underline; 
  }
  
  .editoriais{
    flex-direction:column;
    width:40%;
    }
    
  .distritos{
    width:20%;
    }
    
  .utilidade{
    width:40%;
    }
    
  .final{
    width:100%;
    height:200px;
    background-color:blue;
    display: flex;
    flex-direction: column; 
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .loro{
    color:white;
    justify-content: flex-start;
    left:15px;
    }
  
  .copytexto{
    color:white;
    justify-content: flex-end;
    top:0;
    }