body{
    background: #fff;
    
}


.wrapper{
    display: flex; /* Attiva il layout flessibile */
    gap: 10px;    /* Opzionale: spazio tra i div */
}


.email{
    margin-top: 150px;
    font-size: 55px;
    display: inline-block;

 float: left;  /* Affianca gli elementi a sinistra */
    width: 45%;   /* Definisci una larghezza (meno del 50% per lasciare spazio) */
    margin: 2.5%;
    height: 200px;
    background-color: #f0ce48;
display: flex;
justify-content: center;
align-items: center;



}

.restricted{
font-size: 55px;
display: inline-block;
float: left;  /* Affianca gli elementi a sinistra */
    width: 45%;   /* Definisci una larghezza (meno del 50% per lasciare spazio) */
    margin: 2.5%;
    height: 200px;
    background-color: #02299a;
    display: flex;
justify-content: center;
align-items: center;

}

.fa-solid{
    color: #fff;
}

a{
    color:#fff;
}


.intestazione h1{
font-size: 50px;
font-weight: 700;  
display: flex;
justify-content: center;
align-items: center;
}



/* ===== FIX MOBILE AREA RISERVATA (<=480px) ===== */
@media screen and (max-width: 480px) {

  .wrapper{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 12px !important;
  }

  .email,
  .restricted{
    float: none !important;          /* disattiva float */
    width: 100% !important;          /* full width */
    max-width: 100% !important;
    margin: 0 !important;            /* niente margini laterali che sfondano */
    height: auto !important;
    min-height: 90px !important;     /* altezza minima comoda */
    font-size: 24px !important;      /* ridotto per mobile */
    line-height: 1.2 !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    padding: 12px !important;
  }

  .email{
    margin-top: 0 !important;        /* toglie lo scalino */
  }

  .intestazione h1{
    font-size: 28px !important;
    text-align: center !important;
    padding: 0 12px !important;
  }

  a{
    display: block !important;
    width: 100% !important;
    text-decoration: none;
  }
}