.menu-top-bar {
  display: none !important;
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;  /*Nasconde lo scroll orizzontale */
}
/* ---------- FORM ---------- */
  
  .form-container {
  background-color: #fff;
  padding: 40px;
  border-radius: 12px;
  
  max-width: 700px;
  margin: 0 auto; /* lo centra orizzontalmente sotto l’intestazione */
}

        .intestazione-links .contatti {
  color: #87CEEB; /* azzurro */
  
  padding: 5px 10px;
  border: 1px solid rgba(135, 206, 235, 0.7); /* bordo azzurro semi trasparente */
  border-radius: 6px;
  background-color: rgba(135, 206, 235, 0.15); /* sfondo azzurro semitrasparente */
  
}

.intestazione-links .contatti:hover {
  background-color: rgba(135, 206, 235, 0.3);
  border-color: #87CEEB;
  color: #fff;
}

  .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }

  .form-field input,
  .form-field select,
  .form-field textarea {
    font-size: 14px;
    padding: 10px;
  }

  .submit-button {
    width: 100%;
    font-size: 15px;
    padding: 12px;
  }

   .header-contatti {
            text-align: center;
            margin-bottom: 20px;
        }

        .header-contatti h1 {
            font-family: EniTab;
            font-size: 40px;
            color: #040832;
            font-size: 28px;
            margin-bottom: 8px;
        }

        .header-contatti p {
            font-family: OpenSans;
            font-size: 16px;
            color: #222;
            font-size: 14px;
        }
        .form-field {
            display: flex;
            flex-direction: column;
        }
        
        .form-field label {
            font-family: OpenSans;
            font-size: 14px;
            font-weight: 500;
            color: #222;
            margin-bottom: 6px;
        }

        .form-field input, .form-field select, .form-field textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 8px;
            box-sizing: border-box;
            font-family: OpenSans;
            font-size: 16px;
            color: #666;
        }

        .form-field input::placeholder, .form-field textarea::placeholder {
            color: #aaa;
        }
        
        .full-width {
            grid-column: 1 / -1;
        }

        .radio-group, .checkbox-group {
            display: flex;
            gap: 20px;
            align-items: center;
            margin-top: 10px;
        }
        
        .radio-item, .checkbox-item {
            display: flex;
            align-items: center;
        }
        
        .radio-item input, .checkbox-item input {
            margin-right: 8px;
            width: auto;
        }
        
        .radio-item label, .checkbox-item label {
            font-family: OpenSans;
            font-size: 14px;
            margin: 0;
            font-weight: 400;
        }

        .privacy-section {
            margin-top: 30px;
            font-size: 14px;
            color: #666;
        }
        .fornitura {
            font-family: EniTab;
            font-size: 20px;
            color: #040832;
            font-weight: bold;
            
        }
        .consumo {
            font-family: EniTab;
            font-size: 20px;
            color: #040832;
            font-weight: bold;
        }

        .privacy-section p {
            font-family: OpenSans;
            font-size: 14px;
            margin-bottom: 10px;
        }
        .privacy {
            font-family: EniTab;
            font-size: 20px;
            color: #040832 ;
        }
        .link-privacy {
            font-weight: bold ;
        }
        .privacy-section a {
            font-family: EniTab;
            font-size: 16px;
            color: #0958a5;
            text-decoration: underline;
        }

        .privacy-section a:hover {
            text-decoration: none;
        }

        .submit-button {
            display: block;
            width: 30%;
            padding: 15px;
            margin-top: 20px;
            background-color: #ffc107;
            color: #333;
            font-size: 18px;
            font-weight: bold;
            border: none;
            border-radius: 20px;
            cursor: pointer;
            
            transition: background-color 0.3s ease;
        }

        .submit-button:hover {
            background-color: #ffca2c;
        }


        @media (max-width:  375px) {

    /* ---------- INTTESTAZIONE ---------- */
  .hamburger {
    display: block;
    cursor: pointer;
    font-size: 28px;
    color: white;
    margin-left: 0 !important;
  }
  .menu {
  position: fixed;
         /* la aggancio in basso */
  right:  30px !important;            /* lato sinistro */
  width: 290px;       /* larghezza fissa */
  height: auto;       /* altezza dinamica in base ai link */
  background: #0d0f3f;
  color: #fff;
   /* spaziatura sopra e sotto */
  z-index: 1000;
  border-top-right-radius: 12px; /* angolo arrotondato sopra, opzionale */
  margin-top: 20px;
}

  .menu-top-bar {
    display: flex !important;
    background-color: #0d1e3c !important;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.2);
  }

  .menu-top-bar .menu-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
  }

  .menu-top-bar img {
    height: 30px !important;
    width: auto !important;
    object-fit: contain;
  }
  

  /* Header */
  .intestazione {
    width: 100%;
    margin: 0;
  }

  .intestazione-top {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .logo-container {
    width: auto;
    justify-content: flex-start;
  }

  .intestazione-links {
    display: none;
  }

  .intestazione-nav {
    display: none;
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
  }

  .intestazione-nav.active {
    display: flex;
  }

  .nav-menu {
    flex-direction: column;
    padding: 0;
    margin: 0;
  }

  .nav-menu li {
    margin: 8px 0;
  }
  .footer-info::after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #ffffff; /* bianca */
        margin-top: 20px;          /* spazio sopra la linea */
    }

  /* ---------- FORM ---------- */
  .form-container {
    padding: 16px;
    max-width: 100%;
    margin: 0 10px;
  }

  .form-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .form-field input,
  .form-field select,
  .form-field textarea {
    font-size: 14px;
    padding: 10px;
  }

  .submit-button {
    width: 100%;
    font-size: 15px;
    padding: 12px;
  }

  /* ---------- FOOTER ---------- */
  .footer {
    padding: 20px 15px;
    max-width: 100%;
    margin: 0;
  }

  .footer-top {
    flex-direction: column;
    gap: 20px;
  }

  .footer-left,
  .footer-policies {
    max-width: 100%;
  }

  .footer-logo::after {
    width: 140px;
  }

  .footer-policies ul,
  .footer-areas ul {
    grid-template-columns: 1fr;
    gap: 12px 0;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 20px;
  }

  .footer-info {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .footer-areas {
    margin-left: 0;
    text-align: left;
  }

  .footer-description p {
    max-width: 320px;
    margin-top: 60px;
  }




  /* ---------- WRAPPER GENERALE ---------- */
  .intestazione,
  .clients-section,
  .eni-offerta,
  .business-solutions,
  .features-section,
  .link-section,
  .footer {
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
  }
}