/*
Theme Name: ProntoModuli
Author: Web Pro Italia
Description: Tema di ProntoModuli: richiama Word (barra blu, schede, foglio bianco sulla tela grigia, riquadro di spostamento, barra di stato).
Version: 1.0
Text Domain: prontomoduli
*/
:root{--blu:#185ABD;--blu-scuro:#103F91;--blu-medio:#2B579A;--blu-chiaro:#E8F0FC;--tela:#F3F2F1;--testo:#201F1E;--grigio:#605E5C;--filo:#E1DFDD;--rosso:#D13438;--giallo:#FFF4CE;--giallo-filo:#FFB900;--verde:#107C10}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--tela);color:var(--testo);font-family:"Segoe UI","Segoe UI Web",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--blu)}a:hover{color:var(--blu-scuro)}
img{max-width:100%;height:auto}
.pm-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
/* ---- barra del titolo (come Word) ---- */
.pm-titolo{background:var(--blu);color:#fff}
.pm-titolo .pm-wrap{display:flex;align-items:center;gap:18px;height:58px}
.pm-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:600;font-size:20px;letter-spacing:-.2px;white-space:nowrap}
.pm-logo:hover{color:#fff}
.pm-logo svg{width:30px;height:30px;flex:none}
.pm-cerca{flex:1;max-width:560px;margin:0 auto;position:relative}
.pm-cerca input{width:100%;height:36px;border:0;border-radius:4px;padding:0 14px 0 38px;font:inherit;font-size:15px;background:#fff;color:var(--testo)}
.pm-cerca svg{position:absolute;left:12px;top:10px;width:16px;height:16px;color:var(--grigio)}
.pm-titolo .pm-tutti{margin-left:auto;color:#fff;text-decoration:none;font-size:15px;opacity:.95;white-space:nowrap}
/* ---- barra multifunzione: le schede ---- */
.pm-schede{background:#fff;border-bottom:1px solid var(--filo)}
.pm-schede .pm-wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.pm-schede a{display:block;padding:11px 14px 10px;color:var(--testo);text-decoration:none;font-size:15px;white-space:nowrap;border-bottom:3px solid transparent}
.pm-schede a:hover{background:var(--tela)}
.pm-schede a.attiva{border-bottom-color:var(--blu);color:var(--blu);font-weight:600}
/* ---- impaginazione ---- */
.pm-layout{display:grid;grid-template-columns:250px minmax(0,860px) 1fr;gap:28px;max-width:1240px;margin:0 auto;padding:0 20px 40px}
.pm-riquadro{position:sticky;top:16px;align-self:start;margin-top:24px;background:#fff;border:1px solid var(--filo);border-radius:4px;padding:14px 0;font-size:14.5px;max-height:calc(100vh - 32px);overflow:auto}
.pm-riquadro h2{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--grigio);margin:0 16px 8px;font-weight:600}
.pm-riquadro a{display:block;padding:6px 16px;color:var(--testo);text-decoration:none;border-left:3px solid transparent;line-height:1.35}
.pm-riquadro a:hover{background:var(--blu-chiaro);border-left-color:var(--blu)}
.pm-foglio{margin-top:24px;background:#fff;box-shadow:0 1.6px 3.6px rgba(0,0,0,.13),0 .3px .9px rgba(0,0,0,.11);padding:48px 64px 0;min-width:0}
.pm-colonna{grid-column:2}
.pm-briciole{font-size:13.5px;color:var(--grigio);margin-bottom:14px}.pm-briciole a{color:var(--grigio)}
h1,h2,h3{line-height:1.25;color:var(--testo)}
.pm-foglio h1{font-size:34px;font-weight:600;margin:0 0 10px;letter-spacing:-.4px}
.pm-meta{font-size:14px;color:var(--grigio);display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:22px}
.pm-meta b{color:var(--verde);font-weight:600}
.pm-foglio h2{font-size:25px;font-weight:600;margin:42px 0 12px;color:var(--blu-medio);scroll-margin-top:16px}
.pm-foglio h3{font-size:19px;margin:26px 0 8px}
.pm-foglio p,.pm-foglio li{font-size:17.5px}
.pm-foglio table{border-collapse:collapse;width:100%;font-size:15.5px;margin:12px 0 18px}
.pm-foglio th{background:var(--blu);color:#fff;text-align:left;padding:8px 10px;font-weight:600}
.pm-foglio td{border-bottom:1px solid var(--filo);padding:8px 10px;vertical-align:top}
/* ---- risposta in breve ---- */
.pm-breve{background:var(--blu-chiaro);border-left:4px solid var(--blu);padding:16px 20px;margin:0 0 24px;font-size:17.5px}.pm-breve p{margin:0}
.pm-breve>strong:first-child{display:block;font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--blu);margin-bottom:4px}
/* ---- scarica ---- */
.pm-scarica{display:grid;grid-template-columns:1fr 210px;gap:24px;align-items:center;border:1px solid var(--filo);border-radius:6px;padding:20px;margin:0 0 10px}
.pm-file{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--filo);border-radius:4px;text-decoration:none;color:var(--testo);margin-bottom:10px;transition:background .15s}
.pm-file:hover{background:var(--blu-chiaro);border-color:var(--blu);color:var(--testo)}
.pm-file .ico{width:40px;height:48px;flex:none}
.pm-file b{display:block;font-size:16.5px;font-weight:600}
.pm-file span{font-size:13.5px;color:var(--grigio)}
.pm-file .freccia{margin-left:auto;background:var(--blu);color:#fff;border-radius:4px;padding:7px 14px;font-size:14.5px;font-weight:600;white-space:nowrap}
.pm-scarica-nota{font-size:13.5px;color:var(--grigio);margin:4px 0 0}
.pm-anteprima{display:block;box-shadow:0 2px 8px rgba(0,0,0,.18);border:1px solid var(--filo);line-height:0}
/* ---- riquadri ---- */
.pm-nota,.pm-attenzione,.pm-consiglio{padding:14px 18px;margin:18px 0;border-radius:2px}
.pm-nota{background:var(--giallo);border-left:4px solid var(--giallo-filo)}
.pm-attenzione{background:#FDE7E9;border-left:4px solid var(--rosso)}
.pm-consiglio{background:var(--blu-chiaro);border-left:4px solid var(--blu)}
.pm-nota p,.pm-attenzione p,.pm-consiglio p{margin:.3em 0}
.pm-nota>strong:first-child,.pm-attenzione>strong:first-child,.pm-consiglio>strong:first-child{display:block;font-size:13px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:2px}
.pm-attenzione>strong:first-child{color:var(--rosso)}.pm-consiglio>strong:first-child{color:var(--blu)}.pm-nota>strong:first-child{color:#8A6100}
/* ---- passi ---- */
ol.pm-passi{counter-reset:p;list-style:none;padding:0}
ol.pm-passi>li{counter-increment:p;position:relative;padding:2px 0 14px 46px}
ol.pm-passi>li::before{content:counter(p);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--blu);color:#fff;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center}
/* ---- domande ---- */
details.pm-faq{border:1px solid var(--filo);border-radius:4px;margin:8px 0;background:#fff}
details.pm-faq summary{cursor:pointer;padding:13px 44px 13px 16px;font-weight:600;font-size:17px;list-style:none;position:relative}
details.pm-faq summary::-webkit-details-marker{display:none}
details.pm-faq summary::after{content:"+";position:absolute;right:16px;top:9px;font-size:24px;color:var(--blu);font-weight:400}
details.pm-faq[open] summary::after{content:"–"}
details.pm-faq[open] summary{border-bottom:1px solid var(--filo)}
details.pm-faq .r{padding:4px 16px 8px}
/* ---- fonte ---- */
.pm-fonte{font-size:14.5px;color:var(--grigio);border-top:1px solid var(--filo);margin-top:36px;padding-top:14px}
.pm-fonte ul{margin:.3em 0;padding-left:20px}
/* ---- collegati ---- */
.pm-collegati{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:12px 0 0}
.pm-riga{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--filo);border-radius:4px;text-decoration:none;color:var(--testo);background:#fff}
.pm-riga:hover{border-color:var(--blu);background:var(--blu-chiaro);color:var(--testo)}
.pm-riga svg{width:26px;height:32px;flex:none}
.pm-riga b{font-weight:600;font-size:15.5px;line-height:1.3;display:block}
.pm-riga span{font-size:13px;color:var(--grigio)}
/* ---- barra di stato ---- */
.pm-stato{margin:44px -64px 0;background:var(--tela);border-top:1px solid var(--filo);color:var(--grigio);font-size:12.5px;padding:6px 20px;display:flex;gap:22px}
/* ---- home ---- */
.pm-hero{background:linear-gradient(180deg,var(--blu) 0,var(--blu-scuro) 100%);color:#fff;padding:56px 0 64px;text-align:center}
.pm-hero h1{color:#fff;font-size:42px;font-weight:600;margin:0 0 10px;letter-spacing:-.6px}
.pm-hero p{font-size:19px;opacity:.92;margin:0 auto 26px;max-width:640px}
.pm-hero .pm-cerca{max-width:640px}
.pm-hero .pm-cerca input{height:54px;font-size:18px;padding-left:48px;border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,.2)}
.pm-hero .pm-cerca svg{top:18px;left:17px;width:18px;height:18px}
.pm-hero .pm-esempi{font-size:15px;margin-top:14px;opacity:.9}.pm-hero .pm-esempi a{color:#fff}
.pm-sezione{padding:40px 0}
.pm-sezione h2{font-size:26px;font-weight:600;margin:0 0 18px}
.pm-categorie{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.pm-cat{background:#fff;border:1px solid var(--filo);border-radius:6px;padding:18px;text-decoration:none;color:var(--testo);display:flex;gap:14px;align-items:flex-start}
.pm-cat:hover{border-color:var(--blu);box-shadow:0 4px 14px rgba(24,90,189,.12);color:var(--testo)}
.pm-cat svg{width:34px;height:42px;flex:none}
.pm-cat b{display:block;font-size:18px;font-weight:600}
.pm-cat span{font-size:14px;color:var(--grigio)}
.pm-tre{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pm-tre div{background:#fff;border:1px solid var(--filo);border-radius:6px;padding:20px}
.pm-tre b{display:block;font-size:18px;margin-bottom:4px}
.pm-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
/* ---- archivi ---- */
.pm-archivio{max-width:960px;margin:24px auto 50px;padding:0 20px}
.pm-archivio h1{font-size:32px;font-weight:600;margin:0 0 6px}
.pm-archivio .desc{color:var(--grigio);margin:0 0 20px}
/* ---- piede ---- */
.pm-piede{background:#fff;border-top:1px solid var(--filo);padding:30px 0;font-size:14px;color:var(--grigio)}
.pm-piede .pm-wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.pm-piede a{color:var(--grigio)}
@media (max-width:1100px){.pm-layout{grid-template-columns:minmax(0,1fr);max-width:900px}.pm-riquadro{display:none}.pm-colonna{grid-column:1}}
@media (max-width:700px){.pm-c-campo{flex-basis:100% !important}body{font-size:16px}.pm-titolo .pm-tutti{display:none}.pm-titolo .pm-wrap{gap:10px}.pm-logo span{display:none}
 .pm-foglio{padding:26px 18px 0}.pm-stato{margin:34px -18px 0}.pm-foglio h1{font-size:27px}.pm-foglio h2{font-size:22px}
 .pm-scarica{grid-template-columns:1fr}.pm-anteprima{max-width:220px;margin:0 auto}.pm-layout{padding:12px 10px 30px}
 .pm-hero h1{font-size:30px}.pm-tre{grid-template-columns:1fr}.pm-piede .pm-wrap{grid-template-columns:1fr}.pm-file .freccia{display:none}.pm-file{padding:12px}}

a.pm-int{text-decoration:underline;text-decoration-color:rgba(24,90,189,.35);text-underline-offset:3px}a.pm-int:hover{text-decoration-color:var(--blu)}
/* ---- compilalo qui ---- */
.pm-compila{border:2px solid var(--blu);border-radius:6px;padding:4px 22px 18px;margin:30px 0;background:#FBFCFF}
.pm-compila h2{margin-top:18px}
.pm-c-riga{display:flex;flex-wrap:wrap;gap:10px 12px;margin:0 0 10px}
.pm-c-campo{display:flex;flex-direction:column;flex-grow:1;min-width:80px;font-size:13.5px;color:var(--grigio)}
.pm-c-campo input,.pm-c-tab input{font:inherit;font-size:16px;color:var(--testo);border:1px solid #B9C3D3;border-radius:4px;padding:8px 10px;margin-top:3px;background:#fff;width:100%}
.pm-c-campo input:focus,.pm-c-tab input:focus{outline:2px solid var(--blu);border-color:var(--blu)}
.pm-c-testo{font-size:14.5px;color:var(--grigio);margin:8px 0 10px}
.pm-c-casella{display:inline-flex;gap:6px;align-items:center;margin:0 14px 6px 0;color:var(--testo);font-size:15.5px}
.pm-c-casella input{width:18px;height:18px}
.pm-c-titoletto{font-weight:600;color:var(--blu);margin:14px 0 6px;font-size:15.5px}
.pm-c-tab{overflow-x:auto;margin:6px 0 12px}.pm-c-tab table{margin:0}.pm-c-tab td{padding:4px}.pm-c-tab td.n{color:var(--grigio);width:30px;text-align:center}
.pm-c-tab input{margin:0;padding:6px 8px;font-size:15px}
.pm-c-firma{font-size:13.5px;color:var(--grigio);align-self:flex-end;margin:0 0 8px}
.pm-c-azioni{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.pm-c-bottone{background:var(--blu);color:#fff;border:0;border-radius:4px;padding:12px 22px;font:inherit;font-weight:600;font-size:16px;cursor:pointer}
.pm-c-bottone:hover{background:var(--blu-scuro)}.pm-c-bottone:disabled{opacity:.6}
.pm-c-pulisci{background:#fff;border:1px solid var(--filo);border-radius:4px;padding:12px 18px;font:inherit;cursor:pointer}
.pm-c-esito{font-size:15px;color:var(--verde);margin:10px 0 0}

/* ---- pagine generali (larghe, senza foglio) ---- */
.pm-pagina{max-width:1240px}
.pm-pagina-testo{max-width:860px;font-size:17px}.pm-pagina-testo h2{color:var(--blu-medio);font-size:23px;margin:30px 0 10px}
.pm-pagina-testo table{border-collapse:collapse;width:100%;font-size:15.5px;margin:12px 0}.pm-pagina-testo th{background:var(--blu);color:#fff;text-align:left;padding:8px 10px}.pm-pagina-testo td{border-bottom:1px solid var(--filo);padding:8px 10px}
.pm-cat-titolo{font-size:24px;margin:34px 0 12px;display:flex;align-items:baseline;gap:12px}.pm-cat-titolo a{color:var(--testo);text-decoration:none}.pm-cat-titolo a:hover{color:var(--blu)}
.pm-cat-titolo span{font-size:14px;color:var(--grigio);font-weight:400}