@font-face {
      font-family: 'albert';
      src: url(../font/Albert_Sans/AlbertSans-VariableFont_wght.ttf);
  }
  
    body {
      font-family: 'albert';
      margin: 0;
      padding: 0;
      background: #ffffff;
      color: #392617;
    }

    textarea:focus, input:focus {
      box-shadow: 0 0 0 0;
      outline: 0;
    }

    
    footer {
      margin-top: 64px;
      background-color: #fff;
      color: #392617;
      font-family: sans-serif;
      
    }


    .social-icons{
      display: flex;
      margin-top: 5%;
    
    }
     

     footer .social-icons img {
      width: 65%;
    }
  
    footer .social-icons a img {
      transition: transform 0.3s ease;
    }
  
    footer .social-icons a:hover img {
      transform: scale(1.2);
    }
  
    footer .section {
      flex: 1 1 200px;
      min-width: 160px;
    
    }
  
    footer h4 {
      font-size: 16px;
      font-weight: bold;

    }
  
    footer ul {
      list-style: none;
      padding: 0;
      font-size: 14px;
    }
  
    footer .search-bar {
      width: 60%;
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 10px;
    }
  
    footer input[type="text"] {
      padding: 12px 12px;
      border: 1px solid #ccc;
      border-radius: 50px;
      font-size: 14px;
      transition: border 0.3s ease, box-shadow 0.3s ease;
    }
  
    footer input[type="text"]:focus {
      border-color: #7e0000;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      outline: none;
    }

    .pesquisa-footer{
      margin-left: 65%;
    }

    .menu-footer{
      display: flex;
      width: 45%;
    }

  
    .logo-footer{
      width: 12%;
      height: 15vh; 
      background-color:#13294B;
      border-radius: 20px;
      margin-left: 10%;
      
    }

    .footer-copyright{
      display: flex;
      justify-content: space-evenly;
      background-color:#13294B;
      width: 100%; 
      height: 25vh;
      margin-top: -2%;
    }

    .footer-copyright p{
      font-family: 'albert';
      margin-top: 2%;
      margin-left: 20%;
      color: #fff;
      font-size: 14px;
 
    }


     @media (max-width: 768px) {

      footer
      {
        display:none
      
      }

      }

    .footer-mobile
      {
        display:none
      
      }

      .footer-copyright-mobile{

        display:none

      }

      
     @media (max-width: 768px) {

      .footer-mobile
      {
        display:block;
        margin-top: 50px;
        color: #fff;
        height: 100vh;
        background-color: #13294B;
      }

      .footer-mobile img
      {
      width: 150px;
      height: 200px;  
     
      }

      .footer-mobile li{
        list-style: none;
        
      }

  
    }



    /* Estilo geral do footer mobile */
    .footer-mobile {
      display: none;
      background-color: #13294B;
      color: #fff;
      padding: 30px 20px;
      text-align: center;
    }

    .footer-mobile img.logo {
      width: 150px;
      height: auto;
      margin: 0 auto 20px;
    }

    .footer-social {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-bottom: 30px;
    }

    .footer-social img {
      width: 40px;
      height: 40px;
      transition: transform 0.3s ease;
    }

    .footer-social img:hover {
      transform: scale(1.1);
    }

    .footer-links {
      display: flex;
      flex-direction: column;
      gap: 30px;
    }

    .footer-section {
      text-align: center;
    }

    .footer-section h4 {
      font-size: 16px;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .footer-section ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer-section li {
      margin: 8px 0;
      font-size: 14px;
    }

    /* Ativa o rodapé mobile para telas até 768px */
    @media (max-width: 768px) {
      .footer-mobile {
        display: block;
      }
    }