/* ==========================================================================
   TROVAMI — mappa pubblica. Prestigio professionale: comparire è un riconoscimento.
   ========================================================================== */
.trovami{ --gold:#c2a14e; --gold-soft:#d8bf78; --bg:#1A1A2E; }
.tr-hero{ background:radial-gradient(900px 420px at 80% -10%, #25254a 0%, #1A1A2E 60%), #1A1A2E; color:#ece8df; padding:64px 0 40px; }
.tr-hero .wrap{ max-width:980px; margin:0 auto; padding:0 22px; }
.tr-eyebrow{ font-size:.72rem; letter-spacing:.24em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:.6rem; }
.tr-h1{ font-family:Georgia,"Cormorant Garamond",serif; font-size:3rem; margin:0 0 .6rem; color:#fff; font-weight:600; }
.tr-lead{ color:#a9a6bd; font-size:1.08rem; line-height:1.65; max-width:62ch; }

.tr-mapwrap{ background:#1A1A2E; padding:0 0 60px; }
.tr-mapwrap .wrap{ max-width:1180px; margin:0 auto; padding:0 22px; }
.tr-map{ height:64vh; min-height:480px; border-radius:18px; overflow:hidden; border:1px solid #36365a; box-shadow:0 30px 80px -40px rgba(0,0,0,.8); }
.tr-empty{ color:#a9a6bd; text-align:center; padding:30px; }
.tr-attrib{ color:#6f6c85; font-size:.78rem; margin:14px 2px 0; }

/* Pin dorato */
.tr-pin-dot{ display:block; width:18px; height:18px; border-radius:50%; background:var(--gold); border:3px solid #1A1A2E; box-shadow:0 0 0 2px var(--gold), 0 4px 10px rgba(0,0,0,.5); }

/* Popup scheda */
.tr-popup .leaflet-popup-content-wrapper{ background:#23233f; color:#ece8df; border:1px solid var(--gold); border-radius:14px; }
.tr-popup .leaflet-popup-tip{ background:#23233f; border:1px solid var(--gold); }
.tr-popup .leaflet-popup-content{ margin:14px 16px; }
.tr-card-top{ display:flex; align-items:center; gap:12px; }
.tr-card-nome{ font-family:Georgia,serif; font-size:1.15rem; color:#fff; }
.tr-card-liv{ font-size:.78rem; color:var(--gold); letter-spacing:.03em; }
.tr-card-luogo{ color:#a9a6bd; font-size:.86rem; margin:10px 0 0; }
.tr-card-alius{ display:flex; flex-wrap:wrap; gap:6px; margin:12px 0 0; }
.tr-card-alius span{ font-size:.72rem; padding:4px 10px; border:1px solid #36365a; border-radius:999px; color:var(--gold-soft); }
.tr-card-cont{ display:flex; flex-direction:column; gap:4px; margin:12px 0 0; padding-top:10px; border-top:1px solid #36365a; }
.tr-card-cont a{ color:var(--gold-soft); font-size:.86rem; text-decoration:none; }
.tr-card-cont a:hover{ text-decoration:underline; }

@media (max-width:700px){
  .tr-h1{ font-size:2.2rem; }
  .tr-map{ height:70vh; min-height:380px; }
}

/* ==========================================================================
   IL CUSTODE DEL METODO
   Il livello più alto si riconosce a colpo d'occhio: anello dorato sul
   segnaposto, cornice dorata attorno alla scheda. Nessun'altra differenza —
   il riconoscimento sta nella cornice, non nel rumore.
   ========================================================================== */
.tr-pin-dot--custode{
  width:22px; height:22px;
  box-shadow:0 0 0 2px var(--gold), 0 0 0 6px rgba(194,161,78,.28), 0 4px 12px rgba(0,0,0,.55);
}
.tr-card--custode{
  position:relative;
  border:1px solid var(--gold);
  border-radius:10px;
  padding:14px 14px 12px;
  margin:-4px -2px;
  background:linear-gradient(180deg, rgba(194,161,78,.10), rgba(194,161,78,0) 55%);
  box-shadow:inset 0 0 0 1px rgba(194,161,78,.28);
}
.tr-card--custode::before{
  content:"Custode del Metodo";
  position:absolute; top:-8px; left:12px;
  background:#23233f; padding:0 8px;
  font-size:.62rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold);
}
.tr-card--custode .tr-card-top{ margin-top:4px; }
/* Il titolo è già scritto sulla cornice: non lo ripetiamo sotto il nome. */
.tr-card--custode .tr-card-liv{ display:none; }
/* Docente / Assistente della scuola: la dicitura sotto il livello. */
.tr-card-ruolo{
  font-size:.72rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--gold-soft); margin-top:3px;
}
.tr-card--custode .tr-card-ruolo{ color:var(--gold); font-weight:600; margin-top:1px; }