/* PRIVACY */

/* 📱 Smartphone Grandi (Da 480px in su) */
@media (min-width: 480px) {
  /* Riduciamo leggermente il padding generale per aumentare lo spazio di lettura */
  .privacy-section {
    padding: 50px 20px;
  }

  /* Riduciamo il padding interno del container per non avere troppo "aria" */
  .privacy-container {
    padding: 30px 30px;
  }

  /* Riduciamo il titolo principale */
  .privacy-title {
    font-size: 26px;
  }

  /* Riduciamo la larghezza della sottolineatura */
  .privacy-underline {
    width: 60%;
    margin-bottom: 20px;
  }

  /* Stili per il contenuto generale */
  .privacy-content {
    font-size: 15px;
    line-height: 1.7;
  }

  /* Titoli principali delle sottosezioni */
  .privacy-content h3 {
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 4px;
  }

  /* Sottotitoli */
  .privacy-content h4 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 3px;
  }

  /* Aggiornamento data */
  .privacy-update {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

/* 📲 Tablet (Da 768px in su) */
@media (min-width: 768px) {
  .privacy-section {
    padding: 70px 30px;
  }

  .privacy-container {
    padding: 40px 40px;
  }

  /* Titolo principale */
  .privacy-title {
    font-size: 28px;
  }

  .privacy-underline {
    width: 40%;
  }

  /* Contenuto principale */
  .privacy-content {
    font-size: 16px; /* Ripristino al valore originale */
    line-height: 1.8;
  }

  /* Titoli H3 */
  .privacy-content h3 {
    font-size: 20px;
    margin-top: 22px;
  }
}

/* 💻 Desktop / PC (Da 1024px in su) */
@media (min-width: 1024px) {
  .privacy-section {
    padding: 80px 40px;
  }

  .privacy-underline {
    width: 30%;
  }

  .privacy-container {
    /* Ripristina i valori più grandi per il desktop */
    max-width: 900px;
    padding: 40px 45px;
  }

  /* Il resto degli stili torna automaticamente ai valori originali (30px, 21px, ecc.) */
}

/* TERMINI E CONDIZIONI */
/* 📱 Smartphone Grandi (Da 480px in su) */
@media (min-width: 480px) {
  /* Riduciamo il padding generale della sezione */
  .terms-section {
    padding: 50px 20px;
  }

  /* Riduciamo il padding interno del container */
  .terms-container {
    padding: 30px 30px;
  }

  /* Riduciamo il titolo principale */
  .terms-title {
    font-size: 26px;
  }

  /* Riduciamo drasticamente la larghezza della sottolineatura per il mobile */
  .terms-underline {
    width: 95%; /* Utilizziamo la percentuale per adattarci meglio, era 420px */
    max-width: none; /* Limite massimo per evitare che diventi enorme */
    margin-bottom: 20px;
  }

  /* Contenuto generale e paragrafi */
  .terms-content {
    font-size: 15px;
    line-height: 1.7;
  }

  /* Titoli H3 delle sottosezioni */
  .terms-content h3 {
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 4px;
  }
}

/* 📲 Tablet (Da 768px in su) */
@media (min-width: 768px) {
  .terms-section {
    padding: 70px 30px;
  }

  .terms-container {
    padding: 40px 40px;
  }

  /* Titolo principale */
  .terms-title {
    font-size: 28px;
  }

  /* Aumentiamo la larghezza della sottolineatura per bilanciare il titolo */
  .terms-underline {
    width: 65%;
  }

  /* Contenuto principale e paragrafi */
  .terms-content {
    font-size: 16px; /* Ripristino al valore originale */
    line-height: 1.8;
  }

  /* Titoli H3 */
  .terms-content h3 {
    font-size: 20px;
    margin-top: 22px;
  }
}

/* 💻 Desktop / PC (Da 1024px in su) */
@media (min-width: 1024px) {
  .terms-section {
    padding: 80px 40px;
  }

  .terms-container {
    /* Ripristina i valori più grandi per il desktop */
    max-width: 900px;
    padding: 40px 45px;
  }

  /* Larghezza originale della sottolineatura per il desktop */
  .terms-underline {
    width: 50%;
  }
}