/* ==========================================================================
   Ritocchi alla versione statica di C.A.M.P. (03/11/2026). Collegato da tutte le pagine.
   ========================================================================== */

/* --- Mappe della pagina Contatti: immagine statica (OpenStreetMap) con collegamento a Google Maps --- */
.mappa-statica { max-width: 750px; margin: 0 0 26px; }
.mappa-statica .mappa-img { display: block; line-height: 0; }
.mappa-statica .mappa-img img { display: block; width: 100%; height: auto; }
.mappa-statica .mappa-link { margin: 10px 0 0; }
.mappa-statica .mappa-link a { display: inline-block; padding: 9px 20px; background: #e0013f; color: #fff; text-decoration: none; font-size: 14px; }
.mappa-statica .mappa-link a:hover { background: #b8002f; color: #fff; }

/* --- Aree protette da password non piu' disponibili (video formativi, materiali di approfondimento): al posto del modulo c'e' un testo --- */
.area-non-disponibile { margin: 40px 0 60px; padding: 28px 24px; text-align: center; font-size: 20px; line-height: 1.5; background: #f5f5f5; border-left: 4px solid #e0013f; }

/* --- Telefono (max 479 px): sulle due pagine con l'avviso (video formativi = page-id-207, materiali di approfondimento = page-id-242) il testo usciva dallo schermo ---
   Il tema stringe il contenitore a 295 px e gli toglie il 10% per lato: il titolo "MATERIALI DI APPROFONDIMENTO" (parola "APPROFONDIMENTO" a 40 px = 429 px) veniva tagliato
   e il riquadro dell'avviso era largo solo 217 px. Si riducono i margini interni e si abbassa la dimensione del titolo solo in queste due pagine. --- */
@media (max-width: 479px) {
  .page-id-207 .page-title .container, .page-id-242 .page-title .container { padding-left: 15px; padding-right: 15px; }
  .page-id-207 h1.heading-title, .page-id-242 h1.heading-title { font-size: 24px; letter-spacing: -0.4px; }
  .page-id-207 .tlg-page-wrapper > .container, .page-id-242 .tlg-page-wrapper > .container { padding-left: 0; padding-right: 0; }
}

/* --- Home: fascia bianca di 20 px sopra e sotto l'immagine a tutto schermo (anche sul sito WordPress originale) ---
   Il tema da' al contenitore ".row" un margine di 20 px sopra e sotto; nella prima riga della home (page-id-2) c'e' solo l'immagine "header-single" a tutto schermo
   e quei 20 px restavano bianchi tra l'immagine e la fascia scura dei contatori. Si azzerano solo li'. --- */
.page-id-2 .wpb-content-wrapper > .vc_row:first-child .row { margin-top: 0; margin-bottom: 0; }