/*
 <link rel="stylesheet" href="/portals/0/Cassonetti/4a/css/mobileapp.css">
*/
/* ===============================
   SCOPE & BASE
   =============================== */
.app-verona {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 1000px;
}
.app-verona img { max-width: 100%; height: auto; display: block; }

/* ===============================
   TITOLI HERO
   =============================== */
.app-verona .hero-title{
  color:#b4dc00;                 /* verde brillante */
  font-weight:800;
  font-size:44px;
  line-height:1.1;
  margin:10px 0 0;
  text-transform:uppercase;
  text-align:center;
}
.app-verona .hero-subtitle{
  color:#007d4e;                 /* verde scuro */
  font-weight:700;
  font-size:26px;
  margin:5px 0 20px;
  text-transform:uppercase;
  text-align:center;
}

/* ===============================
   SEZIONE 3 STEP
   =============================== */
/* riga in flex per altezza uniforme */
.app-verona .steps-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;           /* forza stessa altezza */
  margin-top:10px;
  margin-bottom:20px;
}
/* colonne bootstrap diventano contenitori flessibili verticali */
.app-verona .steps-row .col-sm-4{
  display:flex;
  flex-direction:column;
}
.app-verona .step-box{
  background:#ffffff;
  border:2px solid #e0e0e0;
  border-radius:6px;
  padding:15px;
  flex-grow:1;                   /* si estende fino al fondo */
  display:flex;
  flex-direction:column;
  justify-content:space-between; /* titolo+testo in alto, immagine in basso */
}
.app-verona .step-title{
  background:#007d4e;            /* barra verde scuro */
  color:#ffffff;
  font-weight:700;
  font-size:16px;
  padding:8px 10px;
  border-radius:4px;
  text-align:center;
  margin-bottom:10px;
  text-transform:uppercase;
}
.app-verona .step-list{
  padding-left:18px;
  margin-bottom:10px;
  font-size:13px;
  line-height:1.5;
  color:#333;
}
.app-verona .phone-wrap{ padding-top:8px; }
.app-verona .phone-wrap img{ max-height:220px; margin:0 auto; }

/* ===============================
   INFO CREDENZIALI
   =============================== */
.app-verona .info-box{
  background:#e9f5ea;            /* verde chiarissimo */
  border-top:6px solid #007d4e;  /* bordo alto verde scuro */
  padding:15px;
  border-radius:6px;
}
.app-verona .info-title{
  font-weight:800;
  color:#007d4e;
  font-size:20px;
  margin-bottom:10px;
  text-transform:uppercase;
}
/* elenco con pallini personalizzati verdi */
.app-verona .info-list{
  list-style:none;
  margin-bottom:15px;
  padding-left:0;
  font-size:13px;
  color:#222;
}
.app-verona .info-list li{
  position:relative;
  padding-left:18px;             /* spazio per il pallino */
  margin-bottom:4px;
  line-height:1.5;
}
.app-verona .info-list li::before{
  content:"●";
  position:absolute;
  left:0;
  top:0;
  line-height:1.5;
  font-size:12px;
  color:#007d4e;                 /* pallino verde scuro */
}
.app-verona .info-media img{
  border:1px solid #cccccc;
  border-radius:4px;
  margin-bottom:10px;
}

/* ===============================
   AVVISO FINALE
   =============================== */
.app-verona .notice-box{
  background:#007d4e;            /* blocco verde scuro */
  color:#ffffff;
  border-radius:6px;
  padding:15px;
  margin:20px 0 25px;
}
.app-verona .notice-title{
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  color:#b4dc00;                 /* titolo in verde brillante */
  margin:0 0 8px 0;
}
.app-verona .notice-text{
  font-size:13px;
  margin:0;
  color:#ffffff;
}

/* ===============================
   RESPONSIVE
   =============================== */
@media (max-width: 991px){
  .app-verona .phone-wrap img{ max-height:200px; }
}
@media (max-width: 767px){
  .app-verona .hero-title{ font-size:34px; }
  .app-verona .hero-subtitle{ font-size:20px; }
  .app-verona .step-title{ font-size:14px; }
  .app-verona .step-list{ font-size:12px; }
  .app-verona .phone-wrap img{ max-height:180px; }
  /* rimuove spazi laterali tra box in stack verticale */
  .app-verona .steps-row{ margin-left:0; margin-right:0; }
}