/* Palette */
        :root {
            --noir: #000000;
            --or: #d4af37;
            --blanc: #ffffff;
            --gris: #d8d8d8;
          }
          
         
          .footer {
            background-color: var(--noir);
            color: var(--or);
            padding: 60px 20px 30px;
            position: relative;
          }
          
          .footer-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            max-width: 1200px;
            margin: auto;
          }
          
        

          @media(min-width: 998px){
            .footer-logo {
              flex: 1 1 300px;
              margin-bottom: 30px;
            }
          }
          
          @media(max-width: 998px){
            .footer-logo {
              text-align: justify;
              margin-bottom: 0px;
            }
          }
         
          .footer-logo h2 {
            font-size: 28px;
            color: var(--or);
          }
          
          .footer-logo p {
            color: var(--gris);
            max-width: 300px;
          }
          
          .footer-links {
            display: flex;
            gap: 50px;
            flex: 1 1 400px;
            margin-bottom: 30px;
          }
          
          .footer-links h3 {
            color: var(--or);
            margin-bottom: 15px;
          }
          
          .footer-links ul {
            list-style: none;
            padding: 0;
          }
          
          .footer-links ul li {
            margin-bottom: 10px;
          }
          
          .footer-links ul li a {
            color: var(--gris);
            text-decoration: none;
            transition: color 0.3s ease;
          }
          
          .footer-links ul li a:hover {
            color: var(--or);
          }
          
          .footer-newsletter {
            flex: 1 1 300px;
            margin-bottom: 30px;
          }
          
          .footer-newsletter h3 {
            color: var(--or);
            margin-bottom: 10px;
          }
          
          .footer-newsletter form {
            display: flex;
            margin-top: 10px;
          }
          
          .footer-newsletter input {
            flex: 1;
            padding: 10px;
            border: none;
            border-radius: 4px 0 0 4px;
            outline: none;
          }
          
          .footer-newsletter button {
            padding: 0 20px;
            background-color: var(--or);
            color: var(--noir);
            border: none;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
            transition: background 0.3s ease;
          }
          
          .footer-newsletter button:hover {
            background-color: #e6c200;
          }
          
          .social-icons {
            margin-top: 20px;
          }
          
          .social-icons a {
            color: var(--or);
            margin-right: 15px;
            font-size: 20px;
            transition: transform 0.3s ease;
          }
          
          .social-icons a:hover {
            transform: scale(1.2);
          }
          
          .footer-bottom {
            border-top: 1px solid #eccf2b;
            padding-top: 15px;
            text-align: center;
            font-size: 14px;
            color: var(--gris);
          }
          
          /* Responsive */
          @media (max-width: 768px) {
            .footer-container {
              flex-direction: column;
              align-items: flex-start;
            }
          
            .footer-links {
              flex-direction: column;
              gap: 30px;
            }
          }