@charset "UTF-8";
/* Le pagine di /DATI/ dei siti di Collalto e Cornegliano, con l'aspetto dei siti — 23/10/2026 (CRS-Docs: 10_WEB_AND_SERVICES/fonti/aspetto_dati_dell_2026-10-23/).
   Le pagine le scrivono i Mac; nginx aggiunge testata, piè di pagina e questo foglio. Qui solo ciò che serve al contenuto di sempre. */
.dati-pagina { padding-top: 1.5rem; padding-bottom: 2.5rem; }
.dati-pagina img { max-width: 100%; }
.dati-pagina img:not([height]) { height: auto; }
.dati-pagina table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 0 0 1.5rem; font-size: .95rem; }
/* 06/11/2026 (centra_dati_2026-11-06): il <center> delle pagine dei Mac arriva come <div class="dati-centro"> (00-dati-tag-vecchi.inc): qui la sola regola del centramento, per il testo e per i blocchi. */
.dati-centro { text-align: center; }
.dati-centro > * { margin-left: auto; margin-right: auto; }
/* un <table> a blocco riempie il contenitore e non si potrebbe centrare: qui prende la larghezza del contenuto e sta nel mezzo; se non ci sta, scorre dentro il suo contenitore.
   Sta prima della @media qui sotto: a parita' di specificita' vince l'ultima, e cosi' sul telefono le tabelle con un h1 restano a tutta larghezza. La controprova ha spostato la regola dopo la @media e misurato 0 differenze su 9 pagine e larghezze: e' una prudenza, non una necessita' misurata. */
.dati-centro table { width: fit-content; margin-left: auto; margin-right: auto; }
/* 06/11/2026: height:120px in linea, insieme a max-width:100%, schiaccia il banner sul telefono (il manuale Snam, A.20, vieta le deformazioni): l'altezza segue la larghezza, fino a 120 px. */
.dati-pagina img[style*="height:120px"] { height: auto !important; max-height: 120px; }
/* 06/11/2026: il logo di Cornegliano, nelle pagine di Cornegliano che chiamano il banner di Collalto, alla misura che ha in EventTable_RSCL_it.html: 40 px. Dopo la regola qui sopra. */
.dati-pagina img[src$="/3pr_shad.png"] { height: 40px !important; max-height: 40px; }
.dati-pagina th, .dati-pagina td { padding: .35rem .6rem; vertical-align: top; }
.dati-pagina h1 { font-size: 1.75rem; line-height: 1.25; margin: .5rem 0 1rem; overflow-wrap: break-word; }
.dati-pagina h2 { font-size: 1.4rem; margin: 1.25rem 0 .75rem; }
.dati-pagina h3 { font-size: 1.15rem; margin: 1rem 0 .5rem; }
.dati-pagina hr { margin: 1rem 0; }
div.dati-avviso { display: block; width: auto; margin: 0 0 1rem; padding: .75rem 1.3rem .75rem 1rem; border: 0 none; border-left: .3rem solid #a66300; background: #fff4e0; color: #1a1a1a; text-align: left; }
.dati-avviso p { margin: 0; }
/* la mappa delle tabelle eventi: il contenitore resta vuoto finché la mappa non parte, e vuoto non si mostra */
#map:empty, #map:empty + table, #mapDivId:empty { display: none; }
/* gli elenchi delle cartelle, scritti da nginx */
.dati-pagina > pre { white-space: pre-wrap; overflow-wrap: anywhere; font-family: "Roboto Mono", ui-monospace, monospace; font-size: .9rem; line-height: 1.8; }
.dati-briciole { padding-top: 1rem; }
/* Le pagine di sempre hanno regole sui soli elementi (per esempio div { border: 10px solid #FF6502; width: 450px; … }) che toccherebbero anche
   testata e piè di pagina. Qui vincono per precisione (0,0,2 contro 0,0,1); le classi di Bootstrap Italia (0,1,0) restano più forti. */
header div, footer div { background-color: transparent; width: auto; padding: 0; border: 0 none; margin: 0; }
header table, footer table, header td, footer td { border: 0 none; }
/* Un <font face="calibri"> delle pagine di sempre avvolgeva tutto: dal 06/11/2026 arriva come uno <span> senza carattere (00-dati-tag-vecchi.inc), e qui resta il carattere dei siti. */
.dati-briciole, .dati-pagina, header.it-header-wrapper, footer.it-footer { font-family: var(--bs-body-font-family, "Titillium Web", sans-serif); }
/* sul telefono le tabelle che impaginano banner e titolo (quelle con un h1) si impilano; le tabelle di dati restano tabelle, e scorrono */
@media (max-width: 767.98px) {
  .dati-pagina table:has(h1), .dati-pagina table:has(h1) > tbody, .dati-pagina table:has(h1) > tbody > tr, .dati-pagina table:has(h1) > tbody > tr > td { display: block; width: auto; }
  .dati-pagina h1 { font-size: 1.5rem; }
}
/* il richiamo INFO accanto ai titoli non si sovrappone al titolo che va a capo */
.dati-pagina h1 sup { position: static; vertical-align: super; line-height: 0; white-space: nowrap; }
/* le note INFO, aperte in una finestra piccola */
.dati-nota { padding-top: 1rem; max-width: 60em; }
.dati-nota table { display: table; }
/* gli elenchi delle cartelle in forma di elenco (05/11/2026, dati_contro_merlot_2026-11-05): a 320 px il nome e sotto data e dimensione */
.dati-pagina ul.dati-elenco { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.dati-pagina ul.dati-elenco > li { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 1.5rem; padding: .4rem 0; border-bottom: 1px solid #c5c7c9; }
.dati-pagina ul.dati-elenco a { overflow-wrap: anywhere; min-width: 0; }
.dati-elenco-meta { white-space: normal; font-variant-numeric: tabular-nums; }
/* il testo delle righe arancioni dei Mac (tr.d0): il fondo resta il loro, cambia il colore del testo (WCAG 1.4.3) */
.dati-pagina tr.d0 td { color: #000; }
/* le voci di ToDoList (05/11/2026): una voce ha un indirizzo scritto per intero, che a 320 px deve andare a capo */
.dati-pagina ul.dati-voci > li { overflow-wrap: anywhere; margin-bottom: .5rem; }
/* il rosso delle pagine dei Mac (<font color="red">, che arriva come <span class="dati-rosso">): 5,89:1 sul bianco, dove red si ferma a 4,00:1 (WCAG 1.4.3; strumenti/contrasto.py del pacchetto).
   Negli avvisi il colore resta quello dell'avviso. <font color="blue"> oggi sta solo nei commenti delle pagine: la classe c'e' perche' un giorno non resti senza. */
.dati-rosso { color: #c00; }
.dati-avviso .dati-rosso { color: inherit; }
.dati-blu { color: blue; }
/* le note INFO: una parola lunga in una cella va a capo a 320 px, invece di allargare la pagina (WCAG 1.4.10) */
.dati-nota td { overflow-wrap: anywhere; }