/* barra di accesso e ricerca storiche: le riporto dentro il design nuovo */
#barraadmin, #barraricerca {
  background: #fff !important;
  background-image: none !important;
  color: var(--muted, #66768b) !important;
  border-bottom: 1px solid var(--line, #e6e1d8) !important;
  border-top: 0 !important;
  padding: 10px 28px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-family: var(--sans, system-ui) !important;
  line-height: 1.5 !important;
  text-align: left !important;
  clear: both !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  position: static !important;
  float: none !important;
  box-shadow: none !important;
}
#barraadmin a, #barraricerca a {
  color: var(--blue, #1e56d6) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  font-weight: 600 !important;
  background: transparent !important;
  padding: 0 2px !important;
}
#barraadmin a:hover, #barraricerca a:hover { text-decoration: underline !important; }
#barraadmin table, #barraricerca table, #barraadmin td, #barraricerca td {
  background: transparent !important; border: 0 !important; padding: 0 !important; font-size: 13px !important;
}
#barrabriciola { background: transparent !important; }
#content.vs-content { clear: both; }

/* il corpo storico della home (blocchi della DLL) dentro una griglia moderna */
#content .tabnav { margin-top: 22px; }
#content .tabdiv { padding: 18px 0 6px; }
#boxworld { float: right !important; width: auto !important; max-width: 100%; margin: 0 0 22px 26px; }
#boxworld img { border-radius: 4px; box-shadow: 0 1px 2px rgba(15,22,32,.06), 0 14px 34px -18px rgba(15,22,32,.35); max-width: 100%; height: auto; }
#slider2 { list-style: none; margin: 0 0 26px; padding: 0; }
#slider2 li { position: relative; }
#slider2 img { border-radius: 4px; width: 100%; height: auto; display: block; }
#slider2 a { border-bottom: 0 !important; }
.olSlider, .olBtn { list-style: none; margin: 10px 0 0; padding: 0; display: flex; gap: 8px; }
.olSlider li a, .olBtn li a {
  display: block; width: 9px; height: 9px; border-radius: 50%; background: var(--line-2, #d7d1c6);
  text-indent: -9999px; overflow: hidden;
}
.olSlider li a.active, .olBtn li a.active { background: var(--blue, #1e56d6); }
.widget, .imgButtonhome { border: 0 !important; background: transparent !important; padding: 0 !important; }
.capitalize { text-transform: none !important; }
.nomargin { margin: 0 !important; }

/* testata: niente a capo, spazi misurati, CTA dentro il bordo */
.top nav{white-space:nowrap;gap:18px}
.top nav a{font-size:13px}
.topsearch input{width:150px}
.top .wrap{gap:16px}
.topsearch{flex:0 1 auto}
.top .cta{white-space:nowrap}
@media (max-width:1240px){ .topsearch{display:none} .top nav{gap:14px} .top nav a{font-size:12.5px} }
/* la vecchia barra di ricerca duplicava il menu: la tolgo (i link sono nel menu nuovo e nel piè di pagina) */
#barraricerca{display:none !important}

/* ==== rifiniture home ==== */
/* sulla foto dell'apertura i pulsanti restano leggibili */
#slide .acts .btn{background:#fff;color:#0b1524;border-color:#fff}
#slide .acts .btn.ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.6)}
#slide .acts .btn.ghost:hover{background:rgba(255,255,255,.24)}
/* il campo di ricerca del 2011 duplica quello della testata */
#content .ricerca, #content .imgButtonhome, #content #ctl00_key{display:none !important}
/* i tab storici (Top Giramondo / Recent / Utenti piu attivi) diventano una classifica */
#tabvanilla{float:none !important;width:auto !important;clear:both;margin:30px 0 8px !important;
  background:var(--card,#fff) !important;border:1px solid var(--line,#e6e1d8) !important;border-radius:4px !important;
  padding:22px 24px !important;box-shadow:0 1px 2px rgba(15,22,32,.04) !important}
#tabvanilla .tabnav{margin:0 0 16px !important}
#tabvanilla .tabnav li{list-style:none}
#tabvanilla ul{list-style:none !important;margin:0 !important;padding:0 !important;display:grid;grid-template-columns:repeat(2,1fr);gap:0 26px}
#tabvanilla li{height:auto !important;display:flex !important;align-items:center;gap:12px;padding:9px 0 !important;
  border-bottom:1px solid var(--line,#e6e1d8);font-size:14.5px;list-style:none;float:none !important}
#tabvanilla li img{width:36px !important;height:36px !important;border-radius:50% !important;object-fit:cover;
  float:none !important;padding:0 !important;border:0 !important}
#tabvanilla li a{color:var(--ink,#0f1620);text-decoration:none;border-bottom:0 !important;font-weight:500}
#tabvanilla li a:hover{color:var(--blue,#1e56d6)}
#tabvanilla li b{color:var(--muted-2,#8b99ab);font-weight:600;font-size:12.5px}
/* la mappa dei continenti dentro una card */
#boxworld{background:var(--card,#fff);border:1px solid var(--line,#e6e1d8);border-radius:4px;padding:16px !important;
  float:right !important;width:auto !important;margin:0 0 24px 26px !important}
#boxworld img{max-width:100%;height:auto}
@media (max-width:1080px){ #tabvanilla ul{grid-template-columns:1fr} #boxworld{float:none !important;margin:0 0 24px 0 !important} }

/* barra di accesso: allineata al contenitore e leggibile */
#barraadmin{max-width:1240px !important;margin:0 auto !important;padding:11px 28px !important;
  border-bottom:1px solid var(--line,#e6e1d8) !important;font-size:13px !important;color:var(--muted,#66768b) !important;
  letter-spacing:.01em !important}
#barraadmin a{color:var(--blue,#1e56d6) !important;font-weight:600 !important;text-decoration:none !important}
#barraadmin a:hover{text-decoration:underline !important}
@media (max-width:680px){ #barraadmin{padding:10px 18px !important} }

/* il breadcrumb del 2011 duplica quello nuovo: lo tolgo (il nuovo è in .crumb) */
#barrabriciola{display:none !important}
.crumb{max-width:1240px;margin:16px auto 0;padding:0 28px;font-size:12.5px;color:var(--muted,#66768b)}
.crumb a{color:var(--muted,#66768b);text-decoration:none;border-bottom:1px solid var(--line-2,#d7d1c6)}
.crumb a:hover{color:var(--blue,#1e56d6)}
.crumb span{margin:0 7px;opacity:.55}

/* pagine di accesso: fascia con il logo storico sopra il modulo */
.auth-top{background:var(--navy,#0b1524);padding:14px 28px;display:flex;align-items:center;justify-content:center}
.auth-top img{height:30px;background:#fff;padding:5px 12px;border-radius:6px;display:block}
.boxcentrale{max-width:760px;margin:34px auto;padding:30px 32px}
.boxcentrale h2{font-family:var(--display,'Georgia');font-weight:600;letter-spacing:-.01em}

/* pagine di accesso: modulo più arioso e leggibile */
.boxcentrale{max-width:680px !important;margin:30px auto !important;padding:28px 30px !important}
.boxcentrale h1,.boxcentrale h2,.boxcentrale h3{text-align:center}
.boxcentrale form{display:block}
#content input[type=text],#content input[type=password],.boxcentrale input[type=text],.boxcentrale input[type=password]{
  padding:12px 14px !important;font-size:15px !important;max-width:100% !important}
.boxcentrale table{width:100%}
.boxcentrale td{padding:8px 6px;font-size:14.5px}
.boxcentrale img[src*="lock"],.boxcentrale img[src*="lucchetto"]{display:none}
.bottoneBig{margin-top:12px}
@media (max-width:680px){ .boxcentrale{margin:16px 12px !important;padding:20px !important} }

/* registrazione: rifiniture alla struttura a tabella del 2011 */
.boxcentrale .obbligatorio{color:var(--ink,#0f1620) !important;font-weight:600 !important}
.boxcentrale .obbligatorio::after{content:" *";color:#c0392b;font-weight:700}
.boxcentrale textarea{width:100% !important;max-width:100% !important;font-size:12.5px !important;line-height:1.5 !important;
  color:var(--muted,#66768b) !important;border:1px solid var(--line,#e6e1d8) !important;border-radius:4px !important;
  padding:12px !important;background:#fbfaf7 !important;resize:vertical}
.boxcentrale table{border-collapse:separate;border-spacing:0 6px}
.boxcentrale table td{border-bottom:0 !important}
.boxcentrale br+br{display:none}
.boxcentrale .bottoneBig{margin:16px auto 0;display:block}

/* i marcatori asterisco del 2011 erano in celle separate e finivano disallineati: li tolgo */
.boxcentrale td{vertical-align:middle}

/* ===== moduli di registrazione e accesso: leggibili e moderni ===== */
#content .boxcentrale table{width:100%;border-collapse:separate;border-spacing:0}
#content .boxcentrale table tr{display:block;margin-bottom:14px}
#content .boxcentrale table td{display:block;width:100%;padding:0 !important;border:0 !important}
#content .boxcentrale table td:first-child:not(:only-child){
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#6B7889;font-weight:700;margin-bottom:6px}
#content .boxcentrale table td:empty{display:none}
#content .boxcentrale input[type=text],#content .boxcentrale input[type=password]{
  width:100% !important;max-width:100% !important;padding:13px 15px !important;font-size:16px !important;
  border:1px solid #D9D3C7 !important;border-radius:11px !important;background:#FDFCFA !important;color:#06152B !important;
  box-sizing:border-box;font-family:var(--sans,system-ui) !important;height:auto !important;line-height:1.3 !important}
#content .boxcentrale input:focus{outline:none !important;border-color:#2F6BFF !important;background:#fff !important;
  box-shadow:0 0 0 3px rgba(47,107,255,.14)}
#content .boxcentrale select{width:100% !important;padding:12px 14px !important;font-size:15.5px !important;border-radius:11px !important;
  border:1px solid #D9D3C7 !important;background:#FDFCFA !important;color:#06152B !important}
#content .boxcentrale textarea{width:100% !important;min-height:110px;font-size:13.5px !important;line-height:1.6 !important;
  color:#4A5A6E !important;border:1px solid #E5E0D6 !important;border-radius:11px !important;background:#FBFAF7 !important;padding:14px !important}
#content .boxcentrale .obbligatorio{color:#C0392B !important;font-size:12px;font-weight:600}
#content .boxcentrale .bottone,#content .boxcentrale .bottoneBig{
  width:100% !important;padding:15px 24px !important;font-size:16px !important;border:0 !important;border-radius:99px !important;
  background:#2F6BFF !important;color:#fff !important;font-weight:600 !important;cursor:pointer;
  box-shadow:0 10px 24px -14px rgba(47,107,255,.8)}
#content .boxcentrale .bottone:hover,#content .boxcentrale .bottoneBig:hover{background:#1E4FD8 !important}
#content .boxcentrale label{font-size:14px;color:#2A3648}
#content .boxcentrale h1{font-size:22px !important;margin:0 0 16px !important}
#content .boxcentrale hr{border:0;border-top:1px solid #F1EEE7;margin:22px 0}
#content .boxcentrale .identity,#content .boxcentrale .password{width:100% !important}
@media(max-width:680px){ #content .boxcentrale input,#content .boxcentrale select{font-size:16px !important} }

/* ===== registrazione/accesso: ritocchi 2026 ===== */
#content .boxcentrale{max-width:760px !important;padding:30px 34px !important}
#content .boxcentrale table td:first-child:not(:only-child){color:#2A3648 !important;text-transform:none !important;
  letter-spacing:0 !important;font-size:14px !important;font-weight:600 !important}
#content .boxcentrale .bottoneBig,#content .boxcentrale .bottone{
  width:100% !important;max-width:420px !important;margin:20px auto 0 !important;display:block !important;
  padding:16px 28px !important;font-size:16.5px !important;background:#2F6BFF !important;color:#fff !important;
  border:0 !important;border-radius:99px !important;font-weight:600 !important;cursor:pointer}
#content .boxcentrale .bottoneBig:hover{background:#1E4FD8 !important}
#content .boxcentrale h3{font-size:16px !important;color:#06152B !important;margin:22px 0 10px !important;
  padding-bottom:6px;border-bottom:1px solid #F1EEE7}
#content .boxcentrale p{font-size:14.5px !important;color:#4A5A6E !important;line-height:1.6 !important}
#content .boxcentrale table{margin:0}

/* ===== i marcatori asterisco del 2011 finivano sparsi e doppi: via ===== */
/* il marcatore del 2011 resta ma piccolo: MAI nascondere la cella (contiene il campo) */
/* la cella-marcatore del 2011 e' larga 32px e CONTIENE il campo: la faccio diventare a tutta larghezza */
#content .boxcentrale td.obbligatorio{display:block !important;width:auto !important;max-width:100% !important;color:#C0392B !important;font-size:11px !important;height:auto !important;visibility:visible !important}
#content .boxcentrale td.obbligatorio input[type=text],#content .boxcentrale td.obbligatorio input[type=password]{
  width:100% !important;min-width:280px !important;max-width:100% !important;box-sizing:border-box !important}
/* e nessun campo deve restare stretto */
#content .boxcentrale input[type=text],#content .boxcentrale input[type=password]{min-width:280px !important;box-sizing:border-box !important}
/* etichetta + campo: un blocco per campo, con asterisco corretto accanto all'etichetta */
#content .boxcentrale table td:first-child:not(:only-child)::after{content:""}
#content .boxcentrale table tr:has(td:first-child:not(:empty)) td:first-child{
  border-left:0;position:relative}
#content .boxcentrale table td:first-child em{font-style:normal}
/* il pulsante non deve stare in mezzo ai campi */
#content .boxcentrale input[type=submit]{margin:18px 0 0 !important}

/* ===== 2026: modulo di iscrizione a DUE COLONNE, pochi campi ===== */
#content .boxcentrale .mod-titolo{font-family:var(--serif,Georgia);font-size:28px;color:#06152B;margin:0 0 6px;line-height:1.15}
#content .boxcentrale .mod-sub{font-size:15px;color:#5A6A7E;margin:0 0 22px;line-height:1.55}
#content .boxcentrale table{display:grid !important;grid-template-columns:1fr 1fr;gap:16px 22px;width:100%;border-spacing:0}
#content .boxcentrale table > tbody{display:contents !important}
#content .boxcentrale table tr{display:block !important;grid-column:span 2;min-width:0;margin:0 !important}
/* i sei campi che contano: due per riga, nell'ordine giusto */
#content .boxcentrale table tr:has(#txtNome),#content .boxcentrale table tr:has(#txtCognome),
#content .boxcentrale table tr:has(#txtUsername),#content .boxcentrale table tr:has(#txtEmail),
#content .boxcentrale table tr:has(#txtPassword),#content .boxcentrale table tr:has(#txtPassword2){grid-column:span 1}
#content .boxcentrale table tr:has(#txtNome){order:1}
#content .boxcentrale table tr:has(#txtCognome){order:2}
#content .boxcentrale table tr:has(#txtUsername){order:3}
#content .boxcentrale table tr:has(#txtEmail){order:4}
#content .boxcentrale table tr:has(#txtPassword){order:5}
#content .boxcentrale table tr:has(#txtPassword2){order:6}
#content .boxcentrale table tr:has(#txtResidenza){order:7}
#content .boxcentrale table tr:has(.privacy),#content .boxcentrale table tr:has(#chkPrivacy){order:8}
/* campi del 2004: restano nel profilo, fuori dall'iscrizione */
#content .boxcentrale table tr:has(#txtICQ),#content .boxcentrale table tr:has(#txtYahoo),
#content .boxcentrale table tr:has(#txtMSN),#content .boxcentrale table tr:has(#txtAIM),
#content .boxcentrale table tr:has(#txtSkype),#content .boxcentrale table tr:has(#txtGTalk),
#content .boxcentrale table tr:has(#txtInteressi),#content .boxcentrale table tr:has(#txtProfessione),
#content .boxcentrale table tr:has(#txtFrasePersonale),#content .boxcentrale table tr:has(#txtFirma),
#content .boxcentrale table tr:has(#ddlViaggiatore),#content .boxcentrale table tr:has(#ddlViaggiPreferiti),
#content .boxcentrale table tr:has(#ddlAvventure),#content .boxcentrale table tr:has(#lnkAltreInfo){display:none !important}
/* etichette: leggibili, con testo di aiuto dove serve */
#content .boxcentrale table td:first-child:not(:only-child){font-size:13.5px !important;font-weight:700 !important;color:#0F1620 !important;
  text-transform:none !important;letter-spacing:0 !important;margin:0 0 7px !important;line-height:1.3}
#content .boxcentrale table tr:has(#txtUsername) td:first-child::after{content:" (sarà il tuo nome pubblico)";font-weight:400;color:#6B7889;font-size:12.5px}
#content .boxcentrale table tr:has(#txtPassword) td:first-child::after{content:" (almeno 6 caratteri)";font-weight:400;color:#6B7889;font-size:12.5px}
#content .boxcentrale table tr:has(#txtEmail) td:first-child::after{content:" (per attivare l'account)";font-weight:400;color:#6B7889;font-size:12.5px}
#content .boxcentrale table tr:has(#txtCognome) td:first-child::after{content:" (facoltativo)";font-weight:400;color:#6B7889;font-size:12.5px}
#content .boxcentrale .bottoneBig{order:20;width:100% !important;max-width:none !important;margin:8px 0 0 !important}
@media(max-width:700px){ #content .boxcentrale table{grid-template-columns:1fr !important}
  #content .boxcentrale table tr{grid-column:span 1 !important} #content .boxcentrale .mod-titolo{font-size:23px} }

/* Sito web sta nella stessa riga di privacy e pulsante: si nasconde SOLO il campo, mai la riga */
#content .boxcentrale #txtSito,#content .boxcentrale #txtUrl{display:none !important}
#content .boxcentrale table tr:has(#btnRegistra){display:block !important;grid-column:span 2 !important;order:20 !important;margin-top:14px !important}
#content .boxcentrale table tr:has(#chkPrivacy){display:block !important;grid-column:span 2 !important;order:19 !important}
#content .boxcentrale table tr:has(#chkPrivacy) td{display:block !important;width:100% !important}

/* ===== iscrizione: la tabella con data di nascita, email pubblica, sito web e "altre info"
   e' roba da PROFILO, non da iscrizione: fuori dalla pagina di registrazione ===== */
#content .boxcentrale table:has(#ddlGiorno),#content .boxcentrale table:has(#ddlMese),
#content .boxcentrale table:has(#ddlAnno),#content .boxcentrale table:has(#chkEmailPubblica),
#content .boxcentrale table:has(#txtUrl),#content .boxcentrale table:has(#lnkAltreInfo){display:none !important}
#content .boxcentrale p:has(#lnkAltreInfo){display:none !important}
/* due colonne vere, con le etichette leggibili e il pulsante a tutta larghezza in fondo */
#content .boxcentrale table tr{grid-column:span 2}
#content .boxcentrale table tr:has(#btnRegistra){order:30 !important}
#content .boxcentrale table tr:has(#chkPrivacy){order:29 !important}

/* ===== privacy e consenso: leggibili e moderni ===== */
#content .boxcentrale textarea#privacy,#content .boxcentrale textarea[name=privacy]{
  width:100% !important;min-height:150px !important;max-height:230px !important;overflow-y:auto !important;
  font-size:12.5px !important;line-height:1.55 !important;color:#3C4A5C !important;background:#FAF9F6 !important;
  border:1px solid #E5E0D6 !important;border-radius:11px !important;padding:14px !important;resize:vertical;font-family:var(--sans,system-ui) !important}
#content .boxcentrale table tr:has(#chkPrivacy) td{font-size:14.5px !important;color:#2A3648 !important;line-height:1.5 !important}
#content .boxcentrale table tr:has(#chkPrivacy) input[type=checkbox]{width:18px !important;height:18px !important;margin:0 8px 0 0 !important;vertical-align:-3px;accent-color:#2F6BFF}
#content .boxcentrale table tr:has(#chkPrivacy) label{font-weight:500 !important;font-size:14.5px !important}
#content .boxcentrale p{font-size:14px !important;color:#5A6A7E !important;line-height:1.6 !important;margin:14px 0 0 !important}
#content .boxcentrale p a{color:#2F6BFF;text-decoration:underline}

/* ===== register/login: il pie' di pagina deve stare a tutta larghezza, come sulla home ===== */
#content.vs-content{padding:0 !important;max-width:none !important;width:100% !important}
#content.vs-content > .boxcentrale{margin:0 auto 34px !important}
#content.vs-content > footer.site{width:100% !important;margin:0 !important;max-width:none !important}
#content.vs-content > footer.site .wrap{max-width:1180px;margin:0 auto}
/* e il riquadro del contenuto che avvolge il modulo non deve avere il rientro laterale */
body.vs > #content > div:not(.boxcentrale):not(footer){padding:0 !important}

/* ===== login: righe in ordine naturale, niente griglia e niente riordini =====
   (le regole a due colonne valgono solo per la registrazione, che ha il campo "Ripeti password") */
#content .boxcentrale table:not(:has(#txtPassword2)){display:block !important;width:100% !important}
#content .boxcentrale table:not(:has(#txtPassword2)) tr{display:block !important;grid-column:auto !important;order:0 !important;margin:0 0 16px !important;min-width:0}
#content .boxcentrale table:not(:has(#txtPassword2)) td{display:block !important;width:100% !important;padding:0 !important;border:0 !important}
#content .boxcentrale table:not(:has(#txtPassword2)) td:first-child:not(:only-child){font-size:13.5px !important;font-weight:700 !important;color:#0F1620 !important;margin:0 0 7px !important}
#content .boxcentrale table:not(:has(#txtPassword2)) input[type=text],#content .boxcentrale table:not(:has(#txtPassword2)) input[type=password]{width:100% !important;min-width:0 !important}
#content .boxcentrale table:not(:has(#txtPassword2)) .bottone,#content .boxcentrale table:not(:has(#txtPassword2)) .bottoneBig{width:100% !important;max-width:none !important;margin:6px 0 0 !important}

/* login: niente titolo gigante fuori dalla card, e il banner non deve avere spazi strani */
#content .boxcentrale > h1:first-child,#content .boxcentrale table ~ h1{display:none !important}
#content h1 img{display:none}
#content .boxcentrale::before{content:"";display:none}
/* piè di pagina: colonne leggibili, link separati */
footer.site .fsoc a,footer.site .col a,footer.site ul li{margin-bottom:9px !important;display:inline-block}
footer.site .cols,footer.site .wrap > div{column-gap:28px}

/* ===== caricafoto: didascalie modificabili e cancellazione ===== */
#content .cf-foto{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:14px}
#content .cf-f{display:flex;gap:12px;background:#fff;border:1px solid #E9E4DA;border-radius:14px;padding:12px}
#content .cf-f-img{flex:0 0 92px;height:69px;border-radius:9px;overflow:hidden;background:#F2EFE8;display:block}
#content .cf-f-img img{width:100%;height:100%;object-fit:cover;display:block}
#content .cf-f-img.cf-nofoto::after{content:"foto";display:grid;place-items:center;height:100%;color:#9AA3B0;font-size:12px}
#content .cf-f-dati{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
#content .cf-f-dati label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6B7889}
#content .cf-f-dati input{width:100%;padding:11px 12px;border:1px solid #D9D3C7;border-radius:10px;font-size:14.5px;color:#06152B;background:#FDFCFA;box-sizing:border-box}
#content .cf-f-dati input:focus{outline:none;border-color:#2F6BFF;background:#fff;box-shadow:0 0 0 3px rgba(47,107,255,.13)}
#content .cf-f-azioni{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
#content .cf-mini{font-size:12.5px;font-weight:600;text-decoration:none;padding:8px 13px;border-radius:99px;background:#F2EFE8;color:#22314A;border:0;cursor:pointer;display:inline-block}
#content .cf-mini:hover{background:#E7E2D8;color:#0F1620}
#content .cf-del{background:#FDECEA;color:#A32B1E}
#content .cf-del:hover{background:#F7D9D5;color:#8A2B20}
#content .cf-salva{margin-top:18px;display:flex;justify-content:flex-end}
#content .cf-avviso{background:#EAF7EE;border:1px solid #BFE5CB;color:#17603A;padding:11px 15px;border-radius:10px;font-size:14px;margin:14px 0}
#content .cf-errore{background:#FDECEA;border:1px solid #F5C6C0;color:#8A2B20;padding:11px 15px;border-radius:10px;font-size:14px;margin:14px 0}
#content .cf-conferma{background:#FFF6E5;border:1px solid #F0D9A8;border-radius:12px;padding:16px 18px;margin:14px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#content .cf-conferma p{margin:0;font-size:14.5px;color:#6B4E12;flex:1}
@media(max-width:700px){#content .cf-foto{grid-template-columns:1fr}}

/* =====================================================================
   PAGINA DI ACCESSO (classe .accesso sul modulo) — vestito nuovo
   ===================================================================== */
#content .boxcentrale.accesso{
  max-width:560px !important;margin:0 auto !important;padding:38px 42px 34px !important;background:#fff !important;
  border:1px solid #E7ECF3 !important;border-radius:22px !important;
  box-shadow:0 44px 90px -66px rgba(11,21,36,.6),0 2px 10px rgba(11,21,36,.05) !important}
#content .boxcentrale.accesso .mod-titolo{font-size:30px !important;margin:0 0 8px !important;letter-spacing:-.02em}
#content .boxcentrale.accesso .mod-sub{font-size:15.5px !important;color:#5A6A7E !important;margin:0 0 26px !important;line-height:1.6 !important}
#content .boxcentrale.accesso table{display:block !important;width:100% !important}
#content .boxcentrale.accesso table > tbody{display:block !important}
#content .boxcentrale.accesso table tr{display:block !important;margin:0 0 18px !important}
#content .boxcentrale.accesso table td{display:block !important;width:100% !important;padding:0 !important;border:0 !important}
#content .boxcentrale.accesso table td:first-child:not(:only-child){
  font-size:12.5px !important;letter-spacing:.09em !important;text-transform:uppercase !important;
  color:#6B7889 !important;font-weight:700 !important;margin:0 0 8px !important}
#content .boxcentrale.accesso input[type=text],#content .boxcentrale.accesso input[type=password]{
  width:100% !important;height:54px !important;padding:0 16px !important;font-size:16.5px !important;
  border:1px solid #DCE3EC !important;border-radius:13px !important;background:#FBFCFE !important;
  color:#0F1620 !important;box-sizing:border-box !important}
#content .boxcentrale.accesso input[type=text]:focus,#content .boxcentrale.accesso input[type=password]:focus{
  border-color:#2F6BFF !important;background:#fff !important;box-shadow:0 0 0 4px rgba(47,107,255,.14) !important;outline:none !important}
#content .boxcentrale.accesso tr:has(#chkPersist) td{display:flex !important;align-items:center !important;gap:10px !important;font-size:15px !important;color:#2A3648 !important}
#content .boxcentrale.accesso input[type=checkbox]{width:20px !important;height:20px !important;accent-color:#2F6BFF !important;cursor:pointer}
#content .boxcentrale.accesso .bottone{
  width:100% !important;height:56px !important;font-size:17px !important;border:0 !important;border-radius:13px !important;
  background:#2F6BFF !important;color:#fff !important;font-weight:600 !important;cursor:pointer !important;
  box-shadow:0 16px 30px -18px rgba(47,107,255,.9) !important;margin:6px 0 0 !important}
#content .boxcentrale.accesso .bottone:hover{background:#1E4FD8 !important}
#content .boxcentrale.accesso #btnRicordaPassword{
  width:auto !important;height:auto !important;padding:12px 22px !important;font-size:14.5px !important;
  background:#F2EFE8 !important;color:#22314A !important;box-shadow:none !important;border-radius:99px !important}
#content .boxcentrale.accesso #btnRicordaPassword:hover{background:#E7E2D8 !important;color:#0F1620 !important}
#content .boxcentrale.accesso p{font-size:14.5px !important;color:#5A6A7E !important;line-height:1.65 !important;margin:18px 0 12px !important}
#content .boxcentrale.accesso a{color:#2F6BFF !important;text-decoration:none;font-weight:600}
#content .boxcentrale.accesso a:hover{text-decoration:underline}
@media(max-width:620px){
  #content .boxcentrale.accesso{margin:0 14px !important;padding:26px 22px !important;border-radius:18px !important}
  #content .boxcentrale.accesso .mod-titolo{font-size:25px !important}
  #content .boxcentrale.accesso .bottone{height:52px !important;font-size:16px !important}
}

/* ===== registrazione: i difetti segnalati ===== */
/* la seconda tabella (data di nascita, email pubblica, sito web) e' roba da PROFILO.
   Era tornata visibile quando ho ritoccato il foglio: la rimetto fuori dall'iscrizione. */
#content .boxcentrale table:has(#ddlGiorno),
#content .boxcentrale table:has(#ddlMese),
#content .boxcentrale table:has(#ddlAnno),
#content .boxcentrale table:has(#chkEmailPubblica),
#content .boxcentrale table:has(#txtUrl),
#content .boxcentrale table:has(#lnkAltreInfo){display:none !important}
#content .boxcentrale p:has(#lnkAltreInfo){display:none !important}
/* "Sito Web:" senza campo: via l'etichetta orfana */
#content .boxcentrale tr:has(#txtSito) td:first-child{display:none !important}
/* gli asterischi dei validatori non devono galleggiare in mezzo al vuoto */
#content .boxcentrale table td:has(> span[style*="color:Red"]){font-size:0 !important}
/* il pulsante chiude il modulo e sta in fondo */
#content .boxcentrale .bottoneBig{order:60 !important;margin-top:18px !important}
#content .boxcentrale table tr:has(#btnRegistra){order:59 !important}
#content .boxcentrale table tr:has(#chkPrivacy){order:58 !important}
/* il riquadro dell'informativa: piu' leggibile */
#content .boxcentrale textarea#privacy,#content .boxcentrale textarea[name=privacy]{
  background:#FFFFFF !important;color:#2A3648 !important;border:1px solid #DCE3EC !important;
  font-size:13px !important;line-height:1.62 !important;padding:16px 18px !important;min-height:170px !important}
/* il pulsante non deve sembrare pronto prima di aver compilato: stato discreto */
#content .boxcentrale .bottoneBig{box-shadow:0 10px 22px -20px rgba(47,107,255,.9) !important}

/* =====================================================================
   REGISTRAZIONE — vestito 2026 (stessa mano della pagina di accesso)
   ===================================================================== */
#content:has(.boxcentrale.registrazione){
  background:radial-gradient(1200px 520px at 50% -200px,#EAF1FF 0%,#F8FAFD 48%,#FFFFFF 100%) !important;
  max-width:none !important;padding:34px 0 50px !important}
#content .boxcentrale.registrazione{
  max-width:660px !important;margin:0 auto !important;padding:38px 42px 34px !important;background:#fff !important;
  border:1px solid #E7ECF3 !important;border-radius:22px !important;
  box-shadow:0 44px 90px -66px rgba(11,21,36,.6),0 2px 10px rgba(11,21,36,.05) !important}
#content .boxcentrale.registrazione .mod-titolo{font-size:31px !important;margin:0 0 8px !important;letter-spacing:-.02em}
#content .boxcentrale.registrazione .mod-sub{font-size:15.5px !important;color:#5A6A7E !important;margin:0 0 28px !important;line-height:1.6 !important}
/* i campi: alti, morbidi, con anello al fuoco (come nell'accesso) */
#content .boxcentrale.registrazione table td:first-child:not(:only-child){
  font-size:12.5px !important;letter-spacing:.09em !important;text-transform:uppercase !important;
  color:#6B7889 !important;font-weight:700 !important;margin:0 0 8px !important}
#content .boxcentrale.registrazione input[type=text],
#content .boxcentrale.registrazione input[type=password],
#content .boxcentrale.registrazione select{
  width:100% !important;height:52px !important;padding:0 16px !important;font-size:16px !important;
  border:1px solid #DCE3EC !important;border-radius:13px !important;background:#FBFCFE !important;color:#0F1620 !important;
  box-sizing:border-box !important}
#content .boxcentrale.registrazione input[type=text]:focus,
#content .boxcentrale.registrazione input[type=password]:focus{
  border-color:#2F6BFF !important;background:#fff !important;box-shadow:0 0 0 4px rgba(47,107,255,.14) !important;outline:none !important}
/* la riga del consenso */
#content .boxcentrale.registrazione tr:has(#chkPrivacy) td{
  display:flex !important;align-items:center !important;gap:10px !important;font-size:15px !important;color:#2A3648 !important;
  background:#F7F9FC !important;border:1px solid #E7ECF3 !important;border-radius:13px !important;padding:14px 16px !important;width:100% !important}
#content .boxcentrale.registrazione input[type=checkbox]{width:20px !important;height:20px !important;accent-color:#2F6BFF !important;cursor:pointer;flex:0 0 20px !important}
#content .boxcentrale.registrazione tr:has(#chkPrivacy) label{font-size:15px !important;font-weight:500 !important;line-height:1.5 !important}
/* il pulsante finale */
#content .boxcentrale.registrazione .bottoneBig{
  width:100% !important;max-width:none !important;height:56px !important;font-size:17px !important;border:0 !important;
  border-radius:13px !important;background:#2F6BFF !important;color:#fff !important;font-weight:600 !important;cursor:pointer !important;
  box-shadow:0 16px 30px -20px rgba(47,107,255,.9) !important;margin:10px 0 0 !important}
#content .boxcentrale.registrazione .bottoneBig:hover{background:#1E4FD8 !important}
/* il riquadro dell'informativa */
#content .boxcentrale.registrazione textarea#privacy,#content .boxcentrale.registrazione textarea[name=privacy]{
  background:#FFFFFF !important;color:#3C4A5C !important;border:1px solid #DCE3EC !important;border-radius:13px !important;
  font-size:13px !important;line-height:1.65 !important;padding:16px 18px !important;min-height:180px !important;max-height:260px !important}
#content .boxcentrale.registrazione p{font-size:14.5px !important;color:#5A6A7E !important;line-height:1.65 !important}
#content .boxcentrale.registrazione a{color:#2F6BFF !important;font-weight:600;text-decoration:none}
#content .boxcentrale.registrazione a:hover{text-decoration:underline}
#content .boxcentrale.registrazione table{border-collapse:separate !important;border-spacing:0 16px !important;margin:0}
@media(max-width:700px){
  #content .boxcentrale.registrazione{margin:0 14px !important;padding:26px 20px !important;border-radius:18px !important}
  #content .boxcentrale.registrazione .mod-titolo{font-size:26px !important}
  #content .boxcentrale.registrazione input[type=text],#content .boxcentrale.registrazione input[type=password]{height:50px !important;font-size:16px !important}
}

/* ===== niente asterischi orfani e niente rosso da errore (vista profilo) ===== */
#content .boxcentrale.registrazione td.obbligatorio{font-size:0 !important;letter-spacing:0 !important;color:#0F1620 !important}
#content .boxcentrale.registrazione td.obbligatorio input,
#content .boxcentrale.registrazione td.obbligatorio select{font-size:16px !important}
#content .boxcentrale.registrazione span[style*="color:Red"],
#content .boxcentrale.registrazione span[style*="color:red"],
#content .boxcentrale.registrazione font[color="red"]{color:#0F1620 !important;font-size:15px !important;font-weight:600 !important}
#content .boxcentrale.registrazione .obbligatorio{color:#0F1620 !important}

/* =====================================================================
   REGISTRAZIONE/PROFILO — fuori solo le RIGHE dei campi del 2004.
   (Nascondere le TABELLE svuotava il profilo: i campi buoni stanno nelle stesse tabelle.)
   ===================================================================== */
#content .boxcentrale.registrazione tr:has(#txtICQ),
#content .boxcentrale.registrazione tr:has(#txtYahoo),
#content .boxcentrale.registrazione tr:has(#txtMSN),
#content .boxcentrale.registrazione tr:has(#txtAIM),
#content .boxcentrale.registrazione tr:has(#txtSkype),
#content .boxcentrale.registrazione tr:has(#txtGTalk),
#content .boxcentrale.registrazione tr:has(#ddlViaggiatore),
#content .boxcentrale.registrazione tr:has(#ddlViaggiPreferiti),
#content .boxcentrale.registrazione tr:has(#ddlAvventure),
#content .boxcentrale.registrazione tr:has(#txtInteressi),
#content .boxcentrale.registrazione tr:has(#txtProfessione),
#content .boxcentrale.registrazione tr:has(#txtFrasePersonale),
#content .boxcentrale.registrazione tr:has(#txtFirma),
#content .boxcentrale.registrazione tr:has(#ddlGiorno),
#content .boxcentrale.registrazione tr:has(#chkEmailPubblica),
#content .boxcentrale.registrazione tr:has(#txtSito){display:none !important}
/* la riga del pulsante e quella del consenso restano, in fondo */
#content .boxcentrale.registrazione tr:has(#btnRegistra),
#content .boxcentrale.registrazione tr:has(#chkPrivacy){display:block !important}

/* =====================================================================
   REGISTRAZIONE — due modalita' distinte, finalmente separate.
   Il codice mostra "Registra" solo nell'iscrizione: quando quel pulsante
   NON c'e' siamo nella vista PROFILO, e li' password, ripeti password e
   consenso privacy non hanno senso (il consenso e' gia' stato dato).
   ===================================================================== */
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) tr:has(#chkPrivacy),
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) textarea#privacy,
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) p:has(#lnkAltreInfo){display:none !important}
/* nella vista profilo il pulsante resta sul fondo, a tutta larghezza come nell'iscrizione */
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) #btnAggiorna{
  width:100% !important;max-width:none !important;height:56px !important;font-size:17px !important;border:0 !important;
  border-radius:13px !important;background:#2F6BFF !important;color:#fff !important;font-weight:600 !important;cursor:pointer !important;
  box-shadow:0 16px 30px -20px rgba(47,107,255,.9) !important;margin:14px 0 0 !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) #btnAggiorna:hover{background:#1E4FD8 !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) tr:has(#btnAggiorna){display:block !important}

/* ===== telefono: la pagina deve stare in una colonna, comoda da toccare ===== */
@media(max-width:760px){
  #content:has(.boxcentrale.registrazione){padding:18px 0 34px !important}
  #content .boxcentrale.registrazione{margin:0 !important;padding:22px 18px !important;border-radius:16px !important}
  #content .boxcentrale.registrazione .mod-titolo{font-size:25px !important}
  #content .boxcentrale.registrazione .mod-sub{font-size:15px !important;margin-bottom:20px !important}
  /* una colonna sola: le regole a due colonne valgono solo da tablet in su */
  #content .boxcentrale.registrazione table{display:block !important;border-spacing:0 !important}
  #content .boxcentrale.registrazione table > tbody{display:block !important}
  #content .boxcentrale.registrazione table tr{display:block !important;order:0 !important;grid-column:auto !important;margin:0 0 16px !important}
  #content .boxcentrale.registrazione table td{display:block !important;width:100% !important;padding:0 !important}
  #content .boxcentrale.registrazione input[type=text],
  #content .boxcentrale.registrazione input[type=password],
  #content .boxcentrale.registrazione select{height:52px !important;font-size:17px !important;min-width:0 !important}
  #content .boxcentrale.registrazione tr:has(#chkPrivacy){margin:4px 0 14px !important}
  #content .boxcentrale.registrazione tr:has(#chkPrivacy) td{padding:14px 15px !important;border-radius:13px !important}
  #content .boxcentrale.registrazione .bottoneBig,
  #content .boxcentrale.registrazione #btnAggiorna{height:54px !important;font-size:16.5px !important;width:100% !important}
  #content .boxcentrale.registrazione textarea#privacy{min-height:150px !important;font-size:13px !important}
}

/* il pulsante deve occupare tutta la larghezza (sta dentro un div centrato del 2011) */
#content .boxcentrale.registrazione .bottoneBig,
#content .boxcentrale.registrazione #btnAggiorna{display:block !important;width:100% !important;max-width:none !important;box-sizing:border-box !important}
@media(max-width:760px){
  #content .boxcentrale.registrazione .bottoneBig,
  #content .boxcentrale.registrazione #btnAggiorna{display:block !important;width:100% !important;font-size:16.5px !important;height:54px !important}
}

/* il pie' di pagina deve restare a tutta larghezza anche su queste pagine */
#content:has(.boxcentrale.registrazione) > footer.site,
#content:has(.boxcentrale.accesso) > footer.site{width:100% !important;margin:0 !important;border-radius:0 !important}
@media(max-width:760px){
  #content .boxcentrale.registrazione{margin:0 12px !important}
}

/* =====================================================================
   VISTA PROFILO (senza pulsante "Registra"): si mostra SOLO quello che
   serve davvero, tutto il resto del modulo 2011 non si stampa.
   Elenco bianco: nome, cognome, residenza, username, email, salva.
   ===================================================================== */
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:not(:has(#txtNome)):not(:has(#txtCognome)):not(:has(#txtResidenza)):not(:has(#ltrUsername)):not(:has(#ltrEmail)):not(:has(#btnAggiorna)):not(:has(#txtUsername)):not(:has(#txtEmail)){display:none !important}
/* la riga del salvataggio resta, in fondo */
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#btnAggiorna){display:block !important;order:99 !important}
/* i blocchi fuori tabella che appartengono al vecchio profilo (contatti, foto, avvisi) */
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) > div:not(:has(input)):not(:has(select)):not(:has(button)){display:none !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) > p{display:none !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr td:empty{display:none !important}

/* =====================================================================
   CAMBIO PASSWORD: deve restare possibile. Nell'elenco bianco del profilo
   password e ripeti password NON si nascondono mai.
   ===================================================================== */
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) tr:has(#txtPassword),
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) tr:has(#txtPassword2){
  display:block !important;order:40 !important;margin:0 0 16px !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) tr:has(#txtPassword) td:first-child::after,
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) tr:has(#txtPassword2) td:first-child::after{
  content:" (lascia vuoto per non cambiarla)";font-weight:400;font-size:12px;color:#8A94A3;letter-spacing:0;text-transform:none}

/* =====================================================================
   Il pulsante era stretto perche' sta dentro <div align="center"> del 2011:
   quel div prende tutta la larghezza e il pulsante finalmente la segue.
   ===================================================================== */
#content .boxcentrale.registrazione div[align="center"],
#content .boxcentrale.registrazione div[align=center]{display:block !important;width:100% !important;max-width:none !important;text-align:left !important}
#content .boxcentrale.registrazione div[align="center"] br,
#content .boxcentrale.registrazione div[align=center] br{display:none !important}
#content .boxcentrale.registrazione .bottoneBig,
#content .boxcentrale.registrazione #btnAggiorna{
  display:block !important;width:100% !important;max-width:none !important;min-width:0 !important;
  box-sizing:border-box !important;text-align:center !important;margin:16px 0 0 !important}

/* profilo: i campi modificabili, in due colonne come nell'iscrizione */
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table{display:grid !important;grid-template-columns:1fr 1fr !important;gap:16px 20px !important;border-spacing:0 !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table > tbody{display:contents !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr{display:block !important;grid-column:span 2 !important;min-width:0}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#txtNome),
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#txtCognome),
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#txtPassword),
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#txtPassword2){grid-column:span 1 !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#txtNome){order:1 !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#txtCognome){order:2 !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#txtResidenza){order:3 !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#txtPassword){order:4 !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#txtPassword2){order:5 !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#btnAggiorna){order:9 !important}
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#ltrUsername),
#content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr:has(#ltrEmail){order:0 !important}
@media(max-width:760px){
  #content .boxcentrale.registrazione:not(:has(#btnRegistra)) table{grid-template-columns:1fr !important}
  #content .boxcentrale.registrazione:not(:has(#btnRegistra)) table tr{grid-column:span 1 !important;order:0 !important}
}