/*
Theme Name: EASYTM 2026
Theme URI: https://www.easytm.it/
Author: D.P.S. Soluzioni Informatiche S.r.l.
Description: Tema a blocchi di EASYTM®. Riproduce il mockup v4 del 24/09/2026 con i soli formati del nucleo di WordPress, senza plugin; Montserrat sul nostro server. Questo foglio è GENERATO dal mockup (02-Sito-nuovo\costruisci.py genera): non modificarlo a mano.
Version: 1.0.24
Requires at least: 6.7
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: easytm-2026
*/

:root{--blu:#0078A9;--blu-scuro:#0a6489;--blu-chiaro:#4FB3DD;--dark0:#0E1216;--dark1:#15191C;--dark2:#1A2026;
 --txt-dark:#C6CFD6;--soft:#8E99A2;--nero:#1A1A1A;--grigio:#616161;--chiaro:#F4F5F7;--bordo:#E3E7EB;--tinta:#E6F3F8;--avviso:#FFF3CD;--avviso-txt:#7a5a00;--maxw:1180px}
*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:var(--nero);font-family:Montserrat,system-ui,sans-serif;font-size:16px;line-height:1.6}
h1,h2,h3{margin:0;font-weight:800;line-height:1.16;letter-spacing:-.02em;color:var(--nero)}
h3{font-size:19px;font-weight:700;letter-spacing:-.01em}
p{margin:0}
a{color:var(--blu);text-decoration:none}
a:hover{text-decoration:underline}
/* 29/09/2026: i collegamenti dentro frasi ed elenchi si riconoscono anche senza il colore (accessibilità; Lighthouse
   «link-in-text-block»). Solo quelli senza classe: pulsanti, menu, porte, schede e «Vai a … ›» restano come sono. */
p a:not([class]),li a:not([class]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(0,120,169,.45)}
p a:not([class]):hover,li a:not([class]):hover{text-decoration-color:var(--blu)}
footer.site .copy a{text-decoration:underline;text-underline-offset:3px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
/* testata del sito (fissa in alto: vedi assets/css/sito.css) */
header.site{height:74px;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--bordo)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}
header.site img{height:26px;display:block;flex-shrink:0}
nav.menu{display:flex;gap:20px;font-size:13px;font-weight:600;flex-wrap:nowrap}
nav.menu a{color:var(--grigio);padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
nav.menu a:hover{text-decoration:none;color:var(--blu)}
nav.menu a.on{color:var(--blu);border-bottom-color:var(--blu)}
.btn{display:inline-block;background:var(--blu);color:#fff;border-radius:10px;padding:14px 26px;font-weight:600;font-size:15px;box-shadow:0 8px 22px rgba(0,120,169,.22);white-space:nowrap}
.btn:hover{text-decoration:none;background:var(--blu-scuro)}
.btn-ghost{display:inline-block;background:#fff;color:var(--blu);border:2px solid var(--blu);border-radius:10px;padding:12px 24px;font-weight:600;font-size:15px;white-space:nowrap}
.btn-light{display:inline-block;background:#fff;color:var(--blu);border-radius:10px;padding:14px 26px;font-weight:600;font-size:15px}
header.site .btn{padding:10px 16px;font-size:13px;flex-shrink:0;box-shadow:none}
/* bande */
.band{padding:84px 0}
.band.alt{background:var(--chiaro)}
.band.dark{background:var(--dark0);color:var(--txt-dark)}
.band.dark h2,.band.dark h3{color:#fff}
.band.dark .lead,.band.dark p{color:var(--txt-dark)}
.chi{font-size:14px;letter-spacing:.02em;font-weight:700;color:var(--blu);margin-bottom:12px}
.band.dark .chi{color:var(--blu-chiaro)}
.h2{font-size:34px;margin:0 0 14px;max-width:900px}
.lead{font-size:18px;color:var(--grigio);max-width:820px}
/* apertura a due colonne */
.hero{padding:76px 0 72px;background:radial-gradient(760px 420px at 88% 0%,var(--tinta),transparent 70%),#fff}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{font-size:44px;line-height:1.1;margin:0 0 18px}
.hero .sub{font-size:19px;font-weight:500;color:var(--nero);margin-bottom:14px;line-height:1.45}
.hero .lead{font-size:17px}
.cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;align-items:center}
/* griglie e card */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;align-items:start}
.card{background:#fff;border:1px solid var(--bordo);border-radius:14px;padding:26px;box-shadow:0 8px 28px rgba(16,40,60,.06);display:flex;flex-direction:column}
.card h3{margin-bottom:10px}
.card p{font-size:15px;color:var(--grigio)}
.band.dark .card{background:var(--dark2);border:1px solid rgba(255,255,255,.09);border-top:3px solid var(--blu);box-shadow:none}
.band.dark .card p{color:var(--txt-dark)}
.law{display:block;font-size:12.5px;color:var(--soft);margin-top:auto;padding-top:14px}
.law:before{content:"";display:block;border-top:1px solid rgba(255,255,255,.09);margin-bottom:10px}
.band.light .law,.band.alt .law{color:var(--grigio)}
.band.light .law:before,.band.alt .law:before{border-top-color:var(--bordo)}
.door{background:linear-gradient(180deg,#fff,var(--tinta));padding:28px}
.door h3{font-size:20px}
.door .q{color:var(--nero);font-weight:600;font-size:15px}
.door .who{font-size:13px;color:var(--grigio);margin-top:10px}
.door .more{display:inline-block;margin-top:16px;font-weight:700;color:var(--blu-scuro)}
/* passi del flusso (è una sequenza) */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;counter-reset:passo}
.step{padding:22px 22px 22px 0;border-top:2px solid var(--bordo)}
.step:before{counter-increment:passo;content:counter(passo);display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--blu);color:#fff;font-weight:800;font-size:14px;align-items:center;justify-content:center;margin-bottom:12px}
.step h3{font-size:18px;margin-bottom:8px}
.step p{font-size:14.5px;color:var(--grigio)}
/* infografiche */
.fig{background:#fff;border:1px solid var(--bordo);border-radius:16px;box-shadow:0 14px 40px rgba(16,40,60,.10);overflow:hidden}
.fig .bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--bordo);font-size:12.5px;color:var(--grigio);background:var(--chiaro)}
.fig .bar b{color:var(--nero);font-weight:700}
.fig .cap{font-size:12px;color:var(--grigio);padding:10px 18px;border-top:1px solid var(--bordo);background:#fff}
.queue{list-style:none;margin:0;padding:0 0 6px}
.queue li{display:grid;grid-template-columns:1.7fr 1.3fr .9fr .45fr;gap:12px;padding:11px 18px;border-bottom:1px solid var(--bordo);font-size:13px;align-items:center}
.queue li.qh{padding:8px 18px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grigio);background:#fff}
.queue li:last-child{border-bottom:none}
.queue .t{font-weight:600;color:var(--nero)}
.queue .t small{display:block;font-weight:500;color:var(--grigio);font-size:12px}
.pill{display:inline-block;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;white-space:nowrap}
.pill.ok{background:var(--tinta);color:var(--blu-scuro)}
.pill.run{background:#EEF1F4;color:var(--grigio)}
.pill.wait{background:var(--avviso);color:var(--avviso-txt)}
.queue .who,.queue .d{color:var(--grigio)}
.doc{padding:6px 18px 10px}
.doc .row{display:grid;grid-template-columns:22px 1fr 1.25fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--bordo);font-size:13px;align-items:center}
.doc .row:last-child{border-bottom:none}
.doc .ck{width:18px;height:18px;border-radius:50%;background:var(--blu);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:800}
.doc .f{font-weight:600;color:var(--nero)}
.doc .s{color:var(--grigio)}
.dash{padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dash.three{grid-template-columns:repeat(3,1fr)}
.tile{background:var(--chiaro);border-radius:10px;padding:12px 14px}
.tile .n{font-size:22px;font-weight:800;color:var(--blu);line-height:1.1}
.tile .l{font-size:11.5px;color:var(--grigio);margin-top:3px}
.tile .tr{font-size:11px;font-weight:700;color:var(--blu-scuro);margin-top:4px}
.bars{padding:0 18px 16px}
.bars .title{font-size:12px;font-weight:700;color:var(--nero);padding:4px 0 8px;border-top:1px solid var(--bordo);margin-top:4px;padding-top:12px}
.bars .b{display:grid;grid-template-columns:70px 1fr 44px;gap:10px;align-items:center;font-size:12.5px;color:var(--grigio);padding:5px 0}
.bars .b i{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--blu),var(--blu-chiaro))}
.reg{width:100%;border-collapse:collapse;font-size:12.5px;table-layout:fixed}
.reg th,.reg td{padding:9px 10px;border-bottom:1px solid var(--bordo);text-align:left;vertical-align:middle}
.reg th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--grigio);background:var(--chiaro);overflow-wrap:normal}
.reg th:first-child,.reg td:first-child{width:22%}
.reg td.ok{color:var(--blu-scuro);font-weight:700}
.reg td.warn{color:var(--avviso-txt);font-weight:700;background:#FFF9E6}
.hub{display:block;width:100%;height:auto}
/* tabella di confronto */
table.ctable{width:100%;border-collapse:collapse;margin-top:34px;font-size:15px;background:#fff;border:1px solid var(--bordo);border-radius:14px;overflow:hidden}
table.ctable th,table.ctable td{padding:14px 18px;border-bottom:1px solid var(--bordo);text-align:left;vertical-align:top}
table.ctable th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--grigio);background:var(--chiaro)}
table.ctable td.ok{color:var(--blu-scuro);font-weight:600}
/* numeri e fiducia */
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:36px}
.stats.five{grid-template-columns:repeat(5,1fr)}
/* 28/09/2026 sera: senza i conteggi tolti (7 fondi, 1 giorno, 38 fornitori, 43 edifici) le file sono di 4 o di 3 numeri */
.stats.four{grid-template-columns:repeat(4,1fr)}.stats.three{grid-template-columns:repeat(3,1fr)}
.stat{border-left:2px solid var(--blu);padding-left:14px}
.stat .n{font-size:30px;font-weight:800;color:#fff;line-height:1.1}
.stat .l{font-size:12.5px;color:var(--soft);margin-top:4px}
.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.badges span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--txt-dark)}
/* domande frequenti */
.faq{margin-top:30px;border-top:1px solid var(--bordo)}
.faq details{border-bottom:1px solid var(--bordo)}
.faq summary{cursor:pointer;padding:16px 0;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--blu);font-weight:800;font-size:20px;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq details p{padding:0 0 16px;color:var(--grigio);font-size:15px;max-width:820px}
/* invito finale su scuro */
.cta-dark{background:linear-gradient(135deg,var(--dark1),var(--dark0));padding:72px 0}
.cta-dark .form{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}
.cta-dark .form div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px 14px;color:var(--soft);font-size:14px}
/* piè di pagina */
footer.site{background:var(--dark0);color:var(--soft);font-size:13px;padding:44px 0 28px;border-top:1px solid rgba(255,255,255,.09)}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
footer.site .ft{color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-weight:700}
footer.site a{color:var(--txt-dark);display:block;margin-bottom:8px}
footer.site .copy{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);font-size:12px}
.badge{display:inline-block;background:var(--avviso);color:var(--avviso-txt);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:6px 10px;margin-left:12px;vertical-align:middle}
.note{font-size:12.5px;color:var(--grigio);margin-top:22px}
.band.dark .note{color:var(--soft)}
.faq summary h3{font-size:16px;font-weight:700;letter-spacing:0;margin:0;line-height:1.45}
.card ul{margin:10px 0 0;padding-left:20px;color:var(--grigio);font-size:15px}
.card ul li{margin-bottom:6px}
.card.kpi{margin-top:28px}
.card.kpi p+p{margin-top:10px}
.cta-dark .note{color:var(--soft)}
.xlink{margin-top:26px;font-size:15px;color:var(--grigio)}
@media (max-width:980px){.hero .wrap,.g2{grid-template-columns:1fr}.g3,.stats,.stats.five,.stats.four,.stats.three,.dash,.dash.three{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.hero h1{font-size:36px}nav.menu{display:none}.cta-dark .form{grid-template-columns:1fr 1fr}footer.site .cols{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.g3,.stats,.stats.five,.stats.four,.stats.three,.steps,.dash,.dash.three,.cta-dark .form,footer.site .cols{grid-template-columns:1fr}.hero h1{font-size:30px}.h2{font-size:26px}.band{padding:60px 0}.hero{padding:56px 0}.queue li{grid-template-columns:1fr auto;gap:8px 12px}.queue .t,.queue .pill{grid-column:1/-1}.queue .pill{justify-self:start}.queue li.qh{display:none}}
/* home: elenco colorato delle tre pagine sotto il titolo e porte alleggerite (proposta grafica del 26/09/2026, applicata il 27/09) */
/* colori delle tre pagine, solo nei riquadri delle icone e mai per gli stati: variante «colori» scelta da Marco (27/09/2026, 00:33);
   sono scritti nello standard del marchio (03-Marchio\Standard-del-marchio.md) */
.tinte-colori{--t1:#0078A9;--t1-fondo:#E6F3F8;--t1-bordo:#C6E1EC;--t2:#0B7A69;--t2-fondo:#E4F6F3;--t2-bordo:#C4E9E2;--t3:#A65A05;--t3-fondo:#FCEFDE;--t3-bordo:#F7D9B6}
.per-gestori{--ico:var(--t1);--ico-fondo:var(--t1-fondo);--ico-bordo:var(--t1-bordo)}
.per-proprieta{--ico:var(--t2);--ico-fondo:var(--t2-fondo);--ico-bordo:var(--t2-bordo)}
.per-aziende{--ico:var(--t3);--ico-fondo:var(--t3-fondo);--ico-bordo:var(--t3-bordo)}
/* riquadro dell'icona, uguale nell'elenco in cima e nelle porte */
.ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border-radius:12px;background:var(--ico-fondo);border:1px solid var(--ico-bordo);color:var(--ico)}
.ico svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* elenco delle tre pagine sotto il titolo: ogni riga è un solo collegamento, tutta cliccabile */
.pagine{list-style:none;margin:24px 0 0;padding:6px;max-width:580px;background:#fff;border:1px solid var(--bordo);border-radius:16px;box-shadow:0 10px 30px rgba(16,40,60,.07)}
.pagine li+li{border-top:1px solid var(--bordo)}
.pagina{display:flex;align-items:center;gap:16px;padding:12px 18px 12px 12px;border-radius:11px;color:var(--nero);transition:background-color .2s ease}
.pagina .testo{flex:1;min-width:0}
.pagina .nome{display:block;font-size:16px;font-weight:700;line-height:1.3;transition:color .2s ease}
.pagina .domanda{display:block;margin-top:3px;font-size:14px;line-height:1.4;color:var(--grigio)}
.pagina:after{content:"";flex-shrink:0;width:8px;height:8px;margin-right:2px;border-top:2px solid var(--blu);border-right:2px solid var(--blu);transform:rotate(45deg);transition:transform .2s ease}
.pagina:hover{text-decoration:none;background:#F2F8FB}
.pagina:hover .nome{color:var(--blu)}
.pagina:hover:after{transform:translateX(3px) rotate(45deg)}
.pagina:focus-visible{outline:3px solid var(--blu);outline-offset:-3px;border-radius:11px}
/* la riga «Le richieste arrivano…» passa sotto il pulsante, così il pulsante resta nella prima schermata */
.hero .cta+.lead{margin-top:26px}
/* porte più sotto: stesso riquadro dell'icona, senza la domanda (sta già in cima), tutta la scheda porta alla pagina */
.door.porta{position:relative;background:#fff}
.porta .ico{align-self:flex-start;width:52px;height:52px;border-radius:14px;margin-bottom:20px}
.porta .ico svg{width:28px;height:28px}
.porta .who{margin-bottom:18px}
.porta .more{margin-top:auto}
.porta .more:after{content:"";position:absolute;inset:0;border-radius:14px}
.porta .more:focus-visible{outline:none}
.porta .more:focus-visible:after{outline:3px solid var(--blu);outline-offset:3px}
.porta:hover{border-color:#CFDCE4;box-shadow:0 16px 36px rgba(16,40,60,.11)}
@media (max-width:980px){.pagine{max-width:640px}}
@media (max-width:760px){.pagine{margin-top:20px;padding:4px;border-radius:14px}.pagina{gap:12px;padding:11px 14px 11px 10px}.pagina .ico{width:40px;height:40px;border-radius:11px}.pagina .ico svg{width:23px;height:23px}.pagina .nome{font-size:15px}.pagina .domanda{font-size:13.5px}}
@media (prefers-reduced-motion:reduce){.pagina,.pagina .nome,.pagina:after{transition:none}.pagina:hover:after{transform:rotate(45deg)}}
/* testata e piè di pagina del 27/09/2026, forma «fila» */
/* testata e piè di pagina: regole nuove per il foglio del mockup, proposta del 27/09/2026 dell'esperto di interfaccia e marketing.
   Le regole di oggi che queste sovrascrivono sono elencate in Proposta-testata-piede.md, capitolo «Regole di oggi che sovrascrivo». */

/* --- testata, tutte e due le forme ---
   Il menu a 12 px anche nel mockup, com'è già sul sito da sito.css riga 32: con il nome intero della pagina Aziende la fila a
   13 px misura 1154 px e la colonna ne ha 1124; a 12 px misura 1096 px. Nella tendina il menu torna a 13 px, vedi sotto. */
nav.menu{font-size:12px}
/* come sul sito da sito.css riga 48: sotto i 760 px la testata non ha il pulsante, perché nella prima schermata resta il solo
   «Prenota un incontro» del corpo. Nel mockup la regola mancava e a 360 px il pulsante usciva dalla colonna di 40 px */
@media (max-width:760px){header.site > .wrap > .btn{display:none}}

/* --- piè di pagina: tre colonne finché non esistono le pagine di «Risorse»; la riga di apertura in una classe al posto dello
   stile in linea; la sede sotto «Contatti». Sotto i 980 px la colonna EASYTM® prende tutta la riga e le altre due stanno sotto,
   affiancate; sotto i 760 px una colonna sola, come oggi. --- */
footer.site .cols{grid-template-columns:1.5fr 1fr 1fr;gap:28px 40px}
footer.site .apertura{max-width:360px}
footer.site .sede{margin-top:4px;line-height:1.6}
@media (max-width:980px){footer.site .cols{grid-template-columns:1fr 1fr}footer.site .cols > div:first-child{grid-column:1/-1}footer.site .apertura{max-width:560px}}
@media (max-width:760px){footer.site .cols{grid-template-columns:1fr;gap:26px}footer.site .cols > div:first-child{grid-column:auto}}


/* proposta News dell'esperto, 27/09/2026 */
/* News e articoli, 27/09/2026 (esperto di marketing strategico e interfaccia). Solo regole nuove: le classi del mockup non cambiano.
   Misure: griglia delle News a 3 colonne fino a 980 px, 2 fino a 760, poi 1; colonna di lettura dell'articolo 780 px (836 con i bordi
   del .wrap); corpo 17 px con interlinea 1,7 e 22 px fra i paragrafi; sotto i 760 px 16 px con interlinea 1,65. */

/* --- pagina News: apertura --- */
.notizie-testa{padding:64px 0 36px;background:radial-gradient(760px 420px at 88% 0%,var(--tinta),transparent 70%),#fff}
.notizie-testa h1{font-size:40px;line-height:1.12;max-width:900px;margin:0 0 18px}
.notizie-testa .lead{max-width:760px}

/* --- elenco degli articoli: griglia di schede, ogni scheda è un solo collegamento --- */
.notizie-elenco{padding:8px 0 84px;background:#fff}
.notizie{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.notizia{display:flex;background:#fff;border:1px solid var(--bordo);border-radius:16px;overflow:hidden;box-shadow:0 8px 28px rgba(16,40,60,.06);transition:box-shadow .2s ease,border-color .2s ease}
.notizia:hover{border-color:#CFDCE4;box-shadow:0 16px 36px rgba(16,40,60,.11)}
.notizia-link{display:flex;flex-direction:column;width:100%;color:var(--nero)}
.notizia-link:hover{text-decoration:none}
.notizia-link:focus-visible{outline:3px solid var(--blu);outline-offset:-3px;border-radius:16px}
.notizia-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--bordo)}
.notizia-testo{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.notizia .chi{display:block;font-size:13px;margin-bottom:8px}
.notizia h2{font-size:19px;line-height:1.3;letter-spacing:-.01em;margin:0 0 10px;transition:color .2s ease}
.notizia-link:hover h2{color:var(--blu)}
.notizia-estratto{display:block;font-size:14.5px;line-height:1.55;color:var(--grigio)}
.notizia .more{display:inline-block;margin-top:auto;padding-top:18px;font-weight:700;font-size:14px;color:var(--blu-scuro)}
.notizia .more:after{content:"\00a0›"}

/* --- chiusura della pagina News: l'unico «Prenota un incontro» della pagina --- */
.notizie-fine .cta{margin-top:26px}

/* --- articolo: apertura (sopratitolo con la data, titolo, riga, immagine) --- */
.wrap.articolo-colonna{max-width:836px}
.articolo-testa{padding:60px 0 0;background:radial-gradient(760px 420px at 88% 0%,var(--tinta),transparent 70%),#fff}
.articolo-testa .chi{margin-bottom:14px}
.articolo-testa h1{font-size:40px;line-height:1.12;margin:0 0 18px}
.articolo-testa .lead{font-size:19px;line-height:1.5}
.articolo-figura{margin:30px 0 0}
.articolo-figura img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 14px 40px rgba(16,40,60,.10)}
.articolo-figura figcaption{font-size:13px;line-height:1.5;color:var(--grigio);margin-top:10px}

/* --- articolo: colonna di lettura --- */
.articolo-corpo{padding:40px 0 64px;background:#fff}
.articolo{font-size:17px;line-height:1.7;color:var(--nero)}
.articolo p{margin:0 0 22px}
.articolo h2{font-size:26px;line-height:1.25;margin:46px 0 14px}
.articolo h3{font-size:20px;line-height:1.3;font-weight:700;margin:32px 0 10px}
.articolo h2:first-child,.articolo h3:first-child{margin-top:0}
.articolo ul,.articolo ol{margin:0 0 22px;padding-left:26px}
.articolo li{margin-bottom:8px;padding-left:4px}
.articolo li::marker{color:var(--blu);font-weight:700}
.articolo strong{font-weight:700}
.articolo a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(0,120,169,.45)}
.articolo a:hover{text-decoration-color:var(--blu)}
.articolo blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--blu);font-size:18px;color:var(--grigio)}
.articolo blockquote p:last-child{margin-bottom:0}
.articolo table{width:100%;border-collapse:collapse;margin:0 0 26px;font-size:15px;line-height:1.5}
.articolo th,.articolo td{padding:11px 12px;border-bottom:1px solid var(--bordo);text-align:left;vertical-align:top}
.articolo th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--grigio);background:var(--chiaro)}
.articolo .articolo-figura{margin:28px 0 30px}
.articolo .articolo-figura img{box-shadow:0 8px 28px rgba(16,40,60,.08);border:1px solid var(--bordo)}
/* le figure numeriche riusano .fig del mockup; le barre prendono la larghezza da una classe, perché nel corpo non ci sono stili in linea */
.articolo .fig{margin:28px 0 30px}
.articolo .fig .bar{flex-wrap:wrap;gap:4px 12px}
.articolo .bars .title:first-child{border-top:none;margin-top:6px}
.articolo .bars .b{grid-template-columns:minmax(120px,44%) 1fr 48px;font-size:13.5px;line-height:1.35;padding:7px 0}
.articolo .bars .b span:last-child{font-weight:700;color:var(--nero);text-align:right}
.articolo .bars i.w86{width:86%}
.articolo .bars i.w14{width:14%}
.articolo .bars i.w54{width:54%}
.articolo .bars i.w46{width:46%}
.articolo .dash .tile .n{font-size:24px}

/* --- articolo: chiusura --- */
.articolo-fine{padding:64px 0}
.articolo-fine .h2{font-size:30px}
.articolo-fine .cta{margin-top:26px}
.articolo-fine .xlink{margin-top:22px}

/* --- misure sotto i 980 e i 760 px --- */
@media (max-width:980px){.notizie{grid-template-columns:1fr 1fr;gap:22px}.notizie-testa h1,.articolo-testa h1{font-size:34px}}
@media (max-width:760px){.notizie{grid-template-columns:1fr}.notizie-testa{padding:48px 0 28px}.notizie-testa h1,.articolo-testa h1{font-size:28px}.notizie-elenco{padding-bottom:60px}.articolo-testa{padding-top:44px}.articolo-testa .lead{font-size:17px}.articolo{font-size:16px;line-height:1.65}.articolo h2{font-size:23px;margin-top:38px}.articolo h3{font-size:19px}.articolo-corpo{padding:30px 0 48px}.articolo .bars .b{grid-template-columns:1fr 48px}.articolo .bars .b i{grid-column:1/-1;order:3}.articolo-fine{padding:52px 0}.articolo-fine .h2{font-size:26px}.articolo table{font-size:14px}.articolo th,.articolo td{padding:9px 8px}}
@media (prefers-reduced-motion:reduce){.notizia,.notizia h2{transition:none}}
/* News, 27/09/2026 (Claude): il piè di pagina torna a quattro colonne con «Risorse» (News), come previsto il 27/09 in
   Proposta-testata-piede.md, punto 6. Sotto i 980 px la colonna EASYTM® prende tutta la riga e le altre tre stanno sotto,
   affiancate; sotto i 760 px una colonna sola. Queste regole vengono dopo quelle del 27/09 mattina e le sovrascrivono. */
footer.site .cols{grid-template-columns:1.5fr 1fr .8fr 1fr}
@media (max-width:980px){footer.site .cols{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:760px){footer.site .cols{grid-template-columns:1fr}}
/* Parti generate dell'articolo (Claude): le immagini non escono mai dalla colonna; nella chiusura il pulsante con il nome
   intero della pagina del mercato va a capo, e sotto i 760 px i due pulsanti stanno in colonna. */
.articolo img,.articolo-figura img{max-width:100%;height:auto}
.articolo-chiusura .cta .btn-ghost{white-space:normal;text-align:center}
/* 28/09/2026 sera: «Prenota un incontro» solo nella testata; nella chiusura la pagina del mercato è un collegamento di testo, come nelle porte della home */
.articolo-chiusura .more{display:inline-block;margin-top:4px;font-weight:700;color:var(--blu-scuro)}
@media (max-width:760px){.articolo-chiusura .cta{flex-direction:column;align-items:stretch}.articolo-chiusura .cta .btn,.articolo-chiusura .cta .btn-ghost{text-align:center}}
/* Menu con «News» (27/09/2026, regola di Marco delle 16:00): la fila con i nomi interi finché ci sta, poi i nomi corti,
   poi il menu che si apre col pulsante (quello, solo del sito, sta in sito.css). Misure del 27/09 sul sito vero, uguali in
   Chromium e WebKit (Montserrat 600 a 12 px): logo 154 px, pulsante 167, fra i pezzi 24, fra le voci 20, margini 56.
   La riga con i quattro nomi interi misura 1151 px (finestra minima 1207); con i nomi corti 723 (finestra minima 779).
   Dal 28/09/2026 le voci sono cinque, con «Sicurezza e governance» («Sicurezza»): finestra minima 1373 px con i nomi interi e
   857 con i nomi corti (misure del 28/09, stesso metodo, Chromium e WebKit uguali).
   Soglie con almeno 16 px d'aria per parte: nomi interi da 1410 px, nomi corti da 890 a 1409 px, pulsante sotto gli 890.
   La testata può usare più larghezza della colonna dei contenuti (1180 px): fino a 1440 px, centrata.
   Dal 28/09/2026 pomeriggio, con il passaggio di lingua «EN» / «IT» accanto al pulsante (34 px più la distanza di 24): finestra
   minima 1431 px con i nomi interi e 916 con i corti (misure del 28/09, Chromium e WebKit uguali, Verifiche\2026-09-28_inglese\
   misura_testata.py). Soglie nuove, con la stessa aria: testata fino a 1470 px, nomi interi da 1470, corti da 950 a 1469. */
header.site .wrap{max-width:1470px}
nav.menu .nome-corto{display:none}
@media (max-width:1469px){nav.menu .nome-intero{display:none}nav.menu .nome-corto{display:inline}}
@media (min-width:950px){nav.menu{display:flex}}
/* Privacy e cookie (27/09/2026): i collegamenti «Privacy» e «Cookie» restano nella riga del ©, separati dai punti */
footer.site .copy a{display:inline;margin:0}
/* Social di EASYTM (27/09/2026 sera): i sei profili ufficiali sotto la sede (Marco, 21:44 e 21:49), stesso spazio che c'è fra «Contatti» e la sede */
footer.site .social{margin-top:12px}
/* Sicurezza e governance (28/09/2026): regole della pagina nuova */
/* Sicurezza e governance (28/09/2026), esperto di marketing strategico: solo classi nuove, le regole esistenti non cambiano. */

/* Tabella «che cosa chiedono DORA e NIS2 / che cosa trovi per EASYTM® / dove è scritto».
   Sopra i 760 px tre colonne; sotto i 760 px ogni riga diventa una scheda: il requisito come titolo, poi le due risposte
   con la loro etichetta (dall'attributo data-etichetta), così a 390 px si legge senza scorrere di lato. */
table.tabella-legge{width:100%;border-collapse:collapse;margin-top:34px;font-size:15px;line-height:1.5;background:#fff;border:1px solid var(--bordo)}
table.tabella-legge th,table.tabella-legge td{padding:14px 18px;border-bottom:1px solid var(--bordo);text-align:left;vertical-align:top}
table.tabella-legge thead th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--grigio);background:var(--chiaro)}
table.tabella-legge tbody th{width:31%;font-weight:700;color:var(--nero)}
table.tabella-legge .rif{display:block;margin-top:6px;font-size:12.5px;font-weight:500;color:var(--grigio)}
table.tabella-legge td.dove{width:23%;font-size:13.5px;color:var(--grigio)}
table.tabella-legge tbody tr:last-child th,table.tabella-legge tbody tr:last-child td{border-bottom:none}
@media (max-width:760px){
 table.tabella-legge,table.tabella-legge tbody,table.tabella-legge tr,table.tabella-legge th,table.tabella-legge td{display:block;width:auto}
 table.tabella-legge thead{display:none} /* come le tabelle ctable e reg di sito.css: ogni cella ha la sua etichetta (28/09/2026, Claude: verifica.py) */
 table.tabella-legge tbody tr{padding:16px;border-bottom:1px solid var(--bordo)}
 table.tabella-legge tbody tr:last-child{border-bottom:none}
 table.tabella-legge tbody th,table.tabella-legge td,table.tabella-legge td.dove{width:auto;padding:0;border-bottom:none}
 table.tabella-legge td{margin-top:12px}
 table.tabella-legge td:before{content:attr(data-etichetta);display:block;margin-bottom:2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--grigio)}
}

/* Collegamento dalla scheda DORA della pagina Proprietà, su fondo scuro: azzurro del marchio (6,9:1 su #1A2026) e sottolineato.
   Il blu dei collegamenti (#0078A9) su quel fondo arriva a 3,3:1, sotto il minimo per il testo. */
.band.dark a.link-chiaro{color:var(--blu-chiaro);text-decoration:underline;text-underline-offset:3px}
.band.dark a.link-chiaro:hover{color:#fff}

/* Documenti da scaricare: il collegamento sta in fondo alla scheda. */
.card .scarica{margin-top:auto;padding-top:14px;font-weight:700}
/* Sito in inglese (28/09/2026): il passaggio di lingua nella testata, «EN» sulle pagine italiane e «IT» su quelle inglesi, subito
   prima del pulsante, con una linea sottile che lo separa dal menu; il menu resta centrato fra il logo e il passaggio.
   Sotto i 950 px (menu col pulsante) il passaggio va a destra, accanto al pulsante della testata e a quello del menu. */
header.site nav.menu{margin-left:auto;margin-right:auto}
header.site .lingua{flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--grigio);padding:6px 0 6px 14px;border-left:1px solid var(--bordo);line-height:1.2}
header.site .lingua:hover{color:var(--blu);text-decoration:none}
@media (max-width:949px){header.site > .wrap > .lingua{margin-left:auto}}
/* Nelle pagine inglesi la fila dei nomi interi è più stretta (finestra minima 1401 px, misure del 28/09 con i nomi inglesi):
   con la stessa aria i nomi interi ci stanno da 1440 px, dove l'italiano mostra già i corti (regola di Marco del 27/09: nomi
   interi finché c'è spazio). Il menu col pulsante resta sotto i 950 px per tutte e due le lingue. */
@media (min-width:1440px){html:lang(en) nav.menu .nome-intero{display:inline}html:lang(en) nav.menu .nome-corto{display:none}}