Masticationpedia Academy: differenze tra le versioni

← Differenza precedente Differenza successiva →

Versione delle 22:11, 14 gen 2026

Masticationpedia Academy

Un percorso metodologico a livelli per formarsi e contribuire in modo clinicamente rigoroso.

Chiarezza. Questa pagina descrive un percorso, non un elenco di corsi.
Non è una scorciatoia per entrare nel Masticationpedia Network.

SESSIONI APERTE

Incontri pubblici e non strutturati in cui il metodo Masticationpedia viene discusso e reso visibile.

Sono sessioni episodiche di orientamento e confronto: non costituiscono un percorso formativo e non producono qualifiche, titoli o credenziali.

La partecipazione non dà accesso all’Academy né al Network.

Quando previsto, è possibile partecipare tramite donazione libera.

Livello 1

Supporto editoriale iniziale

È: onboarding metodologico, guida alla lettura e alla scrittura dei capitoli, standard e fonti.

Non è: un corso, una certificazione, una abilitazione.

→

Livello 2

Formazione online

È: moduli video asincroni, verifiche di comprensione, applicazione del metodo.

Non è: un titolo, un master, un percorso abilitante.

→

Livello 3

Formazione residenziale

È: workshop clinico-metodologico, casi discussi, confronto strutturato.

Non è: una specializzazione o una certificazione professionale.

→

Livello 4

Valutazione di idoneità al Network

È: una valutazione non automatica basata su qualità, coerenza e affidabilità.

Non è: un accesso garantito né un meccanismo economico.

Principi di trasparenza

Nessun ingresso automatico nel Network.
Nessuna promessa economica.
Nessuna certificazione clinica.
La progressione dipende dalla qualità del percorso.

@@ Riga 7: / Riga 7: @@
 /* =============================== */
-/* fascia full-width con sfondo immersivo */
 .mp-academy-wrap{
    position: relative;
@@ Riga 14: / Riga 13: @@
 }
-/* sfondo: stratificazione di gradienti (zero immagini) */
 .mp-academy-wrap::before{
    content:"";
@@ Riga 28: / Riga 26: @@
 }
-/* velo “nebbia” per ammorbidire e dare profondità */
 .mp-academy-wrap::after{
    content:"";
@@ Riga 41: / Riga 37: @@
 }
-/* contenitore centrale */
 .mp-academy-inner{
    position: relative;
    z-index: 1;
-   max-width: 1400px;
+   max-width: 1680px;
    margin: 0 auto;
    padding: 0 22px;
@@ Riga 53: / Riga 47: @@
 }
-/* titolo e sottotitolo */
 .mp-academy-title{
    font-size: 38px;
@@ Riga 67: / Riga 60: @@
 }
-/* box “Chiarezza” (trasparente elegante) */
 .mp-academy-clarity{
    margin-top: 18px;
@@ Riga 77: / Riga 69: @@
    color: rgba(255,255,255,0.92);
    backdrop-filter: blur(6px);
+}
+/* =============================== */
+/*  TOP ROW: Chiarezza + Sessioni  */
+/* =============================== */
+.mp-toprow{
+  margin-top: 18px;
+  display: flex;
+  gap: 18px;
+  align-items: stretch; /* chiave */
+}
+/* Chiarezza: centrata verticalmente rispetto a Sessioni aperte */
+.mp-toprow .mp-academy-clarity{
+  align-self: center;          /* ← questo la porta a metà */
+  max-width: 920px;
+}
+/* quando stanno in riga, togliamo i margin-top interni */
+.mp-toprow .mp-academy-clarity{ margin-top: 0; flex: 1 1 0; max-width: 920px; }
+.mp-toprow .mp-open-sessions{ margin-top: 0; flex: 0 0 420px; }
+/* su schermi stretti torna tutto verticale */
+@media (max-width: 980px){
+  .mp-toprow{
+    display: block;
+  }
+  .mp-toprow .mp-open-sessions{
+    margin-top: 16px;
+    max-width: 520px;
+  }
+}
+/* BOX SESSIONI APERTE */
+.mp-open-sessions{
+  margin-top: 22px;
+  max-width: 420px;
+  padding: 16px 18px;
+  border-radius: 18px;
+  background: rgba(255,255,255,0.08);
+  border: 1px solid rgba(201,162,77,0.35);
+  backdrop-filter: blur(6px);
+  color: #ffffff;
+  font-family: Georgia, serif;
+}
+.mp-open-sessions b.title{
+  letter-spacing: 0.06em;
 }
-/* separatore soft */
 .mp-soft-hr{
    height: 1px;
@@ Riga 87: / Riga 126: @@
 }
-/* percorso orizzontale */
 .mp-track{
    display:flex;
@@ Riga 94: / Riga 132: @@
    overflow-x: auto;
    padding: 6px 0 14px;
-  scrollbar-color: rgba(201,162,77,0.55) rgba(255,255,255,0.10);
 }
-/* box livello */
 .mp-step{
    min-width: 290px;
@@ Riga 109: / Riga 145: @@
 }
-/* titoli box */
 .mp-step .k{
    font-size: 13px;
@@ Riga 127: / Riga 162: @@
    color: rgba(0,0,0,0.80);
 }
-.mp-step .t b{ color: rgba(0,0,0,0.88); }
-/* frecce */
 .mp-arrow{
    align-self: center;
    font-size: 30px;
-   color: rgba(201,162,77,0.75);
+  color: rgba(201,162,77,0.75);
-  text-shadow: 0 2px 10px rgba(0,0,0,0.35);
-  user-select:none;
 }
-/* sezione principi su sfondo scuro: box glass */
 .mp-principles{
    margin-top: 26px;
@@ Riga 149: / Riga 179: @@
    backdrop-filter: blur(6px);
 }
-.mp-principles h2{
-   margin: 0 0 10px;
+/* =============================== */
+/*  OVERLAY CALENDARIO (NO JS)     */
+/* =============================== */
+.mp-modal-toggle{ display:none; }
+.mp-modal-btn{
+  display:inline-flex;
+  align-items:center;
+  gap:8px;
+   margin-top: 12px;
+  padding: 8px 12px;
+  border-radius: 999px;
+  border: 1px solid rgba(201,162,77,0.35);
+  background: rgba(0,0,0,0.32);
+  color: #fff;
+  font-size: 13.5px;
+  letter-spacing: 0.02em;
+  cursor: pointer;
+  user-select:none;
+}
+.mp-modal-backdrop{
+  position: fixed;
+  inset: 0;
+  background: rgba(0,0,0,0.55);
+  backdrop-filter: blur(4px);
+  display: none;
+  z-index: 9999;
+}
+/* pannello centrale */
+.mp-modal-panel{
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%,-50%);
+ width: min(1260px, 96vw);
+  overflow-x: hidden;
+  max-height: 86vh;
+  overflow: auto;
+  border-radius: 18px;
+  background: rgba(255,255,255,0.98);
+  border: 1px solid rgba(201,162,77,0.35);
+  box-shadow: 0 24px 70px rgba(0,0,0,0.35);
+  color: #1b1f23;
+  padding: 18px 18px 16px;
+  font-family: Georgia, serif;
+}
+/* header modal */
+.mp-modal-head{
+  display:flex;
+  align-items:flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+.mp-modal-title{
    font-size: 20px;
-   font-weight: 600;
+   font-weight: 700;
+  margin: 0;
+}
+.mp-modal-sub{
+  margin-top: 6px;
+  font-size: 14.5px;
+  line-height: 1.55;
+  color: rgba(0,0,0,0.72);
+}
+/* bottone chiusura */
+.mp-modal-close{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  width: 38px;
+  height: 38px;
+  border-radius: 12px;
+  border: 1px solid rgba(0,0,0,0.12);
+  background: rgba(0,0,0,0.04);
+  cursor:pointer;
+  font-size: 18px;
+  color: rgba(0,0,0,0.65);
+  user-select:none;
+}
+/* attivazione */
+.mp-modal-toggle:checked + .mp-modal-backdrop{
+  display:block;
+}
+/* griglia “mini-calendario” */
+.mp-cal-grid{
+  display: flex;
+  gap: 14px;
+  margin-top: 12px;
+  overflow-x: auto;
+  padding-bottom: 8px;
+  scroll-snap-type: x mandatory;
+}
+.mp-cal-card{
+  min-width: 320px;
+  scroll-snap-align: start;
+}
+.mp-cal-card{
+  border-radius: 14px;
+  border: 1px solid rgba(0,0,0,0.10);
+  background: #fff;
+  padding: 12px 12px 11px;
+}
+.mp-cal-card .d{
+  font-size: 12px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: rgba(0,0,0,0.55);
+}
+.mp-cal-card .h{
+  margin-top: 6px;
+  font-size: 15.5px;
+  font-weight: 700;
+}
+.mp-cal-card .t{
+  margin-top: 7px;
+  font-size: 14.5px;
+  line-height: 1.45;
+  color: rgba(0,0,0,0.78);
 }
-.mp-principles ul{
+.mp-cal-card .tag{
-   margin: 0;
+  display:inline-block;
-   padding-left: 18px;
+   margin-top: 10px;
-   line-height: 1.7;
+  font-size: 12.5px;
+   padding: 4px 8px;
+  border-radius: 999px;
+  border: 1px solid rgba(201,162,77,0.35);
+  background: rgba(201,162,77,0.10);
+   color: rgba(0,0,0,0.70);
 }
-/* mobile */
+/* responsive */
-@media (max-width: 720px){
+@media (max-width: 860px){
-   .mp-academy-title{ font-size: 30px; }
+   .mp-cal-grid{ grid-template-columns: 1fr; }
-  .mp-step{ min-width: 260px; }
 }
 </style>
 <div class="mp-academy-wrap">
-   <div class="mp-academy-inner">
+<div class="mp-academy-inner">
+<div class="mp-academy-title">Masticationpedia Academy</div>
+<div class="mp-academy-sub">
+Un percorso metodologico a livelli per formarsi e contribuire in modo clinicamente rigoroso.
+</div>
+<div class="mp-toprow">
+   <div class="mp-academy-clarity">
+    <b>Chiarezza.</b> Questa pagina descrive un <b>percorso</b>, non un elenco di corsi.<br>
+    Non è una scorciatoia per entrare nel Masticationpedia Network.
+  </div>
+  <!-- SESSIONI APERTE -->
+  <div class="mp-open-sessions">
+    <b class="title">SESSIONI APERTE</b>
+    <div style="margin-top:8px;font-size:14.5px;line-height:1.55;">
+  Incontri pubblici e non strutturati in cui il metodo Masticationpedia
+  viene discusso e reso visibile.<br><br>
+  Sono sessioni episodiche di orientamento e confronto:
+  <b>non costituiscono un percorso formativo</b> e
+  <b>non producono qualifiche, titoli o credenziali</b>.<br><br>
+  La partecipazione <b>non</b> dà accesso all’Academy né al Network.<br><br>
-    <div class="mp-academy-title">Masticationpedia Academy</div>
+  Quando previsto, è possibile partecipare tramite <b>donazione libera</b>.
-    <div class="mp-academy-sub">
-      Un percorso metodologico a livelli per formarsi e contribuire in modo clinicamente rigoroso.
-    </div>
-    <div class="mp-academy-clarity">
-      <b>Chiarezza.</b> Questa pagina descrive un <b>percorso</b>, non un elenco di corsi.<br>
-      Non è una scorciatoia per entrare nel Masticationpedia Network.
-    </div>
-    <hr class="mp-soft-hr">
+<!-- PULSANTE + MODAL CALENDARIO (dentro Sessioni aperte) -->
+<label class="mp-modal-btn" for="mp-cal-open">📅 Calendario sessioni</label>
-    <div class="mp-track">
+<input class="mp-modal-toggle" type="checkbox" id="mp-cal-open">
-      <div class="mp-step">
+<label class="mp-modal-backdrop" for="mp-cal-open">
-        <div class="k">Livello 1</div>
+  <div class="mp-modal-panel" onclick="event.stopPropagation();">
-         <div class="h">Supporto editoriale iniziale</div>
+    <div class="mp-modal-head">
-         <div class="t">
+      <div>
-           <b>È:</b> onboarding metodologico, guida alla lettura e alla scrittura dei capitoli, standard e fonti.<br><br>
+         <div class="mp-modal-title">Calendario — Sessioni aperte</div>
-           <b>Non è:</b> un corso, una certificazione, una abilitazione.
+         <div class="mp-modal-sub">
+           Incontri pubblici di orientamento e confronto sul metodo Masticationpedia.
+           Non costituiscono percorso formativo e non producono credenziali.
          </div>
        </div>
+      <label class="mp-modal-close" for="mp-cal-open">✕</label>
+    </div>
-      <div class="mp-arrow">→</div>
+    <div class="mp-cal-grid">
-       <div class="mp-step">
+      <!-- ESEMPIO CARD 1 -->
-         <div class="k">Livello 2</div>
+       <div class="mp-cal-card">
-         <div class="h">Formazione online</div>
+         <div class="d">Roma — Data da definire</div>
+         <div class="h">Sessione aperta: metodo e casi</div>
          <div class="t">
-           <b>È:</b> moduli video asincroni, verifiche di comprensione, applicazione del metodo.<br><br>
+           Discussione guidata su struttura dei capitoli, criteri e casi clinici dimostrativi.
-          <b>Non è:</b> un titolo, un master, un percorso abilitante.
          </div>
+        <span class="tag">Sessione aperta</span>
        </div>
-       <div class="mp-arrow">→</div>
+       <!-- ESEMPIO CARD 2 -->
+       <div class="mp-cal-card">
-       <div class="mp-step">
+         <div class="d">Online — Data da definire</div>
-         <div class="k">Livello 3</div>
+         <div class="h">Q&A pubblico: come contribuire</div>
-         <div class="h">Formazione residenziale</div>
          <div class="t">
-           <b>È:</b> workshop clinico-metodologico, casi discussi, confronto strutturato.<br><br>
+           Domande e risposte su contributi, standard, bibliografia e revisione.
-          <b>Non è:</b> una specializzazione o una certificazione professionale.
          </div>
+        <span class="tag">Sessione aperta</span>
        </div>
-       <div class="mp-arrow">→</div>
+       <!-- ESEMPIO CARD 3 -->
+       <div class="mp-cal-card">
-       <div class="mp-step" style="min-width:320px;">
+         <div class="d">Education Center — Data da definire</div>
-         <div class="k">Livello 4</div>
+         <div class="h">Incontro introduttivo</div>
-         <div class="h">Valutazione di idoneità al Network</div>
          <div class="t">
-           <b>È:</b> una valutazione non automatica basata su qualità, coerenza e affidabilità.<br><br>
+           Presentazione del percorso Academy e chiarimenti su cosa è e cosa non è.
-          <b>Non è:</b> un accesso garantito né un meccanismo economico.
          </div>
+        <span class="tag">Sessione aperta</span>
        </div>
      </div>
-    <div class="mp-principles">
+  </div>
-      <h2>Principi di trasparenza</h2>
+</label>
-      <ul>
-        <li>Nessun ingresso automatico nel Network.</li>
+</div>
-        <li>Nessuna promessa economica.</li>
-        <li>Nessuna certificazione clinica.</li>
-        <li>La progressione dipende dalla qualità del percorso.</li>
+    <!-- Se hai il tooltip Dettagli, resta qui identico -->
-      </ul>
+    <!-- <div class="mp-tip" tabindex="0"> ... </div> -->
-    </div>
    </div>
+</div>
+<hr class="mp-soft-hr">
+<div class="mp-track">
+<div class="mp-step">
+<div class="k">Livello 1</div>
+<div class="h">Supporto editoriale iniziale</div>
+<div class="t">
+<b>È:</b> onboarding metodologico, guida alla lettura e alla scrittura dei capitoli, standard e fonti.<br><br>
+<b>Non è:</b> un corso, una certificazione, una abilitazione.
+</div>
+</div>
+<div class="mp-arrow">→</div>
+<div class="mp-step">
+<div class="k">Livello 2</div>
+<div class="h">Formazione online</div>
+<div class="t">
+<b>È:</b> moduli video asincroni, verifiche di comprensione, applicazione del metodo.<br><br>
+<b>Non è:</b> un titolo, un master, un percorso abilitante.
+</div>
+</div>
+<div class="mp-arrow">→</div>
+<div class="mp-step">
+<div class="k">Livello 3</div>
+<div class="h">Formazione residenziale</div>
+<div class="t">
+<b>È:</b> workshop clinico-metodologico, casi discussi, confronto strutturato.<br><br>
+<b>Non è:</b> una specializzazione o una certificazione professionale.
+</div>
+</div>
+<div class="mp-arrow">→</div>
+<div class="mp-step" style="min-width:320px;">
+<div class="k">Livello 4</div>
+<div class="h">Valutazione di idoneità al Network</div>
+<div class="t">
+<b>È:</b> una valutazione non automatica basata su qualità, coerenza e affidabilità.<br><br>
+<b>Non è:</b> un accesso garantito né un meccanismo economico.
+</div>
+</div>
+</div>
+<div class="mp-principles">
+<h2>Principi di trasparenza</h2>
+<ul>
+<li>Nessun ingresso automatico nel Network.</li>
+<li>Nessuna promessa economica.</li>
+<li>Nessuna certificazione clinica.</li>
+<li>La progressione dipende dalla qualità del percorso.</li>
+</ul>
+</div>
+</div>
 </div>
 </html>