/*
Theme Name: EASYRE 2026
Theme URI: https://www.easyre.it/
Author: D.P.S. Soluzioni Informatiche S.r.l.
Description: Tema a blocchi di EASYRE®, della stessa famiglia del tema di EASYTM® (easytm-2026). Solo i 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.1.9
Requires at least: 6.7
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: easyre-2026
*/

:root{--rosso:#BA0C2F;--rosso-scuro:#950A26;--rosso-chiaro:#F17E95;--dark0:#0E1216;--dark1:#15191C;--dark2:#1A2026;
 --txt-dark:#C6CFD6;--soft:#8E99A2;--nero:#1A1A1A;--grigio:#616161;--chiaro:#F4F5F7;--bordo:#E3E7EB;--tinta:#FBE9ED;--avviso:#FFF3CD;--avviso-txt:#7a5a00;--maxw:1180px}
/* EASYRE 2026: stessa famiglia del sito EASYTM (foglio del mockup EASYTM v4, tema 1.0.22), con i colori del logo EASYRE:
   il rosso #BA0C2F al posto del blu #0078A9; il grigio #616161 è lo stesso nei due loghi; fondi scuri e grigi neutri uguali.
   Rosso scuro #950A26 per il passaggio del mouse (8,9:1 sul bianco); rosso chiaro #F17E95 per testi e collegamenti sui fondi
   scuri (7,31:1 su #0E1216, dove il rosso farebbe 2,85:1); tinta #FBE9ED per le aperture. Rosso sul bianco 6,60:1
   (il blu di EASYTM fa 4,93:1). Contrasti calcolati il 29/09/2026 con la formula delle WCAG 2. */
*{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(--rosso);text-decoration:none}
a:hover{text-decoration:underline}
/* i collegamenti dentro frasi ed elenchi si riconoscono anche senza il colore (accessibilità; come sul sito EASYTM dal
   29/09/2026). Solo quelli senza classe: pulsanti e collegamenti con una classe 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(186,12,47,.45)}
p a:not([class]):hover,li a:not([class]):hover{text-decoration-color:var(--rosso)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
/* testata del sito (fissa in alto: vedi assets/css/sito.css). Finché le pagine non ci sono,
   niente menu: il logo e l'unico invito, «Prenota un incontro» (regola del sito EASYTM, 27 e 28/09/2026) */
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 .logo{display:block;flex-shrink:0;line-height:0}
header.site img{height:26px;width:auto;display:block;flex-shrink:0}
.btn{display:inline-block;background:var(--rosso);color:#fff;border-radius:10px;padding:14px 26px;font-weight:600;font-size:15px;box-shadow:0 8px 22px rgba(186,12,47,.22);white-space:nowrap}
.btn:hover{text-decoration:none;background:var(--rosso-scuro)}
.btn-ghost{display:inline-block;background:#fff;color:var(--rosso);border:2px solid var(--rosso);border-radius:10px;padding:12px 24px;font-weight:600;font-size:15px;white-space:nowrap}
.btn-light{display:inline-block;background:#fff;color:var(--rosso);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)}
.band.pieno{min-height:60vh}
.chi{font-size:14px;letter-spacing:.02em;font-weight:700;color:var(--rosso);margin-bottom:12px}
.band.dark .chi{color:var(--rosso-chiaro)}
.h2{font-size:34px;margin:0 0 14px;max-width:900px}
.lead{font-size:18px;color:var(--grigio);max-width:820px}
/* apertura (due colonne; «una» per l'apertura senza figura) */
.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.una .wrap{grid-template-columns:1fr}
.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;max-width:820px}
.hero .lead{font-size:17px}
.cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;align-items:center}
/* griglie e schede */
.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)}
/* invito su scuro, con il modulo (pagina «Prenota un incontro») */
.cta-dark{background:linear-gradient(135deg,var(--dark1),var(--dark0));padding:72px 0;color:var(--txt-dark)}
.cta-dark .chi{color:var(--rosso-chiaro)}
.cta-dark h1,.cta-dark h2{color:#fff}
.cta-dark .lead{color:var(--txt-dark)}
.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}
.cta-dark .note{color:var(--soft)}
.cta-dark .note a{color:var(--rosso-chiaro)}
/* piè di pagina: per ora due colonne, EASYRE® e Contatti; «Per chi» e «Risorse» entrano quando le pagine ci sono */
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.5fr 1fr;gap:28px 40px}
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 .apertura{max-width:420px;margin-bottom:12px}
footer.site .sede{margin-top:4px;line-height:1.6}
footer.site .social{margin-top:12px}
footer.site .copy{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);font-size:12px}
footer.site .copy a{display:inline;margin:0;text-decoration:underline;text-underline-offset:3px}
.note{font-size:12.5px;color:var(--grigio);margin-top:22px}
.band.dark .note{color:var(--soft)}
.xlink{margin-top:26px;font-size:15px;color:var(--grigio)}
/* pagine di testo lungo, privacy e cookie: il modello dell'articolo del sito EASYTM (colonna di lettura di 780 px) */
.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-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(--rosso);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(186,12,47,.45)}
.articolo a:hover{text-decoration-color:var(--rosso)}
.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)}
/* misure sotto i 980 e i 760 px */
@media (max-width:980px){.hero .wrap,.g2{grid-template-columns:1fr}.g3{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:36px}.cta-dark .form{grid-template-columns:1fr 1fr}.articolo-testa h1{font-size:34px}}
@media (max-width:760px){.g3,.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}.cta-dark{padding:56px 0}footer.site .cols{gap:26px}.articolo-testa{padding-top:44px}.articolo-testa h1{font-size:28px}.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 table{font-size:14px}.articolo th,.articolo td{padding:9px 8px}}
/* testata sul telefono: senza menu il pulsante resta sempre in vista, accanto al logo, anche a 320 px; logo e testo della
   pagina restano allineati sullo stesso margine (sotto i 350 px il margine scende a 20 px per tutta la pagina) */
@media (max-width:420px){header.site .wrap{gap:12px}header.site img{height:22px}header.site .btn{padding:9px 12px;font-size:12.5px}}
@media (max-width:350px){.wrap{padding:0 20px}header.site .wrap{gap:10px}header.site img{height:19px}header.site .btn{padding:8px 10px;font-size:12px}}
/* === componenti del sito EASYTM (tema easytm-2026 1.0.22), ricolorati per EASYRE il 29/09/2026 da Mockup\porta_componenti.py: non modificarli qui, ma nel programma === */
/* -- schede sulle bande scure (foglio EASYTM, righe 64-65) -- */
.band.dark .card{background:var(--dark2);border:1px solid rgba(255,255,255,.09);border-top:3px solid var(--rosso);box-shadow:none}
.band.dark .card p{color:var(--txt-dark)}
/* -- riferimenti di legge in fondo alle schede (foglio EASYTM, righe 66-69) -- */
.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)}
/* -- porte verso le pagine (foglio EASYTM, righe 70-74) -- */
.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(--rosso-scuro)}
/* -- passi di una sequenza (foglio EASYTM, righe 75-80) -- */
/* 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(--rosso);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)}
/* -- figure: riquadro, barra, didascalia, elenco di richieste, pillole di stato, documenti, cruscotto, barre (foglio EASYTM, righe 81-112) -- */
/* 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(--rosso-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(--rosso);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(--rosso);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(--rosso-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(--rosso),var(--rosso-chiaro))}
/* -- tabella di confronto (foglio EASYTM, righe 120-124) -- */
/* 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(--rosso-scuro);font-weight:600}
/* -- numeri e bollini (foglio EASYTM, righe 125-134) -- */
/* 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(--rosso);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 (foglio EASYTM, righe 135-142) -- */
/* 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(--rosso);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}
/* -- titolo delle domande, elenchi nelle schede, scheda KPI (foglio EASYTM, righe 156-160) -- */
.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}
/* -- icone, elenco delle pagine sotto il titolo, porte con l'icona (foglio EASYTM, righe 172-201) -- */
/* 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(--rosso);border-right:2px solid var(--rosso);transform:rotate(45deg);transition:transform .2s ease}
.pagina:hover{text-decoration:none;background:#FDF3F5}
.pagina:hover .nome{color:var(--rosso)}
.pagina:hover:after{transform:translateX(3px) rotate(45deg)}
.pagina:focus-visible{outline:3px solid var(--rosso);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(--rosso);outline-offset:3px}
.porta:hover{border-color:#EBCBD2;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)}}
/* -- pagina News: apertura ed elenco degli articoli (foglio EASYTM, righe 229-249) -- */
/* --- 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:#EBCBD2;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(--rosso);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(--rosso)}
.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(--rosso-scuro)}
.notizia .more:after{content:"\00a0›"}
/* gli articoli del sito vecchio (30/09/2026, Marco: «non stravolgere le foto»): la foto originale si vede intera, su un passe-partout chiaro, senza tagli */
.notizia-img.intera{object-fit:contain;background:var(--chiaro)}
/* -- articolo: immagine di apertura (foglio EASYTM, righe 260-262) -- */
.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}
/* titolo dell'articolo: righe equilibrate, così sui telefoni stretti l'ultima parola non resta da sola (30/09/2026, titoli lunghi delle news del sito vecchio) */
.articolo-testa h1{text-wrap:balance}
/* articolo del sito vecchio: la foto con le sue proporzioni, centrata, alta al massimo 560 px (le pagine di giornale sono verticali) */
.articolo-figura.intera img{width:auto;max-width:100%;max-height:560px;margin:0 auto}
/* -- articolo: citazione (foglio EASYTM, righe 277-278) -- */
.articolo blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--rosso);font-size:18px;color:var(--grigio)}
.articolo blockquote p:last-child{margin-bottom:0}
/* -- articolo: figure dentro il testo (foglio EASYTM, righe 282-289) -- */
.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: numeri del cruscotto dentro il testo (foglio EASYTM, righe 294-294) -- */
.articolo .dash .tile .n{font-size:24px}
/* -- articolo: chiusura (foglio EASYTM, righe 296-300) -- */
/* --- 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}
/* -- News e articolo: misure sotto i 980 e i 760 px (foglio EASYTM, righe 302-305) -- */
/* --- 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}}
/* sui telefoni stretti il titolo degli articoli scende da 28 px (440 px di schermo) a 22 px (320 px): così le ultime due parole unite
   con   dei titoli lunghi delle news del sito vecchio stanno nella riga, senza parola sola in fondo (misurato il 30/09/2026) */
@media (max-width:440px){.articolo-testa h1{font-size:min(28px,calc(5vw + 6px))}}
/* -- articolo: immagini e collegamento della chiusura (foglio EASYTM, righe 312-318) -- */
/* 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(--rosso-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}}
/* -- tabella «che cosa chiede la legge» e collegamento chiaro sulle bande scure (foglio EASYTM, righe 341-364) -- */
/* Tabella «che cosa chiedono DORA e NIS2 / che cosa trovi per EASYRE® / 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: rosso chiaro del marchio (6,38:1 su #1A2026) e sottolineato.
   Il rosso dei collegamenti (#BA0C2F) su quel fondo arriva a 2,49:1, sotto il minimo per il testo. */
.band.dark a.link-chiaro{color:var(--rosso-chiaro);text-decoration:underline;text-underline-offset:3px}
.band.dark a.link-chiaro:hover{color:#fff}
/* EASYRE: colori di partenza del riquadro dell'icona (una pagina li può cambiare con le sue variabili) */
.ico{--ico:var(--rosso);--ico-fondo:var(--tinta);--ico-bordo:#F3CBD3}
/* EASYRE: misure dei componenti sotto i 980 e i 760 px (le stesse del foglio EASYTM) */
@media (max-width:980px){.stats,.stats.five,.stats.four,.stats.three,.dash,.dash.three{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.pagine{max-width:640px}}
@media (max-width:760px){.stats,.stats.five,.stats.four,.stats.three,.steps,.dash,.dash.three{grid-template-columns:1fr}.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}}
/* EASYRE: la tabella di confronto sul telefono diventa una scheda per riga, con l'etichetta di ogni cella presa da data-etichetta
   (nel sito EASYTM le etichette erano scritte in sito.css, per le sue due tabelle) */
@media (max-width:760px){table.ctable,table.ctable tbody,table.ctable tr,table.ctable td{display:block;width:100%}table.ctable thead{display:none}table.ctable tr{padding:12px 0 6px;border-bottom:1px solid var(--bordo)}table.ctable tr:last-child{border-bottom:0}table.ctable td{border:0;padding:4px 18px}table.ctable td:first-child{font-weight:700;color:var(--nero);padding-bottom:6px}table.ctable td[data-etichetta]:before{content:attr(data-etichetta);display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--grigio);font-weight:600}}
/* === fine dei componenti del sito EASYTM === */
/* === menu della testata (parte 3, 29/09/2026): le regole del sito EASYTM (menu in fila, nomi interi e corti; tendina con
   riquadro, icona, nome e domanda, preparata e provata il 27/09/2026), ricolorate per EASYRE. Le soglie fra nomi interi, nomi
   corti e il pulsante che apre il menu stanno in fondo, misurate sulle voci di EASYRE. === */
header.site nav.menu{margin-left:auto;margin-right:auto}
nav.menu{display:flex;gap:20px;font-size:13px;font-weight:600;flex-wrap:nowrap;align-items:center}
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(--rosso)}
nav.menu a.on{color:var(--rosso);border-bottom-color:var(--rosso)}
nav.menu .nome-corto{display:none}
.gruppo{position:relative;display:flex;align-items:center}
.gruppo > button{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 0;background:none;border:0;border-bottom:2px solid transparent;font:inherit;font-weight:600;line-height:inherit;color:var(--grigio);cursor:pointer;white-space:nowrap;transition:color .2s ease,border-color .2s ease}
.gruppo > button:hover,.gruppo.aperto > button{color:var(--rosso)}
.gruppo:has(a.on) > button{color:var(--rosso);border-bottom-color:var(--rosso)}
.gruppo .freccia{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.gruppo .etichetta{display:none}
/* il riquadro: fermo sotto la voce, con un ponte trasparente di 20 px che copre lo spazio fino al bordo della testata, così il
   mouse può scendere dalla voce al riquadro senza che si chiuda; da chiuso non esiste per l'impaginazione */
.pannello{display:none;position:absolute;top:100%;left:-14px;z-index:45;padding-top:20px;opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,display .16s allow-discrete}
.gruppo.aperto .pannello,.gruppo:not(.js):focus-within .pannello{display:block;opacity:1;transform:none}
@starting-style{.gruppo.aperto .pannello,.gruppo:not(.js):focus-within .pannello{opacity:0;transform:translateY(-6px)}}
.gruppo.aperto .freccia,.gruppo:not(.js):focus-within .freccia{transform:rotate(180deg)}
@media (hover:hover){.gruppo:hover .pannello{display:block;opacity:1;transform:none}@starting-style{.gruppo:hover .pannello{opacity:0;transform:translateY(-6px)}}.gruppo:hover .freccia{transform:rotate(180deg)}}
header.site .wrap:not(:has(.btn)) .pannello{left:auto;right:-14px}
.voci{list-style:none;margin:0;padding:6px;width:440px;background:#fff;border:1px solid var(--bordo);border-radius:14px;box-shadow:0 14px 40px rgba(16,40,60,.12)}
.voci li+li{border-top:1px solid var(--bordo)}
.voce{position:relative;display:flex;align-items:center;gap:12px;padding:9px 12px 9px 8px;border-radius:10px;transition:background-color .2s ease}
.voce .ico{width:38px;height:38px;border-radius:10px}
.voce .ico svg{width:22px;height:22px}
.voce .testo{display:flex;flex-direction:column;min-width:0}
/* senza sottolineatura: la regola dei collegamenti nel testo (li a senza classe, dal 29/09/2026) qui non vale, è un menu */
nav.menu .voce a{padding:0;border:0;font-size:14px;font-weight:700;line-height:1.3;color:var(--nero);white-space:normal;text-decoration:none;transition:color .2s ease}
.voce .domanda{margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.35;color:var(--grigio)}
.voce:hover{background:#FDF3F5}
nav.menu .voce:hover a,nav.menu .voce a.on{color:var(--rosso)}
/* tutta la riga porta alla pagina: il collegamento resta il solo nome, la sua area cliccabile copre la riga */
.voce a:after{content:"";position:absolute;inset:0;border-radius:10px}
.voce a:focus-visible{outline:none}
.voce a:focus-visible:after{outline:3px solid var(--rosso);outline-offset:-3px}
@media (prefers-reduced-motion:reduce){.pannello,.gruppo .freccia,.gruppo > button,.voce,nav.menu .voce a{transition:none}}
/* passaggio di lingua nella testata della pagina inglese («IT»), come sul sito EASYTM: prima del pulsante, con una linea sottile */
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(--rosso);text-decoration:none}
header.site .wrap:not(:has(nav)) .lingua{margin-left:auto}
/* i quattro mercati della tendina «Per chi» con i colori dell'elenco della home (Pagine\Navigazione.md, 2.2 e 6): icona sul suo
   fondo 5,65 · 4,69 · 4,54 · 6,18:1 (WCAG 2, soglia 3:1 per le figure). Le funzioni restano rosse, il colore del marchio. */
.voce.tinta-rosso .ico{--ico:#BA0C2F;--ico-fondo:#FBE9ED;--ico-bordo:#F3CBD3}
.voce.tinta-verde .ico{--ico:#0B7A69;--ico-fondo:#E4F6F3;--ico-bordo:#C4E9E2}
.voce.tinta-ambra .ico{--ico:#A65A05;--ico-fondo:#FCEFDE;--ico-bordo:#F7D9B6}
.voce.tinta-viola .ico{--ico:#5A4A9C;--ico-fondo:#EEEBF8;--ico-bordo:#D8D1EF}
/* === fine del menu della testata === */
/* === piè di pagina a cinque colonne (parte 3, 29/09/2026: EASYRE® · Per chi · Che cosa fa · Risorse · Contatti, Pagine\Navigazione.md,
   capitolo 3): la prima colonna più larga, con la riga d'apertura al massimo 360 px come sul sito EASYTM; sotto i 980 px EASYRE®
   su tutta la riga e le altre quattro in due colonne; sotto i 420 px una colonna sola === */
/* colonne misurate a 1440 px sui nomi più lunghi di ogni colonna: a 1fr «SGR, fondi e grandi proprietari» andava a capo */
footer.site .cols{grid-template-columns:1.25fr 1.2fr 1.1fr .85fr .85fr;gap:28px 32px}
footer.site .apertura{max-width:360px}
@media (max-width:980px){footer.site .cols{grid-template-columns:1fr 1fr;gap:28px 32px}footer.site .cols > div:first-child{grid-column:1/-1}footer.site .apertura{max-width:560px}}
@media (max-width:420px){footer.site .cols{grid-template-columns:1fr;gap:26px}}
/* === fine del piè di pagina === */
/* coda con i tempi scritti a parole («in tempo», «in ritardo»: pagine SGR e servizi, 29/09/2026): al computer l'ultima colonna
   più larga, perché i tempi non vadano a capo (con le colonne della coda comune erano larghi circa 42 px a 1440) */
@media (min-width:761px){.queue.tempi li{grid-template-columns:minmax(0,1.45fr) 9.75rem minmax(0,.8fr) minmax(0,.8fr)}}
/* === soglie del menu (29/09/2026, misura_menu.py in Chromium e WebKit: riga della testata con «EN» e i nomi interi 976 px,
   con i nomi corti 882 px, più 16 px d'aria per parte; senza «EN» erano 918 e 823). Regola di Marco del 27/09/2026: nomi interi
   da 1008 px; nomi corti fra 914 e 1007 («Sicurezza e governance» diventa «Sicurezza»); sotto i 914 il pulsante che apre il menu (sul sito, assets/css/sito.css).
   Sotto i 760 px il pulsante «Prenota un incontro» esce dalla testata ed entra nel menu aperto, come sul sito EASYTM === */
@media (max-width:1007px){nav.menu .nome-intero{display:none}nav.menu .nome-corto{display:inline}}
@media (max-width:913px){header.site nav.menu{display:none}header.site > .wrap > .btn,header.site > .wrap > .lingua{margin-left:auto}header.site > .wrap > .lingua + .btn{margin-left:0}}
/* solo dove c'è il menu, che sul telefono contiene «Prenota un incontro»: la testata della pagina inglese non ha menu e tiene
   «Book a meeting» a ogni larghezza (trovato dall'esperto della pagina inglese il 29/09/2026 a 390, 360 e 320 px) */
@media (max-width:760px){header.site > .wrap > nav.menu ~ .btn{display:none}}
/* === fine delle soglie del menu === */
/* === ritocchi dal controllo visivo delle foto (29/09/2026, Pagine\Controllo-visivo.md) === */
/* A1: nelle code le pillole sono larghe quanto la scritta (prima si allargavano a tutta la colonna, come barre) */
.queue .pill{justify-self:start}
/* A2: nelle griglie a due colonne le schede affiancate sono alte uguali (prima finivano ad altezze diverse, fino a 48 px) */
.g2>.card{align-self:stretch}
/* A4: le etichette che vanno su due righe diventano riquadri arrotondati, non ovali (al telefono: marchio, certificazione) */
.badges span{border-radius:14px}
/* B1: la riga in testa alle figure va a capo intera, sotto il titolo, quando non c'è posto (come negli articoli) */
.fig .bar{flex-wrap:wrap;gap:4px 12px}
/* B2: al telefono, negli elenchi con le spunte, la spiegazione va sotto il nome, a tutta larghezza */
@media (max-width:760px){.doc .row{grid-template-columns:22px 1fr;row-gap:2px}.doc .s{grid-column:2}}
/* B3: note e rimandi in fondo alle sezioni con righe non più lunghe dei paragrafi (820 px) */
.note,.xlink{max-width:820px}
/* B4: titoli con righe di lunghezza simile, senza parole sole in mezzo (Chrome, Safari 17.5, Firefox) */
h1,h2,h3{text-wrap:balance}
/* B6: fuori dalla cima della home l'elenco delle pagine è largo come i paragrafi, non lascia mezza sezione vuota */
.band .pagine{max-width:820px}
/* B5: sulle pagine senza «Prenota un incontro» (contatti, grazie) al suo posto c'è un segnaposto invisibile della stessa misura,
   così il menu non si sposta; dove il menu sta nel pulsante del telefono il segnaposto non serve */
header.site .segnaposto{visibility:hidden}
@media (max-width:913px){header.site .segnaposto{display:none}}
/* === fine dei ritocchi dal controllo visivo === */
/* === classi della pagina «Home» (Pagine\home\stili.css) === */
/* Home (prefisso hm-), 29/09/2026, esperto di marketing strategico. Solo classi nuove: nessuna regola del foglio è cambiata. */

/* 1. I colori delle quattro pagine dei mercati, solo nei riquadri delle icone (elenco sotto il titolo e porte), come la home
   EASYTM (variante «colori» scelta da Marco il 27/09/2026 per il sito EASYTM). Il foglio scrive le variabili rosse sull'elemento
   .ico stesso, quindi qui si cambiano con una regola più specifica (.hm-sgr .ico vince su .ico). Il rosso è il colore del marchio
   e della prima pagina; verde acqua e ambra sono quelli della home EASYTM; il viola è nuovo, lontano dal blu di EASYTM.
   Gli stessi quattro colori vanno nella tendina «Per chi» della testata (Pagine\Navigazione.md).
   Contrasti dell'icona sul suo fondo (formula WCAG 2, soglia 3:1 per le parti grafiche; calcolati il 29/09/2026):
   rosso #BA0C2F su #FBE9ED 5,65:1 · verde acqua #0B7A69 su #E4F6F3 4,69:1 · ambra #A65A05 su #FCEFDE 4,54:1 ·
   viola #5A4A9C su #EEEBF8 6,18:1. */
.hm-sgr .ico{--ico:#BA0C2F;--ico-fondo:#FBE9ED;--ico-bordo:#F3CBD3}
.hm-enti .ico{--ico:#0B7A69;--ico-fondo:#E4F6F3;--ico-bordo:#C4E9E2}
.hm-banche .ico{--ico:#A65A05;--ico-fondo:#FCEFDE;--ico-bordo:#F7D9B6}
.hm-servizi .ico{--ico:#5A4A9C;--ico-fondo:#EEEBF8;--ico-bordo:#D8D1EF}

/* 2. Schede alte uguali nelle griglie a due colonne (le quattro porte dei mercati; EASYRE ed EASYTM nella sezione scura):
   nel foglio .g2 allinea le schede in alto, e le porte avrebbero il collegamento «Vai a…» ad altezze diverse. */
.hm-pari{align-items:stretch}

/* 3. La figura in cima: la coda delle trattative ha tre colonne (unità, passo, in carico a) invece delle quattro della coda
   EASYTM (niente colonna dei giorni: nessun numero che sembri un tempo promesso). Sotto i 760 px vale di nuovo la regola del
   foglio (unità e passo a tutta riga), riscritta qui perché la regola sopra, più specifica, la coprirebbe. */
.queue.hm-coda li{grid-template-columns:1.5fr 1.35fr 1fr}
@media (max-width:760px){.queue.hm-coda li{grid-template-columns:1fr auto}}
/* le pillole di stato larghe quanto il loro testo, come nella foto della home EASYTM: nella griglia si allargherebbero a
   tutta la colonna e sembrerebbero barre */
.queue.hm-coda .pill{justify-self:start}

/* 4. Due paragrafi di fila nella sezione scura «Che cos'è»: lo spazio fra i due (sul sito EASYTM era scritto nella riga, qui
   niente stili nelle righe). */
.hm-testo .lead+.lead{margin-top:14px}

/* 5. La riga «Prodotto a Roma da D.P.S.…» sotto l'elenco delle pagine: senza questo spazio tocca il bordo dell'elenco. */
.hm-sotto{margin-top:20px}

/* 6. Le schede delle funzioni non hanno la riga «per chi» (.who), che nelle porte dà lo spazio prima di «Vai a…»: quando il testo
   riempie la scheda, il collegamento resterebbe attaccato all'ultima riga. */
.hm-funzioni .porta p{margin-bottom:18px}

/* B8 del controllo visivo (29/09/2026): al telefono l'intestazione della tabella non si vede; davanti al nome c'è «In carico a:» */
@media (max-width:760px){.queue.hm-coda .who::before{content:"In carico a: "}}
/* === classi della pagina «Rete di broker e agenzie» (Pagine\rete\stili.css) === */
/* Pagina «Rete di broker e agenzie» (esperto di marketing strategico, 29/09/2026).
   La coda dei solleciti in apertura ha tre colonne (richiesta, passo fermo, broker) invece delle quattro della coda comune:
   il numero dei solleciti sta nella riga piccola sotto la richiesta, così si legge anche sul telefono, dove l'intestazione
   non c'è. Sotto i 761 px vale la regola comune della coda (richiesta e passo su tutta la riga, poi il broker).
   Nessun colore nuovo: i contrasti restano quelli del foglio comune. */
@media (min-width:761px){.rt-coda li{grid-template-columns:1.7fr 1.15fr .9fr}}
/* === classi della pagina «EASYRE in English» (Pagine\en\stili.css) === */
/* Pagina inglese (prefisso en-), 29/09/2026, esperto di marketing strategico. Solo classi nuove: nessuna regola del foglio è cambiata.
   Le quattro porte dei mercati, su due colonne, alte uguali: nel foglio .g2 allinea le schede in alto (align-items:start) e il
   collegamento «In Italian: …» starebbe ad altezze diverse nella stessa riga. È la regola .hm-pari della home, ripetuta con il
   prefisso della pagina per non dipendere dal foglio della home. Colori delle porte in fondo (F1 della revisione). */
.en-pari{align-items:stretch}

/* I colori delle quattro pagine dei mercati, come nella home italiana (home\stili.css, punto 1) e nella tendina «Per chi»
   (Navigazione.md, 2.2): revisione indipendente della pagina inglese, F1 (29/09/2026). Contrasti dell'icona sul suo fondo:
   5,65 · 4,69 · 4,54 · 6,18:1 (soglia 3:1). */
.en-sgr .ico{--ico:#BA0C2F;--ico-fondo:#FBE9ED;--ico-bordo:#F3CBD3}
.en-enti .ico{--ico:#0B7A69;--ico-fondo:#E4F6F3;--ico-bordo:#C4E9E2}
.en-banche .ico{--ico:#A65A05;--ico-fondo:#FCEFDE;--ico-bordo:#F7D9B6}
.en-servizi .ico{--ico:#5A4A9C;--ico-fondo:#EEEBF8;--ico-bordo:#D8D1EF}