/* Estilização geral */
footer {
  background-color: #FAA13D;
  text-align: center;
    }
    /* Estilização da seção superior do footer */
    footer .top {
      max-width: 1200px;
      margin: auto;
      padding: 20px;
      font-family: 'Bahnschrift', sans-serif !important;
    
    }
    
    /* Links do menu do footer */
    .footer-links {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 50px;
      margin-top: 30px;
    }
    
    .footer-links a {
      color: white;
      text-decoration: none;
      font-weight: bold;
      font-size: 20x;
      transition: 0.3s ease-in-out;
      
    }
    
    .footer-links a:hover {
      color: #EF802E;
      text-decoration: none;
      transform: translateY(-3px);
    
    
    }
    
    /* Layout responsivo dos itens */
    footer ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: 30px;
      grid-template-columns: repeat(3, 1fr);
      justify-content: center;
      align-items: center;
    
    }
    
    footer ul li {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: rgba(255, 255, 255);
  
    }
    
    /* Logo */
    .custom-logo-footer {
      width: 200px;
      height: auto;
    }
    
    /* Links das redes sociais */
    footer ul li a {
      display: block;
      color: rgb(255, 255, 255);
      text-decoration: none;
      font-family: 'Bahnschrift', sans-serif;
      font-size: 16px;
      margin: 5px 0;
    }
    
    footer ul li h3 {
      color: rgba(255, 255, 255);
      font-weight: 400;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 1px;
        font-weight: bold;
    
      
    }
    footer ul li p {
      color: rgba(255, 255, 255);
    }
    
    
    /* Copyright */
    .footer-bottom {
      margin-top: 20px;
      margin-bottom: -10px;
      padding-top: 10px;
      font-size: 14px;
      color: rgba(255, 255, 255);
    }
    .comunicacao{
      text-align: center;
      margin-top: -40px;
    }
    .botao {
      border: solid 2px #038B9E;
      border-radius: 8px;
      color: #ffffff;
      background-color: #038B9E;
      font-size: 16px;
      font-weight: bold;
      padding: 12px 20px;
      cursor: pointer;
      transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
      display: inline-block;
      text-align: center;
    
    }
    /* Efeito de hover */
    .botao:hover {
      background-color: #05A8C0;
      color: #ffffff;
      transform: translateY(-3px);
      box-shadow: 0px 4px 10px rgba(3, 139, 158, 0.4);
      text-decoration: none;
    
    }
    
    /* Efeito ao clicar */
    .botao:active {
      background-color: #026B7A;
      transform: translateY(2px);
      box-shadow: 0px 2px 5px rgba(3, 139, 158, 0.3);
    }
    .texto-rodape{
      background-color: #08385C; 
      color: #ffffff; 
      font-size: 18px;
      font-family: 'Inter', sans-serif; 
      text-align: center;
      border-radius: 8px;
      padding: 15px 20px;
      line-height: 1.5; 
      max-width: 90%; 
      margin: 40px auto;  
    
    
    }
    .linha-separadora {
      width: 100%;
      height: 0.5px;
      background-color: white;
      margin-bottom: 10px; /* Espaço entre a linha e o texto */
      margin-top: 40px;
    }
    
    
    
    /* Responsividade */
    @media (max-width: 768px) {
      footer ul {
          grid-template-columns: repeat(1, 1fr);
      }
    
      .footer-links {
          flex-direction: column;
          gap: 10px;
      }
    
      .footer-links a {
          font-size: 16px;
      }
    
      .custom-logo-footer {
          width: 150px;
      }
      .comunicacao{
        text-align: center;
      }
      .texto-rodape {
        font-size: 16px; 
        padding: 12px 15px;
        max-width: 95%; 
    }
    }