/* Responsive Design */
  @media (max-width: 768px) {
    .nav-links {
      flex-direction: column;
      align-items: center;
      gap: 1rem;
    }
  
    .top-bar {
      flex-wrap: wrap;
      padding: 1rem;
    }
  
    .nav-links a {
      padding: 0.5rem 1rem;
    }
  }
  
  /*--------------------------------FOTOS*/
  .logo .logo-img { width: 200px; /* Adjust the desired size */ height: 100px; /* Maintain the image proportion */}
  /*--------------------------------FOOOOTEEEER*/
/*
  footer {
    background-color: #0056b3;
    color: white;
    padding: 1.5rem 2rem;
    text-align: center;
  }
  
  .footer-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .footer-content p {
    margin: 0.5rem 0;
  }
  
  .social-media {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    display: flex;
    justify-content: center;
    gap: 1.5rem;
  }
  
  .social-media a {
    color: #FFD700; 
    text-decoration: none;
    font-size: 1.2rem;
  }
  
  .social-media a:hover {
    color: white;
    text-decoration: underline;
  }