/*
Theme Name: Web Opera Design
Author: Web Opera Design
Description: Il sito di Web Opera Design: siti web per cantanti lirici e professionisti dello spettacolo. Pagina unica, sipario d'apertura, ultimi post di Instagram e modulo per chiedere il listino.
Version: 1.1.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: web-opera-design
*/

/* ---------- Caratteri: serviti dal sito, come sui post ---------- */
@font-face{font-family:"Playfair Display";src:url(assets/fonts/playfair.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(assets/fonts/playfair-corsivo.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Montserrat";src:url(assets/fonts/montserrat.woff2) format("woff2");font-weight:300 600;font-style:normal;font-display:swap}

:root{
	--notte:#19304D;
	--notte-fonda:#12243C;
	--notte-luce:#223D5F;
	--avorio:#FAF6F2;
	--azzurro:#DCE7F0;
	--oro:#C8973C;
	--oro-scuro:#86601E;
	--bronzo:#8A6E3C;
	--titoli:"Playfair Display",Georgia,serif;
	--testi:"Montserrat",system-ui,sans-serif;
	--testata:68px;
	--bordo:clamp(20px,5vw,56px);
	--aperto:.3;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--testata) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--notte);color:var(--notte);font:400 1.0625rem/1.65 var(--testi);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--oro);outline-offset:3px;border-radius:4px}

h1,h2,h3{font-family:var(--titoli);font-weight:600;line-height:1.12;letter-spacing:-.008em;text-wrap:balance;font-feature-settings:"lnum"}
h1{font-size:clamp(2.7rem,7vw,5.6rem);font-weight:700}
h2{font-size:clamp(2rem,4.3vw,3.5rem)}
h3{font-size:1.5rem}
/* La regola del profilo: le parole in oro sono sempre in corsivo. */
em{font-style:italic;color:var(--oro-scuro)}
.notte em,.scena em{color:var(--oro)}

.solo-lettori{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.salta{position:fixed;left:12px;top:-80px;z-index:100;background:var(--avorio);color:var(--notte);padding:10px 16px;border-radius:999px}
.salta:focus{top:12px}

.dentro{position:relative;z-index:1;width:min(100% - 2 * var(--bordo),1180px);margin-inline:auto}
.etichetta{font:500 .78rem/1 var(--testi);letter-spacing:.16em;text-transform:uppercase;opacity:.78}
.attacco{font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.55;max-width:38em}
.nota{font-size:.95rem;line-height:1.6;max-width:44em;opacity:.84}

/* ---------- Bottoni ---------- */
.bottone{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 30px;border:1.5px solid var(--oro);border-radius:999px;background:var(--oro);color:var(--notte-fonda);font:600 1rem/1.2 var(--testi);text-decoration:none;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .25s}
.bottone:hover{background:#D9AC57;border-color:#D9AC57;transform:translateY(-2px)}
.bottone.chiaro{background:transparent;border-color:rgba(250,246,242,.55);color:var(--avorio)}
.bottone.chiaro:hover{background:var(--avorio);border-color:var(--avorio);color:var(--notte)}
.bottone.scuro{background:var(--notte);border-color:var(--notte);color:var(--avorio)}
.bottone.scuro:hover{background:var(--notte-luce);border-color:var(--notte-luce)}
.bottone.piccolo{min-height:42px;padding:9px 20px;font-size:.9rem}

/* ---------- Testata ---------- */
.testata{position:fixed;inset:0 0 auto;z-index:50;height:var(--testata);display:flex;align-items:center;gap:20px;padding-inline:var(--bordo);background:var(--notte);color:var(--avorio);transition:box-shadow .3s}
.testata.staccata{box-shadow:0 1px 0 rgba(200,151,60,.5),0 12px 30px -18px rgba(8,18,32,.9)}
.marchio{display:flex;align-items:center;gap:12px;margin-right:auto;text-decoration:none;font:500 1.06rem/1 var(--titoli);letter-spacing:.02em;white-space:nowrap}
.marchio img{width:auto;height:30px}
.menu ul{display:flex;gap:clamp(14px,2.2vw,30px)}
.menu a{font-size:.92rem;font-weight:500;text-decoration:none;padding:8px 0;background:linear-gradient(var(--oro),var(--oro)) 0 100%/0 1.5px no-repeat;transition:background-size .3s}
.menu a:hover,.menu a[aria-current]{background-size:100% 1.5px}
.apri-menu{display:none;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.apri-menu i,.apri-menu i::before{display:block;width:24px;height:1.5px;margin:auto;background:var(--avorio);transition:transform .3s}
.apri-menu i::before{content:"";transform:translateY(8px)}
.apri-menu i{transform:translateY(-4px)}
.apri-menu[aria-expanded=true] i{transform:rotate(45deg)}
.apri-menu[aria-expanded=true] i::before{transform:rotate(-90deg)}

@media (max-width:940px){
	.apri-menu{display:block}
	.menu{position:fixed;inset:var(--testata) 0 0;display:grid;place-items:center;background:var(--notte);visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}
	.menu.aperto{visibility:visible;opacity:1}
	.menu ul{flex-direction:column;align-items:center;gap:26px}
	.menu a{font:500 1.7rem/1.2 var(--titoli)}
}
@media (max-width:520px){.marchio span{display:none}}

/* Con la barra di WordPress, visibile solo a chi è entrato come amministratore */
.admin-bar .testata{top:32px}
@media (max-width:782px){.admin-bar .testata{top:46px}.admin-bar .menu{top:calc(var(--testata) + 46px)}}

/* ---------- Apertura: il sipario ---------- */
/* Un velluto blu notte con un filo d'oro, la luce che scende dall'alto, il titolo al centro. */
.scena{--resto:clamp(64px,9vw,148px);position:relative;overflow:clip;display:grid;place-items:center;min-height:min(100svh,940px);padding:calc(var(--testata) + clamp(110px,14vw,200px)) calc(var(--resto) + 24px) clamp(100px,12vw,160px);color:var(--avorio);text-align:center;
	background:
		radial-gradient(ellipse 34% 62% at 50% -6%,rgba(250,246,242,.13),rgba(250,246,242,.04) 55%,transparent 75%),
		radial-gradient(ellipse 40% 9% at 50% 100%,rgba(200,151,60,.16),transparent 75%),
		linear-gradient(180deg,#132842,var(--notte) 40%,#152A45)}
.scena-testo{position:relative;z-index:1;width:min(100%,50rem)}
.scena h1{font-size:clamp(2.9rem,7.6vw,6.4rem);font-weight:500;line-height:1.02;letter-spacing:-.018em}
.scena h1 em{font-weight:400;letter-spacing:-.01em}
.filo{display:block;width:72px;height:1px;margin:clamp(28px,3.4vw,40px) auto 0;background:var(--oro)}
.scena-testo p{margin:clamp(22px,2.6vw,30px) auto 0;max-width:29em;font-size:clamp(1rem,1.45vw,1.2rem);font-weight:300;line-height:1.65;letter-spacing:.01em;color:rgba(250,246,242,.8)}
.azioni{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(34px,4vw,46px)}

/* Il sipario: pieghe di velluto, ombra verso la scena e un filo d'oro sul bordo. */
.sipario{position:absolute;top:var(--testata);bottom:0;z-index:2;width:51%;
	background:
		linear-gradient(180deg,rgba(4,10,20,.55),transparent 24%,transparent 68%,rgba(4,10,20,.65)),
		repeating-linear-gradient(90deg,#0B1729 0,#13284A 16px,#1F3C64 31px,#2B4C78 37px,#1C3760 48px,#0B1729 70px);
	box-shadow:0 0 70px 10px rgba(4,10,20,.6)}
.sipario::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(200,151,60,.9) 18%,rgba(200,151,60,.9) 82%,transparent)}
.sipario.sx{left:0;transform:translateX(calc(-100% + var(--resto) * (1 - .55 * var(--scorri,0))))}
.sipario.sx::after{right:10px}
.sipario.dx{right:0;transform:translateX(calc(100% - var(--resto) * (1 - .55 * var(--scorri,0))))}
.sipario.dx::after{left:10px}
.mantovana{position:absolute;left:0;top:var(--testata);z-index:3;width:100%;height:clamp(46px,5.6vw,84px);filter:drop-shadow(0 12px 18px rgba(4,10,20,.55))}

@keyframes apri{from{transform:translateX(0)}}
@keyframes entra{from{opacity:0;transform:translateY(14px)}}
@keyframes filo{from{transform:scaleX(0)}}
@media (prefers-reduced-motion:no-preference){
	.sipario{animation:apri 2.8s cubic-bezier(.7,0,.16,1) .35s backwards}
	.scena-testo > *{animation:entra 1.4s cubic-bezier(.2,.7,.2,1) backwards}
	.scena-testo h1{animation-delay:1.5s}
	.scena-testo .filo{animation:filo 1.2s cubic-bezier(.6,0,.2,1) 2s backwards}
	.scena-testo p{animation-delay:2.1s}
	.scena-testo .azioni{animation-delay:2.3s}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media (max-width:700px){.scena{--resto:26px;padding-inline:44px}.sipario::after{opacity:.7}.sipario.sx::after{right:6px}.sipario.dx::after{left:6px}}

/* ---------- Il cerchio di luce che passa da una sezione all'altra ---------- */
.luce{position:absolute;z-index:0;border-radius:50%;pointer-events:none;background:var(--notte-luce)}
.luce.sotto,.luce.sopra{left:calc(var(--x) - var(--r));width:calc(var(--r) * 2);height:calc(var(--r) * 2)}
.luce.sotto{top:calc(100% + var(--d) - var(--r))}
.luce.sopra{top:calc(var(--d) - var(--r))}
.azzurra > .luce{background:var(--avorio)}
.avorio > .luce{background:var(--azzurro)}

/* ---------- Sezioni ---------- */
.sezione{position:relative;overflow:clip;padding-block:clamp(84px,11vw,160px)}
.azzurra{background:var(--azzurro)}
.avorio{background:var(--avorio)}
.notte{background:var(--notte);color:var(--avorio)}
.capo{margin-bottom:clamp(44px,6vw,80px);max-width:54rem}
.capo .etichetta{margin-bottom:22px}
.capo .attacco{margin-top:24px}
.capo.con-azioni{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:none}
.disegno{width:100%}

/* Formati: tre locandine */
.locandine{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,30px);align-items:start}
.locandina{position:relative;display:flex;flex-direction:column;padding:clamp(22px,2.4vw,34px);padding-top:0;border-radius:6px;background:var(--avorio);box-shadow:0 30px 60px -38px rgba(25,48,77,.55);scroll-margin-top:calc(var(--testata) + 24px);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.locandina:hover{transform:translateY(-6px);box-shadow:0 44px 70px -40px rgba(25,48,77,.6)}
.locandina .disegno{width:78%;margin:0 auto -4%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.locandina:hover .disegno{transform:scale(1.04) rotate(-1.2deg)}
.locandina h3{font-size:clamp(1.7rem,2.25vw,2.05rem);font-style:italic;font-weight:600}
.locandina .per{margin-top:10px;line-height:1.5}
.locandina .etichetta{margin-top:30px;padding-top:22px;border-top:1px solid rgba(138,110,60,.4)}
.voci{margin-top:14px}
.voci li{padding:11px 0}
.voci b{display:block;font:600 1.16rem/1.25 var(--titoli)}
.voci span{display:block;margin-top:2px;font-size:.9rem;line-height:1.45;opacity:.8}
.chiusura{margin-top:22px;padding-top:22px;border-top:1px solid rgba(138,110,60,.4);font:600 1.3rem/1.3 var(--titoli)}
.scelta{align-self:flex-start;margin-top:22px;font-size:.92rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--oro);text-decoration-thickness:1.5px;text-underline-offset:5px}
.scelta:hover{text-decoration-thickness:3px}
#formati .nota{margin-top:clamp(36px,4vw,56px)}
.punti{display:none}

/* Extra e aggiornamenti */
.extra{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px)}
.extra .disegno{width:min(74%,250px);margin-bottom:8px}
.extra h3{font-size:1.75rem}
.extra p{margin-top:12px;font-size:1rem}
.aggiornamenti{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px);margin-top:clamp(56px,7vw,96px);padding-top:clamp(30px,4vw,48px);border-top:1px solid rgba(138,110,60,.45)}
.aggiornamenti dt,.rubriche dt{font:600 1.25rem/1.25 var(--titoli)}
.aggiornamenti dd,.rubriche dd{margin-top:6px;font-size:.95rem;line-height:1.55;opacity:.86}

/* Dietro le quinte, contatti */
.due{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center}
.due .etichetta{margin-bottom:22px}
.disegno.grande{width:min(100%,460px);justify-self:center;filter:drop-shadow(0 30px 40px rgba(8,18,32,.45))}
.voci.larghe{display:grid;grid-template-columns:1fr 1fr;gap:6px 32px;margin-top:34px}
.voci.larghe li{border-top:1px solid rgba(200,151,60,.45);padding:16px 0}
#quinte .nota{margin-top:26px}

/* Come si comincia */
.passaggi{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,44px);counter-reset:passo}
.passaggi li{counter-increment:passo;padding-top:22px;border-top:1px solid rgba(138,110,60,.5)}
.passaggi li::before{content:counter(passo);display:block;font:italic 500 clamp(3.2rem,5vw,4.6rem)/1 var(--titoli);color:var(--oro-scuro);font-feature-settings:"lnum"}
.passaggi h3{margin-top:14px}
.passaggi p{margin-top:8px;font-size:.98rem}
.nota.stretta{margin-top:clamp(40px,5vw,64px)}

/* Lavori */
.frecce{display:flex;gap:10px}
.frecce button{width:52px;height:52px;border:1.5px solid var(--notte);border-radius:50%;background:none;cursor:pointer;transition:background-color .25s,color .25s}
.frecce button:hover{background:var(--notte);color:var(--avorio)}
.frecce button:disabled{opacity:.3;cursor:default;background:none;color:inherit}
.frecce svg{width:22px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.striscia{position:relative;z-index:1;display:flex;gap:clamp(14px,2vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px max(var(--bordo),calc((100vw - 1180px) / 2)) 40px;scroll-padding-inline:max(var(--bordo),calc((100vw - 1180px) / 2));scrollbar-width:none}
.striscia::-webkit-scrollbar{display:none}
.striscia li{flex:0 0 min(76vw,390px);scroll-snap-align:start}
.striscia img{width:100%;border-radius:6px;box-shadow:0 30px 50px -34px rgba(25,48,77,.7)}
.premio{display:flex;align-items:center;gap:clamp(18px,4vw,56px);margin-top:clamp(28px,4vw,48px);padding:clamp(24px,3.4vw,44px) clamp(24px,4vw,56px);border-radius:6px;background:var(--notte);color:var(--avorio)}
.premio img{flex:0 0 auto;width:clamp(190px,24vw,300px)}
.premio p{flex:1;font:500 clamp(1.15rem,1.7vw,1.45rem)/1.4 var(--titoli)}
#lavori a{text-decoration-color:var(--oro);text-underline-offset:4px}

/* Instagram */
.profilo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,5vw,80px);align-items:start}
.post{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,16px)}
.post a{position:relative;display:block;overflow:hidden;border-radius:6px;aspect-ratio:4/5;background:var(--azzurro)}
.post img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.post a:hover img{transform:scale(1.05)}
.post .reel{position:absolute;right:10px;top:10px;width:26px;fill:var(--avorio);filter:drop-shadow(0 1px 4px rgba(8,18,32,.6))}
.rubriche h3{font-size:1.75rem}
.rubriche dl > div{padding:16px 0;border-bottom:1px solid rgba(138,110,60,.4)}
.rubriche .bottone{margin-top:30px}

/* Contatti */
.contatti{align-items:start}
.contatti .attacco{margin-top:26px}
.contatti .nota{margin-top:22px}
.contatti a{text-decoration-color:var(--oro);text-underline-offset:4px}
.modulo{padding:clamp(24px,4vw,46px);border-radius:28px;background:var(--avorio);color:var(--notte)}
.modulo p + p{margin-top:20px}
.modulo label{display:block;font-size:.88rem;font-weight:600}
.modulo label span{font-weight:400;opacity:.7}
.modulo input:not([type=checkbox]),.modulo select,.modulo textarea{display:block;width:100%;margin-top:6px;padding:12px 2px;border:0;border-bottom:1.5px solid rgba(25,48,77,.45);border-radius:0;background:transparent;font-size:1.05rem;transition:border-color .25s}
.modulo textarea{resize:vertical;min-height:108px}
.modulo input:focus,.modulo select:focus,.modulo textarea:focus{outline:0;border-bottom-color:var(--oro-scuro);box-shadow:0 1.5px 0 var(--oro-scuro)}
.modulo ::placeholder{color:rgba(25,48,77,.55)}
.consenso{display:flex;gap:12px;align-items:flex-start}
.consenso input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--notte)}
.consenso label{font-weight:400;line-height:1.5}
.modulo .bottone{width:100%;margin-top:26px}
.trappola{position:absolute;left:-9999px}
.esito{margin-bottom:22px;padding:14px 18px;border-radius:12px;font-weight:600;line-height:1.45}
.esito.ok{background:var(--azzurro)}
.esito.no{background:#F6E3DC;color:#7A2613}

/* ---------- Piede ---------- */
.piede{padding-block:clamp(48px,6vw,80px);background:var(--notte-fonda);color:rgba(250,246,242,.86);font-size:.92rem}
.piede-griglia{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(24px,5vw,72px);align-items:center}
.piede-logo{width:124px}
.piede-frase{font:500 1.2rem/1.35 var(--titoli);color:var(--avorio);max-width:20em}
.piede-link{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}
.piede-link a{text-decoration-color:rgba(200,151,60,.7);text-underline-offset:4px}
.piede-dati{line-height:1.7;text-align:right}

/* ---------- Pagine di testo ---------- */
.pagina{padding-top:calc(var(--testata) + clamp(56px,8vw,110px));min-height:70vh}
.testo{max-width:44rem}
.testo h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:.8em}
.testo h2{font-size:1.6rem;margin:1.8em 0 .5em}
.testo p{margin-bottom:1em}
.testo a{text-decoration-color:var(--oro);text-underline-offset:4px}

/* ---------- Schermi stretti ---------- */
@media (max-width:1020px){
	.locandine{grid-template-columns:1fr 1fr}
	.locandine .locandina:last-child{grid-column:1 / -1}
	.locandina:last-child .voci{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
	.locandina:last-child .disegno{width:min(60%,300px)}
	.passaggi{grid-template-columns:1fr 1fr;row-gap:36px}
	.profilo{grid-template-columns:1fr}
}
@media (max-width:760px){
	.sezione{padding-block:72px}
	.capo{margin-bottom:34px}
	.capo .etichetta{margin-bottom:16px}
	.aggiornamenti,.due,.piede-griglia{grid-template-columns:1fr}

	/* Formati: le tre locandine si sfogliano di lato, come un carosello di Instagram. */
	.locandine{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--bordo));padding:6px var(--bordo) 26px;scroll-padding-inline:var(--bordo);scrollbar-width:none}
	.locandine::-webkit-scrollbar{display:none}
	.locandina,.locandine .locandina:last-child{flex:0 0 min(84%,340px);grid-column:auto;scroll-snap-align:start}
	.locandina:hover{transform:none}
	.locandina:hover .disegno{transform:none}
	.locandina .disegno,.locandina:last-child .disegno{width:min(58%,190px)}
	.locandina:last-child .voci{display:block}
	.locandina h3{font-size:1.7rem}
	.locandina .etichetta{margin-top:22px;padding-top:18px}
	.voci li{padding:7px 0}
	.chiusura{font-size:1.15rem}
	.punti{display:flex;justify-content:center;gap:9px}
	.punti i{width:7px;height:7px;border-radius:50%;background:rgba(25,48,77,.22);transition:background-color .3s,transform .3s}
	.punti i.attivo{background:var(--notte);transform:scale(1.2)}
	#formati .nota{margin-top:26px}

	/* Extra: il disegno piccolo accanto al titolo. */
	.extra{grid-template-columns:1fr;gap:36px}
	.extra article{display:grid;grid-template-columns:80px 1fr;column-gap:18px;align-items:center}
	.extra .disegno{width:80px;margin:0}
	.extra h3{font-size:1.55rem}
	.extra p{grid-column:1 / -1;margin-top:12px}
	.aggiornamenti{gap:22px;margin-top:48px;padding-top:30px}

	.disegno.grande{width:min(60%,230px)}
	.voci.larghe{grid-template-columns:1fr;margin-top:26px}
	.voci.larghe li{padding:12px 0}

	/* Come si comincia: due passaggi per riga. */
	.passaggi{grid-template-columns:1fr 1fr;gap:28px 20px}
	.passaggi li{padding-top:16px}
	.passaggi li::before{font-size:2.5rem}
	.passaggi h3{margin-top:8px;font-size:1.22rem}
	.passaggi p{font-size:.92rem;line-height:1.5}
	.nota.stretta{margin-top:36px}

	/* Lavori: si sfoglia col dito, le frecce non servono. */
	.frecce{display:none}
	.capo.con-azioni,.premio{flex-direction:column;align-items:flex-start}
	.striscia{padding-bottom:28px}
	.striscia li{flex-basis:80vw}

	/* Instagram: la griglia del profilo, tre per riga. */
	.post{grid-template-columns:repeat(3,1fr);gap:4px}
	.post a{border-radius:3px}
	.post .reel{right:6px;top:6px;width:18px}
	.rubriche dl > div{padding:13px 0}

	.contatti{gap:34px}
	.modulo{border-radius:20px}
	.piede-dati{text-align:left}
}
@media (max-width:460px){
	.testata .bottone.piccolo{padding-inline:14px}
}