/*
Theme Name: PIÙ Italia
Theme URI: https://www.piu-italia.it/
Author: PIÙ
Description: Tema del sito di PIÙ, movimento politico degli italiani all'estero. Una sola pagina con manifesto, programma e tagliando di adesione. Lavora insieme al plugin PIÙ Adesioni: senza il plugin, o con le adesioni spente, il tagliando resta chiuso e il sito non chiede nessun dato.
Version: 0.1.0
Requires at least: 6.2
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: piu-italia
*/

/* Caratteri: ospitati sul sito, nessuna richiesta a servizi esterni. */
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url("assets/fonts/archivo-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url("assets/fonts/archivo-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-display:swap;font-weight:200 800;src:url("assets/fonts/newsreader-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:normal;font-display:swap;font-weight:200 800;src:url("assets/fonts/newsreader-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-display:swap;font-weight:200 800;src:url("assets/fonts/newsreader-latin-corsivo.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Impianto: manifesto a sinistra e tagliando a destra su fascia viola, poi una sola gabbia da 1140px, tutto allineato a sinistra. */
:root{
  --viola:#3D1A8C;
  --giallo:#F5C400;
  --giallo-vivo:#FFD326;
  --su-viola:#FFFFFF;
  --su-viola-tenue:#DCD3F4;
  --su-viola-linea:#5B3AA8;
  --su-giallo:#1C1233;
  --carta:#FBFAFD;
  --carta-2:#F1ECFA;
  --inchiostro:#1C1233;
  --tenue:#5B5273;
  --linea:#DAD3EA;
  --marca:#3D1A8C;
  --segno:#3D1A8C;
  --foglio:#FFFFFF;
  --foglio-testo:#1C1233;
  --foglio-tenue:#5B5273;
  --foglio-linea:#CFC6E4;
  --campo:#FFFFFF;
  --campo-bordo:#8A80A8;
  --nota:#FFF3B0;
  --nota-testo:#3B2F00;
  --errore:#B0162A;
  --binario:#E5DFF2;
  --ombra:rgba(12,4,40,.5);
  --verde:#008C45;
  --bianco:#F4F5F0;
  --rosso:#CD212A;
  --titoli:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --testo:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --bordo:clamp(16px,4vw,40px);
  --t-1:.875rem;
  --t0:1.0625rem;
  --t1:1.25rem;
  --t2:1.5rem;
  --t3:clamp(1.75rem,1.3rem + 1.9vw,2.5rem);
  --t4:clamp(2.25rem,1.4rem + 3.8vw,3.75rem);
  --t5:clamp(2.6rem,1rem + 7vw,5.5rem);
  --testata:66px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --carta:#120B24;--carta-2:#1A1034;--inchiostro:#F1EDFA;--tenue:#B6ACD2;--linea:#33275B;
    --marca:#C6B3FF;--segno:#F5C400;
    --foglio:#1B1137;--foglio-testo:#F1EDFA;--foglio-tenue:#B6ACD2;--foglio-linea:#43357A;
    --campo:#120B24;--campo-bordo:#7668A8;
    --nota:#2B2407;--nota-testo:#F2E6A8;--errore:#FF8E9B;--binario:#2A1F4D;
    color-scheme:dark;
  }
}

/* Base */
html{scroll-behavior:smooth}
body{margin:0;background:var(--carta);color:var(--inchiostro)}
.sito{display:flex;flex-direction:column;min-height:100vh;font-family:var(--titoli);font-size:var(--t0);line-height:1.5;color:var(--inchiostro);overflow-wrap:break-word;-webkit-text-size-adjust:100%}
.sito > main{flex:1 0 auto}
.admin-bar .sito{min-height:calc(100vh - 32px)}
@media screen and (max-width:782px){.admin-bar .sito{min-height:calc(100vh - 46px)}}
.sito *,.sito *::before,.sito *::after{box-sizing:border-box}
.sito [hidden]{display:none!important}
:where(.sito) :is(h1,h2,h3,h4,p,ul,ol,fieldset,legend,figure,blockquote){margin:0;padding:0}
:where(.sito) :is(h1,h2,h3,h4){font-family:var(--titoli);font-stretch:70%;font-weight:800;line-height:1.02;text-wrap:balance}
:where(.sito) :is(ul,ol){list-style:none}
:where(.sito) fieldset{border:0;min-width:0}
:where(.sito) a{color:var(--marca)}
:where(.sito) img{max-width:100%;height:auto}
:where(.sito) [id]{scroll-margin-top:calc(var(--testata) + 14px)}
:where(.sito) :focus-visible{outline:3px solid var(--fuoco,var(--marca));outline-offset:2px;border-radius:2px}
.vh,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gabbia{width:min(1140px,100% - 2 * var(--bordo));margin-inline:auto}
.accento{fill:var(--giallo)}
.salta{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 14px;font-weight:700;color:var(--su-giallo);background:var(--giallo);border-radius:4px;text-decoration:none}
.salta:focus{left:8px}

/* Testata */
.testata{position:sticky;top:0;z-index:20;background:var(--viola);color:var(--su-viola);border-bottom:1px solid var(--su-viola-linea);--fuoco:var(--giallo)}
.admin-bar .testata{top:32px}
@media screen and (max-width:782px){.admin-bar .testata{top:46px}}
@media screen and (max-width:600px){.admin-bar .testata{top:0}}
.testata__riga{position:relative;display:flex;align-items:center;gap:18px;min-height:var(--testata)}
.marchio{display:inline-flex;align-items:center;gap:14px;flex:none;color:var(--su-viola);text-decoration:none}
.marchio svg{display:block;height:38px;width:auto;overflow:visible}
.marchio__motto{display:none;max-width:17ch;font-size:.8125rem;line-height:1.2;color:var(--su-viola-tenue)}
.menu-tasto{display:none;margin-left:auto;min-height:44px;padding:8px 14px;font:inherit;font-weight:600;color:var(--su-viola);background:transparent;border:1.5px solid var(--su-viola-tenue);border-radius:4px;cursor:pointer}
.nav{margin-left:auto}
.nav__elenco{display:flex;align-items:center;gap:clamp(14px,2vw,26px)}
.nav__elenco a{display:block;padding-block:10px;color:var(--su-viola);text-decoration:none;font-weight:500;font-size:.95rem}
.nav__elenco a:hover{text-decoration:underline;text-decoration-color:var(--giallo);text-decoration-thickness:2px;text-underline-offset:6px}
@media (min-width:1140px){.marchio__motto{display:block}}
@media (max-width:1019px){
  .menu-tasto{display:inline-flex;align-items:center}
  .nav{display:none;position:absolute;top:100%;left:calc(-1 * var(--bordo));right:calc(-1 * var(--bordo));margin-left:0;padding:4px var(--bordo) 14px;background:var(--viola);border-bottom:1px solid var(--su-viola-linea)}
  .nav[data-aperto="true"]{display:block}
  .nav__elenco{flex-direction:column;align-items:stretch;gap:0}
  .nav__elenco a{padding-block:13px;border-top:1px solid var(--su-viola-linea);font-size:var(--t0)}
}

/* Bottoni */
.bottone{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;font-family:var(--titoli);font-stretch:88%;font-weight:700;font-size:var(--t0);line-height:1.1;color:var(--su-giallo);background:var(--giallo);border:2px solid var(--giallo);border-radius:4px;text-decoration:none;cursor:pointer}
.bottone:hover{background:var(--giallo-vivo);border-color:var(--giallo-vivo)}
.bottone:active{transform:translateY(1px)}
.bottone[disabled]{opacity:.6;cursor:progress}
.bottone--piccolo{min-height:44px;padding:8px 16px}
.bottone--largo{width:100%}
.bottone--contorno{background:transparent;color:var(--marca);border-color:currentColor}
.bottone--contorno:hover{background:var(--binario);border-color:currentColor}
.bottone--pericolo{background:transparent;color:var(--errore);border-color:currentColor}
.bottone--pericolo:hover{background:transparent;border-color:currentColor;text-decoration:underline}
.testuale-tasto{justify-self:start;padding:6px 0;font:inherit;font-weight:600;color:var(--marca);background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}

/* Manifesto */
.manifesto{background:var(--viola);color:var(--su-viola);--fuoco:var(--giallo)}
.manifesto__griglia{display:grid;align-items:start;gap:clamp(32px,5vw,72px);padding-block:clamp(28px,4.5vw,60px) clamp(40px,6vw,76px)}
.manifesto__testo{display:grid;justify-items:start;gap:clamp(18px,2.4vw,28px);min-width:0}
.manifesto__titolo{display:grid;gap:clamp(8px,1.4vw,18px);font-size:var(--t5);font-stretch:68%;line-height:.94;letter-spacing:-.01em}
.manifesto__logo{display:block;width:clamp(168px,30vw,320px);height:auto;overflow:visible}
.manifesto__logo .accento{transform-box:fill-box;transform-origin:50% 50%;animation:accento .75s cubic-bezier(.2,1.5,.4,1) .3s backwards}
@keyframes accento{from{transform:translate(-18px,-30px) rotate(-24deg)}to{transform:translate(0,0) rotate(0deg)}}
.manifesto__sommario{max-width:36ch;font-family:var(--testo);font-size:clamp(1.15rem,.98rem + .7vw,1.375rem);line-height:1.45;color:var(--su-viola-tenue)}
.manifesto__azioni{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.testuale{color:var(--su-viola);font-weight:600;text-decoration-color:var(--giallo);text-decoration-thickness:2px;text-underline-offset:5px}
.tricolore{height:6px;background:linear-gradient(90deg,var(--verde) 0 33.333%,var(--bianco) 33.333% 66.666%,var(--rosso) 66.666% 100%)}
@media (min-width:960px){
  .manifesto__griglia{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
  .solo-stretto{display:none}
}

/* Conteggio */
.conta{display:grid;gap:10px;width:min(100%,430px)}
.conta__riga{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.conta__numero{font-stretch:68%;font-weight:800;font-size:clamp(2.5rem,2rem + 2vw,3.25rem);line-height:.9;font-variant-numeric:tabular-nums}
.conta__etichetta{font-weight:500}
.binario{display:block;height:10px;border-radius:5px;background:var(--su-viola-linea);overflow:hidden}
.binario > span{display:block;height:100%;border-radius:5px;background:var(--giallo);transition:width .6s cubic-bezier(.2,.8,.2,1)}

/* Tagliando */
.tagliando{position:relative;min-width:0;background:var(--foglio);color:var(--foglio-testo);border-radius:6px;box-shadow:0 22px 44px -22px var(--ombra);--fuoco:var(--marca)}
.tagliando__matrice{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,3vw,24px) 14px}
.tagliando__titolo{font-family:var(--titoli);font-size:var(--t2);font-stretch:72%;font-weight:800;line-height:1.02}
.tagliando__numero{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--foglio-tenue)}
.tagliando__etichetta{padding:6px 11px;font-size:.8125rem;font-weight:600;line-height:1;white-space:nowrap;color:var(--marca);border:1.5px solid currentColor;border-radius:999px}
.tagliando__strappo{position:relative;height:0;margin-inline:14px;border-top:2px dashed var(--foglio-linea)}
.tagliando__strappo::before,.tagliando__strappo::after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:var(--viola)}
.tagliando__strappo::before{left:-24px}
.tagliando__strappo::after{right:-24px}

/* Tagliando chiuso */
.chiuso{display:grid;gap:14px;padding:20px clamp(16px,3vw,24px) 24px}
.chiuso__titolo{font-size:var(--t3)}
.chiuso p{font-family:var(--testo);font-size:1.125rem;line-height:1.5}
.chiuso__cosa{padding-top:14px;border-top:1px solid var(--foglio-linea)}
.chiuso__cosa h4{margin-bottom:10px;font-size:var(--t0);font-stretch:88%;font-weight:700;line-height:1.3}
.chiuso .chiuso__nota{font-family:var(--titoli);font-size:.95rem;line-height:1.45;color:var(--foglio-tenue)}
.elenco-segni{display:grid;gap:9px}
.elenco-segni li{position:relative;padding-left:26px;font-size:1rem;line-height:1.45}
.elenco-segni li::before{content:"";position:absolute;left:2px;top:.62em;width:14px;height:4px;border-radius:1px;background:var(--segno);transform:rotate(38deg)}

/* Modulo */
.modulo{display:grid;gap:14px;padding:18px clamp(16px,3vw,24px) 22px}
.modulo__coppia{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.campo{display:grid;gap:5px;min-width:0}
.campo > label{font-weight:600;font-size:.95rem}
.campo :is(input,select,textarea){width:100%;min-width:0;min-height:46px;margin:0;padding:10px 12px;font-family:var(--titoli);font-size:var(--t0);color:var(--foglio-testo);background-color:var(--campo);border:1.5px solid var(--campo-bordo);border-radius:4px}
.campo select:disabled{color:var(--foglio-tenue)}
.campo [aria-invalid="true"]{border-color:var(--errore);box-shadow:0 0 0 1px var(--errore)}
.spunta [aria-invalid="true"]{outline:2px solid var(--errore);outline-offset:2px}
.errore{font-size:var(--t-1);line-height:1.3;color:var(--errore)}
.modulo__impegno{font-family:var(--testo);font-size:1.0625rem;line-height:1.4}
.conferma{display:grid;gap:5px}
.spunta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;font-size:.95rem;line-height:1.4}
.spunta input{width:22px;height:22px;margin:0;accent-color:var(--marca)}
.modulo__nota{font-size:var(--t-1);line-height:1.4;color:var(--foglio-tenue)}
.modulo__avviso{padding:10px 12px;font-size:.95rem;line-height:1.4;color:var(--errore);border:1.5px solid currentColor;border-radius:4px}
.trappola{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Dopo l'invio: controlla la posta */
.attesa{display:grid;gap:14px;padding:20px clamp(16px,3vw,24px) 24px}
.attesa__titolo{font-size:var(--t3)}
.attesa p{font-family:var(--testo);font-size:1.125rem;line-height:1.5}
.attesa strong{overflow-wrap:anywhere}
.attesa .attesa__nota{font-family:var(--titoli);font-size:.95rem;line-height:1.45;color:var(--foglio-tenue)}

/* Adesione confermata */
.fatto{display:grid;gap:16px;padding:20px clamp(16px,3vw,24px) 22px}
.fatto__testa{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}
.fatto__testa > div{display:grid;gap:8px}
.fatto__titolo{font-size:var(--t3);overflow-wrap:anywhere}
.fatto__nota{font-size:var(--t-1);line-height:1.4;color:var(--foglio-tenue)}
.timbro{display:grid;place-content:center;justify-items:center;gap:3px;width:104px;height:104px;font-stretch:75%;font-weight:700;font-size:.72rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--marca);border:3px double var(--marca);border-radius:50%;transform:rotate(-9deg)}
.timbro strong{font-size:2rem;font-weight:800;letter-spacing:0;font-variant-numeric:tabular-nums}
.timbro--nuovo{animation:timbra .34s cubic-bezier(.3,1.6,.5,1) both}
@keyframes timbra{from{transform:rotate(-9deg) scale(1.7);opacity:0}to{transform:rotate(-9deg) scale(1);opacity:1}}
.passo2,.invito{display:grid;gap:14px;padding-top:16px;border-top:1px solid var(--foglio-linea)}
.passo2 legend{margin-bottom:8px;font-weight:700}
.scelte{display:flex;flex-wrap:wrap;gap:8px}
.scelta{position:relative}
.scelta input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.scelta span{display:block;padding:9px 14px;font-size:.95rem;line-height:1.2;border:1.5px solid var(--campo-bordo);border-radius:999px}
.scelta input:checked + span{color:var(--foglio);background:var(--marca);border-color:var(--marca)}
.scelta input:focus-visible + span{outline:3px solid var(--fuoco);outline-offset:2px}
.aiuti{display:grid;gap:10px}
.invito h3{font-size:var(--t2);font-stretch:72%}
.invito textarea{min-height:8.5em;font-family:var(--testo);font-size:1rem;line-height:1.4;resize:vertical}
.riga{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.stato{font-size:var(--t-1);color:var(--foglio-tenue)}
.esito{padding:9px 12px;font-size:.95rem;line-height:1.35;color:var(--nota-testo);background:var(--nota);border-radius:4px}
.cancella{padding-top:16px;border-top:1px solid var(--foglio-linea)}
.cancella > summary{font-size:.95rem;font-weight:600;color:var(--foglio-tenue);cursor:pointer}
.cancella__corpo{display:grid;justify-items:start;gap:12px;padding-top:12px;font-size:.95rem;line-height:1.45}

/* Pagina dell'adesione: conferma, risposte, cancellazione */
.adesione{background:var(--viola);color:var(--su-viola);--fuoco:var(--giallo)}
.adesione__griglia{display:grid;justify-items:center;padding-block:clamp(28px,5vw,64px) clamp(44px,7vw,84px)}
.adesione .tagliando{width:min(100%,580px)}
.passo-conferma{display:grid;justify-items:start;gap:16px;padding:20px clamp(16px,3vw,24px) 24px}
.passo-conferma h1{font-size:var(--t3);overflow-wrap:anywhere}
.passo-conferma p{font-family:var(--testo);font-size:1.125rem;line-height:1.5}

/* Sezioni */
.sezione{padding-block:clamp(56px,8vw,104px)}
.sezione--tinta{background:var(--carta-2)}
.sezione__titolo{max-width:18ch;margin-bottom:clamp(24px,3.5vw,44px);font-size:var(--t4);color:var(--marca)}
.prosa{display:grid;gap:.9em;max-width:60ch;font-family:var(--testo);font-size:1.1875rem;line-height:1.55}
.piccolo{max-width:70ch;font-size:var(--t-1);color:var(--tenue)}

.fatti{display:grid;gap:clamp(28px,4vw,48px);grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.fatti__uno{display:grid;align-content:start;gap:12px}
.fatti__uno h3{font-size:var(--t3)}
.fatti__uno p{font-family:var(--testo);font-size:1.125rem;line-height:1.5}
.fatti + .piccolo{margin-top:clamp(24px,3vw,36px)}

.due{display:grid;gap:clamp(24px,5vw,72px)}
.chi__segno{display:block;width:clamp(44px,6vw,72px);height:auto;margin-bottom:12px;fill:var(--segno);overflow:visible}
.chi__titolo{font-size:var(--t4);color:var(--marca)}
.promotori{padding-top:18px;font-family:var(--titoli);font-size:1rem;line-height:1.5;color:var(--tenue);border-top:1px solid var(--linea)}
@media (min-width:860px){.due{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}

.gruppi{display:grid;gap:clamp(32px,5vw,64px)}
.gruppo__titolo{padding-bottom:12px;font-size:var(--t1);font-stretch:88%;font-weight:700;line-height:1.2;color:var(--tenue);border-bottom:2px solid var(--inchiostro)}
.punto,.domanda{border-bottom:1px solid var(--linea)}
.punto > summary,.domanda > summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 16px;padding-block:18px;list-style:none;cursor:pointer}
.punto > summary::-webkit-details-marker,.domanda > summary::-webkit-details-marker{display:none}
.punto__nome{grid-column:1;font-stretch:70%;font-weight:800;font-size:var(--t3);line-height:1}
.punto__sintesi{grid-column:1;font-family:var(--testo);font-size:1.125rem;line-height:1.45}
.piu{grid-column:2;grid-row:1;position:relative;width:24px;height:24px;margin-top:4px;color:var(--marca)}
.piu::before,.piu::after{content:"";position:absolute;left:3px;right:3px;top:50%;height:3px;margin-top:-1.5px;background:currentColor;transition:transform .2s}
.piu::after{transform:rotate(90deg)}
details[open] > summary .piu::after{transform:rotate(0deg)}
.punto__elenco{padding:0 40px 22px 0}
.gruppi + .prosa{margin-top:clamp(28px,4vw,44px)}
@media (min-width:900px){.gruppi{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}

.passi{display:grid;gap:clamp(24px,3.5vw,40px);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));counter-reset:passo}
.passo{display:grid;align-content:start;gap:8px;counter-increment:passo}
.passo::before{content:counter(passo);font-stretch:68%;font-weight:800;font-size:clamp(3rem,2.4rem + 2.4vw,4.25rem);line-height:.9;color:var(--marca)}
.passo h3{font-size:var(--t2);font-stretch:75%}
.passo p{font-family:var(--testo);font-size:1.0625rem;line-height:1.5}

.sedi__intro{margin-bottom:clamp(20px,3vw,32px)}
.sedi{display:grid;border-top:2px solid var(--inchiostro)}
.sede{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding-block:14px;border-bottom:1px solid var(--linea)}
.sede__nome{font-stretch:75%;font-weight:700;font-size:var(--t1);line-height:1.1}
.sede__conto{text-align:right;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}
.sede__barra{grid-column:1 / -1;display:block;height:8px;border-radius:4px;background:var(--binario);overflow:hidden}
.sede__barra > span{display:block;height:100%;border-radius:4px;background:var(--marca);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.sedi + .prosa{margin-top:clamp(20px,3vw,32px)}
@media (min-width:720px){
  .sede{grid-template-columns:14rem minmax(0,1fr) 5rem}
  .sede__barra{grid-column:2;grid-row:1}
  .sede__conto{grid-column:3;grid-row:1}
}

.domande{display:grid;max-width:820px;border-top:2px solid var(--inchiostro)}
.domanda > summary{font-stretch:80%;font-weight:700;font-size:var(--t1);line-height:1.2}
.domanda .piu{margin-top:0}
.domanda > div{display:grid;gap:.8em;max-width:62ch;padding:0 40px 22px 0;font-family:var(--testo);font-size:1.125rem;line-height:1.55}

/* Pagine interne e articoli */
.pagina{padding-block:clamp(40px,6vw,80px) clamp(56px,8vw,104px)}
.pagina__titolo{max-width:24ch;margin-bottom:clamp(20px,3vw,36px);font-size:var(--t4);color:var(--marca)}
.pagina__data{margin-bottom:10px;font-size:var(--t-1);color:var(--tenue)}
.contenuto{max-width:68ch;font-family:var(--testo);font-size:1.1875rem;line-height:1.6}
.contenuto > * + *{margin-top:1em}
.contenuto :is(h2,h3,h4){margin-top:1.7em;line-height:1.1}
.contenuto h2{font-size:var(--t3)}
.contenuto h3{font-size:var(--t2);font-stretch:75%}
.contenuto h4{font-size:var(--t1);font-stretch:85%;font-weight:700}
.contenuto :is(ul,ol){padding-left:1.3em;list-style:revert}
.contenuto li + li{margin-top:.4em}
.contenuto a{text-decoration-thickness:1px;text-underline-offset:3px}
.contenuto blockquote{padding-left:1em;border-left:4px solid var(--segno)}
.contenuto :is(table){width:100%;border-collapse:collapse;font-family:var(--titoli);font-size:1rem;line-height:1.4}
.contenuto :is(th,td){padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linea)}
.contenuto .wp-block-table,.contenuto pre{overflow-x:auto}
.contenuto figcaption,.contenuto .wp-caption-text{margin-top:6px;font-family:var(--titoli);font-size:var(--t-1);color:var(--tenue)}
.contenuto hr{border:0;border-top:1px solid var(--linea)}
.contenuto .alignleft{float:left;margin:0 1.2em .8em 0}
.contenuto .alignright{float:right;margin:0 0 .8em 1.2em}
.contenuto .aligncenter{display:block;margin-inline:auto}
.contenuto::after{content:"";display:block;clear:both}
.voci{display:grid;gap:clamp(24px,3.5vw,40px);max-width:68ch}
.voce{display:grid;gap:8px}
.voce h2{font-size:var(--t3)}
.voce h2 a{color:inherit;text-decoration:none}
.voce h2 a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.voce p{font-family:var(--testo);font-size:1.125rem;line-height:1.5}
.pagine{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:clamp(28px,4vw,44px);font-weight:600}

/* Chiusura e piede */
.chiusura{background:var(--viola);color:var(--su-viola);--fuoco:var(--giallo)}
.chiusura__appello{display:grid;justify-items:start;gap:22px;padding-block:clamp(56px,8vw,96px)}
.chiusura__appello h2{max-width:22ch;font-size:var(--t4)}
.chiusura__appello p{max-width:46ch;font-family:var(--testo);font-size:1.1875rem;line-height:1.5;color:var(--su-viola-tenue)}
.chiusura .stato{color:var(--su-viola-tenue)}
.piede{display:grid;gap:18px;padding-block:28px 32px;font-size:.95rem;color:var(--su-viola-tenue)}
.chiusura__appello + .piede{border-top:1px solid var(--su-viola-linea)}
.piede svg{display:block;height:34px;width:auto;color:var(--su-viola);overflow:visible}
.piede a{color:var(--su-viola);text-decoration-color:var(--giallo);text-underline-offset:4px}
.piede__colonna{display:grid;align-content:start;gap:8px}
.piede__menu{display:flex;flex-wrap:wrap;gap:6px 18px}
@media (min-width:760px){.piede{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}}

/* Barra fissa su telefono, solo ad adesioni aperte */
.barra-fissa{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px var(--bordo) calc(10px + env(safe-area-inset-bottom,0px));background:var(--viola);color:var(--su-viola);border-top:1px solid var(--su-viola-linea);--fuoco:var(--giallo)}
.barra-fissa__conto{font-size:.95rem;line-height:1.2}
.barra-fissa__conto b{font-stretch:70%;font-weight:800;font-size:1.5rem;font-variant-numeric:tabular-nums}
@media (min-width:960px){.barra-fissa{display:none}}
@media (max-width:959px){
  .testata .bottone{display:none}
  .con-barra .piede{padding-bottom:116px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sito *,.sito *::before,.sito *::after{animation:none!important;transition:none!important}
}
@media print{
  .testata,.barra-fissa,.salta,.menu-tasto{display:none!important}
}