@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlow-condensed-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlow-condensed-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlow-condensed-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Barlow;src:url(/assets/fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(/assets/fonts/barlow-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Caveat;src:url(/assets/fonts/caveat-400.woff2) format("woff2");font-weight:400 700;font-display:swap}

:root{--c:"Barlow Condensed",sans-serif;--lead:rgba(242,237,230,.5);--doodle:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='%236b4a33' stroke-opacity='0.4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M40 120 Q40 62 110 60 Q180 62 180 120 Z'/><path d='M80 82 l6 -3 M110 76 l6 2 M140 86 l5 4 M95 100 l6 -2 M128 102 l5 2'/><path d='M34 134 q12 -9 24 0 t24 0 t24 0 t24 0 t24 0 t24 0 t12 0'/><path d='M42 156 h140 q0 24 -22 24 h-96 q-22 0 -22 -24z'/><path d='M262 160 Q246 80 342 52 Q350 146 262 160 Z'/><path d='M262 160 Q300 112 342 52 M286 128 l-14 -16 M306 102 l-16 -14 M298 116 l20 2'/><path d='M236 262 h112 v40 q0 52 -56 52 q-56 0 -56 -52z'/><path d='M348 276 q32 0 32 22 q0 22 -32 22'/><path d='M270 240 q-10 -14 0 -28 q10 -14 0 -28 M304 240 q-10 -14 0 -28 q10 -14 0 -28'/><path d='M36 330 Q58 256 120 250 Q182 256 204 330 Q162 308 120 310 Q78 308 36 330Z'/><path d='M88 262 L100 312 M120 250 v60 M152 262 l-12 50'/><circle cx='178' cy='218' r='22'/><path d='M178 196 v44 M156 218 h44 M162 202 l32 32 M194 202 l-32 32'/></svg>")}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:130px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:#1b1714;color:#f2ede6;font:16px/1.5 Barlow,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
input,select,button{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
ul{list-style:none;margin:0;padding:0}
h1,h2{margin:0;font-family:var(--c);font-weight:800}
p{margin:0}
:focus-visible{outline:2px solid #c2453c;outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.g{font-family:Caveat,cursive;font-weight:400;line-height:1}
.dd{background:#1b1714 var(--doodle);background-size:700px}
.w{max-width:1200px;margin:0 auto}
.hd{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.hd .g{font-size:clamp(26px,3vw,34px)}
.nt{margin-top:8px;font-family:Caveat,cursive;font-size:clamp(24px,2.6vw,28px);line-height:1.2}

/* testata */
.top{position:sticky;top:0;z-index:30;background:#fff;color:#111;box-shadow:0 1px 0 #d9d8d3}
.bar{max-width:1200px;margin:0 auto;padding:8px clamp(12px,3vw,32px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(10px,3vw,40px)}
.bar span{font:600 clamp(20px,4.4vw,44px)/1 var(--c);white-space:nowrap}
.bar span:first-child{text-align:right}
.logo,.logo img{width:clamp(54px,8vw,84px);height:clamp(54px,8vw,84px)}
@media (max-width:299px){.bar span{font-size:15px}.logo,.logo img{width:46px;height:46px}}
nav{border-top:1px solid #e6e5e0;overflow-x:auto}
nav div{max-width:1200px;margin:0 auto;padding:0 clamp(4px,calc(3vw - 4px),32px);display:flex;justify-content:center;gap:clamp(0px,calc(2.4vw - 6px),28px);min-width:max-content}
nav a{padding:0 clamp(3px,calc(1.6vw - 1px),8px);min-height:44px;display:flex;align-items:center;font:600 clamp(13px,3.7vw,17px) var(--c);letter-spacing:clamp(.02em,calc(.3vw - .6px),.1em);color:#555}
nav a:hover{color:#111;text-decoration:none}
nav .az{margin:6px 0;padding:0 clamp(8px,2.6vw,14px);min-height:36px;background:#1b1714;color:#fff;font-weight:700;font-size:clamp(12px,3.5vw,16px);letter-spacing:clamp(.06em,.22vw,.12em)}
nav .az:hover{color:#fff}
@media (max-width:359px){html{scroll-padding-top:170px}nav div{flex-wrap:wrap;min-width:0}nav div::after{content:"";flex-basis:100%;order:1}nav a:nth-child(n+4){order:2}}

/* recensioni */
.rec{padding:clamp(20px,4vw,48px) clamp(14px,4vw,48px) clamp(36px,6vw,64px);display:flex;flex-direction:column}
.hero{width:100%;height:clamp(260px,44vw,520px);object-fit:cover;object-position:50% 42%;border:10px solid #f2ede6}
.card{margin-top:clamp(-130px,-9vw,-60px);align-self:center;width:min(calc(100% - 24px),480px);background:#211c18;border:2px solid #f2ede6;padding:clamp(18px,2.4vw,24px) clamp(18px,2.4vw,28px) clamp(20px,2.4vw,26px);display:flex;flex-direction:column;gap:16px;box-shadow:0 14px 34px rgba(0,0,0,.55);position:relative}
.card>.g{font-size:26px;color:#e3dbd0}
.rt{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center}
.rt:hover{text-decoration:none}
.ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ic-g{background:#fff;font:700 34px/1 Barlow,sans-serif}
.ic-g span{background:conic-gradient(from -40deg,#ea4335 0 90deg,#fbbc05 90deg 160deg,#34a853 160deg 250deg,#4285f4 250deg 360deg);-webkit-background-clip:text;background-clip:text;color:transparent}
.ic-t{background:#34e0a1;gap:2px}
.ic-t i{width:20px;height:20px;border-radius:50%;background:#fff;border:2.5px solid #000;display:flex;align-items:center;justify-content:center}
.ic-t i::after{content:"";width:7px;height:7px;border-radius:50%;background:#000}
.mt{display:flex;flex-direction:column;gap:6px;min-width:0}
.mt+.sc{font:800 56px/.85 var(--c)}
.nm{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font:500 24px/1 Barlow,sans-serif}
.nm small{color:#c9c0b4;font-size:16px;white-space:nowrap}
.gg i{font-style:normal;color:#4285f4}
.gg i:nth-child(2),.gg i:nth-child(6){color:#ea4335}
.gg i:nth-child(3){color:#fbbc05}
.gg i:nth-child(5){color:#34a853}
.st{position:relative;align-self:flex-start;font-size:24px;line-height:1;letter-spacing:.02em;color:#4a3a2e}
.st span{position:absolute;inset:0;width:90%;overflow:hidden;white-space:nowrap;color:#fbbc04}
.dt{display:flex;gap:4px;margin-top:2px}
.dt i{width:18px;height:18px;border-radius:50%;border:2px solid #34e0a1;background:#34e0a1}
.dt i:last-child{background:linear-gradient(90deg,#34e0a1 30%,transparent 30%)}
.sep{border-top:2px dashed rgba(242,237,230,.4)}
@media (max-width:380px){
  .card{width:calc(100% - 12px);padding:16px}
  .rt{grid-template-columns:40px 1fr auto;gap:10px}
  .ic{width:40px;height:40px}.ic-g{font-size:26px}
  .ic-t i{width:16px;height:16px;border-width:2px}.ic-t i::after{width:6px;height:6px}
  .nm{font-size:18px}.nm small{font-size:14px}
  .st{font-size:20px}.dt i{width:15px;height:15px}
  .mt+.sc{font-size:42px}
}

/* area convenzioni */
.az-s{background:#fff;color:#111}
.az-w{max-width:1100px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(20px,4vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(28px,5vw,64px);align-items:center}
.az-l{display:flex;flex-direction:column;gap:12px}
.az-l .g{font-size:clamp(28px,3.4vw,38px)}
.az-l h2{font-size:clamp(52px,7.4vw,96px);line-height:.86}
@media (max-width:380px){.az-l h2{font-size:min(52px,15.5vw)}}
.az-l p{font-size:18px;color:#333;max-width:38ch;text-wrap:pretty}
.code{display:flex;flex-direction:column;gap:14px;width:100%;max-width:460px;justify-self:end}
.code input{border:0;border-bottom:3px solid #111;border-radius:0;background:transparent;padding:8px 0;font:800 clamp(44px,5.6vw,64px) var(--c);letter-spacing:.12em;text-transform:uppercase;outline:none;color:#111;width:100%}
.code input:focus-visible{outline:2px solid #c2453c;outline-offset:4px}
.err{font-size:16px;background:#f3e3e1;color:#7a1a20;padding:10px 14px}
.bk{border:0;background:#1b1714;color:#fff;min-height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font:800 24px var(--c);letter-spacing:.1em}
.bk:hover{background:#000}
.code a{font:600 18px var(--c);letter-spacing:.06em;color:#333;text-decoration:underline;text-underline-offset:5px}

/* elenchi a cartoncino: puntino, nome, tratteggio, valore */
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:clamp(36px,5vw,72px)}
.bh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;border-bottom:2px solid #f2ede6;padding-bottom:8px;margin-bottom:10px}
.bh :is(h2,h3){margin:0 auto 0 0;font:800 clamp(38px,4.4vw,52px)/1 var(--c)}
.bh span{font:600 clamp(17px,1.8vw,20px) var(--c);letter-spacing:.08em;color:#c9c0b4}
.bh .pz{font:800 clamp(30px,3.4vw,40px)/1 var(--c);letter-spacing:0;color:inherit}
.pn{padding:4px 0;margin-top:6px}
.pn b{display:flex;align-items:baseline;gap:8px;font:700 clamp(25px,2.6vw,30px)/1.05 var(--c);white-space:nowrap}
.ro.d::before{content:"";width:7px;height:7px;border-radius:50%;background:#c2453c;flex:none;transform:translateY(calc(3.5px - .35em))}
.pn b::after{content:"";flex:1;border-bottom:1.5px dashed var(--lead);transform:translateY(calc(.75px - .35em));min-width:24px}
.pn span{display:block;font:500 clamp(17px,1.7vw,19px) var(--c);letter-spacing:.02em;color:#e3dbd0}
.ro{display:flex;align-items:baseline;gap:8px;font:600 clamp(22px,2.3vw,26px)/1.5 var(--c)}
.ro+.ro{margin-top:2px}
.ro i{flex:1;border-bottom:1.5px dashed var(--lead);transform:translateY(calc(.75px - .35em));min-width:20px}
.ro b{white-space:nowrap;font-weight:600}
.ro s{color:#8f8579}
.bd{display:flex;flex-direction:column;gap:2px}
.bds{display:flex;flex-direction:column;gap:clamp(32px,4vw,48px)}

/* menu */
.mn{padding:clamp(44px,7vw,96px) clamp(20px,4vw,40px);display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}
.mn h2,.mn h1{font-size:clamp(64px,11vw,140px);line-height:.85}
.bt.cn{justify-content:center}
.bh:has(.pz){margin-bottom:8px}

/* dove siamo */
.dv{padding:clamp(24px,4vw,48px) clamp(14px,4vw,48px) clamp(56px,8vw,96px);display:flex;flex-direction:column;gap:clamp(24px,3vw,36px)}
.dv .hd .g{color:#e3dbd0}
.dv h2{font-size:clamp(56px,9vw,112px);line-height:.85}
.map{position:relative;border:10px solid #f2ede6;background:#d9d4c8;height:clamp(340px,46vw,540px);overflow:hidden}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) sepia(.35) contrast(1.05) brightness(.97)}
.map a{position:absolute;top:14px;right:14px;background:#211c18;padding:8px 12px;font:700 16px var(--c);letter-spacing:.1em}
.map a:hover{text-decoration:none;background:#000}
.inf{margin-top:clamp(-110px,-8vw,-50px);align-self:center;width:min(calc(100% - 24px),760px);background:#211c18;border:2px solid #f2ede6;box-shadow:0 14px 34px rgba(0,0,0,.55);position:relative;padding:clamp(20px,2.6vw,28px) clamp(20px,3vw,34px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(20px,3vw,40px)}
.inf .ro{font-size:clamp(20px,2vw,23px)}
.inf .ro i{min-width:16px}
.inf .ro b{font-weight:700}
.ad{display:flex;flex-direction:column;gap:10px}
.ad strong{font:700 clamp(22px,2.2vw,26px)/1.2 var(--c)}
.ad .g{font-size:24px;color:#e3dbd0}
.bt{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.bt a{min-height:46px;padding:0 14px;display:flex;align-items:center;border:2px solid rgba(242,237,230,.6);font:700 18px var(--c);letter-spacing:.06em}
.bt a:hover{text-decoration:none;border-color:#f2ede6}
.bt .go{background:#f2ede6;color:#1b1714;border:0;padding:0 16px;font-weight:800;letter-spacing:.08em}
.bt .go:hover{background:#fff}
.ml{font-size:15px;color:#c9c0b4;word-break:break-all}

/* alessio */
.al-s{padding:clamp(8px,2vw,24px) clamp(20px,4vw,40px) clamp(56px,8vw,104px)}
.al{margin:0 auto;max-width:720px;display:grid;grid-template-columns:minmax(120px,5fr) minmax(0,6fr);gap:clamp(20px,4vw,48px);align-items:center}
.al figure{margin:0;background:#fff;padding:clamp(8px,1.2vw,12px) clamp(8px,1.2vw,12px) clamp(34px,4.4vw,48px);transform:rotate(-3deg);box-shadow:0 12px 26px rgba(0,0,0,.5);position:relative}
.al figure img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.al figcaption{position:absolute;left:0;right:0;bottom:clamp(10px,1.5vw,16px);text-align:center;font:700 clamp(12px,1.7vw,18px)/1 var(--c);letter-spacing:.12em;color:#1b1714}
.al-r{display:flex;flex-direction:column;gap:clamp(12px,2vw,24px);min-width:0}
.al-r .g{font-size:clamp(28px,5vw,56px)}
.hr{border-top:1.5px dashed rgba(242,237,230,.4)}
.pay{display:flex;align-items:center;gap:clamp(12px,2vw,22px)}
.pay p{font:700 clamp(15px,2.2vw,24px)/1.3 var(--c);letter-spacing:.04em;color:#e3dbd0}
.bo{width:clamp(64px,9.5vw,108px);height:clamp(64px,9.5vw,108px);border-radius:50%;background:#a8232b;display:flex;align-items:center;justify-content:center;flex:none}
.bo img{width:88%;height:88%;filter:invert(1)}
@media (max-width:340px){.pn b{font-size:min(25px,8vw);white-space:normal}.ro{font-size:min(22px,7.4vw)}.ro b{white-space:normal;text-align:right}}
@media (max-width:560px){.al{grid-template-columns:1fr;justify-items:center;text-align:center}.al figure{width:min(260px,80%)}.al-r{align-items:center}.hr{width:100%}}

/* pagina riservata */
.cv{padding:clamp(44px,8vw,104px) clamp(20px,4vw,40px);display:flex;flex-direction:column;gap:clamp(22px,3vw,36px)}
.ct{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.ct .g{font-size:clamp(28px,3.4vw,38px)}
.ca{display:flex;gap:10px;flex-wrap:wrap}
.ol,.qu{min-height:48px;display:flex;align-items:center;font:700 18px var(--c);letter-spacing:.1em;background:none}
.ol{border:2px solid rgba(242,237,230,.6);padding:0 18px}
.qu{border:0;padding:0 12px;font-weight:600;font-size:17px;color:#c9c0b4}
.cv h1{font-size:clamp(64px,11vw,148px);line-height:.84;text-wrap:balance}
.cv>p{font-size:clamp(17px,1.6vw,20px);color:#e3dbd0;max-width:50ch;text-wrap:pretty}
.cv .cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,72px);margin-top:clamp(12px,2vw,24px)}
.cv .bh h2{font-size:clamp(34px,4vw,46px)}
.cv .ro{font-size:clamp(21px,2.2vw,25px)}
.cv .ro b{font-weight:800}
.cv .nt{font-size:clamp(22px,2.4vw,27px)}
.rq{border-top:1px solid #2e2823}
.rq-w{max-width:1100px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(20px,4vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(28px,5vw,64px)}
.rq-l{display:flex;flex-direction:column;gap:14px}
.rq-l h2{font-size:clamp(48px,6vw,80px);line-height:.86}
.rq-l p{font-size:17px;line-height:1.55;color:#e3dbd0;max-width:40ch;text-wrap:pretty}
.rq-l address{display:flex;flex-direction:column;gap:2px;font-size:17px;font-style:normal}
.rq-l address strong{font-weight:500}
.rq-l address a{overflow-wrap:anywhere}
.fm{display:flex;flex-direction:column;gap:16px}
.fm label{display:flex;flex-direction:column;gap:4px;font:700 16px var(--c);letter-spacing:.16em}
.fm input,.fm select{border:0;border-bottom:2px solid rgba(242,237,230,.6);border-radius:0;background:transparent;padding:10px 0;font:18px Barlow,sans-serif;letter-spacing:0;outline:none;color:#f2ede6}
.fm input:focus,.fm select:focus{border-bottom-color:#f2ede6}
.fm option{color:#111}
.fm button{margin-top:8px;border:0;background:#f2ede6;color:#1b1714;min-height:60px;font:800 22px var(--c);letter-spacing:.1em}
.ok{min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.ok strong{font:800 min(64px,19vw)/.9 var(--c)}
.ok .g{font-size:32px}

/* footer */
.ft{background:#141110;border-top:1px solid #2e2823}
.ft-w{padding:clamp(44px,6vw,72px) clamp(20px,4vw,48px) clamp(24px,3vw,32px);display:flex;flex-direction:column;gap:clamp(32px,4vw,48px)}
.fg{display:grid;grid-template-columns:1fr;gap:clamp(32px,4vw,56px)}
@media (min-width:480px){.fg{grid-template-columns:1fr 1fr}.br{grid-column:1/-1}}
@media (min-width:800px){.fg{grid-template-columns:2fr 1fr 1fr}.br{grid-column:auto}}
.br{display:flex;flex-direction:column;gap:20px;max-width:440px}
.mk{display:flex;align-items:center;gap:14px}
.mk span:first-child{width:52px;height:52px;border-radius:50%;background:#f2ede6;display:flex;align-items:center;justify-content:center;flex:none}
.mk img{width:46px;height:46px}
.mk .g{font-size:34px}
.br p{line-height:1.55;color:#c9c0b4;text-wrap:pretty}
.br address{font:500 16px/1.55 var(--c);font-style:normal;letter-spacing:.04em;color:#c9c0b4}
.fc{display:flex;flex-direction:column;gap:6px}
.fc h2{font-size:24px;letter-spacing:.04em;margin-bottom:8px}
.fc a,.fc button{color:#c9c0b4;font-size:16px;min-height:32px;display:flex;align-items:center;background:none;border:0;padding:0;text-align:left}
.fc a:hover,.fc button:hover{color:#f2ede6;text-decoration:none}
.fb{border-top:1px solid #2e2823;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;font-size:15px;color:#c9c0b4}
.fb a{display:flex;align-items:center;gap:6px}
.fb a:hover{color:#f2ede6;text-decoration:none}
.fb svg{fill:currentColor;color:#c2453c;flex:none;position:relative;top:.04em}
@media (max-width:479px){.fg,.fb{text-align:center}.br,.fc{align-items:center;margin-inline:auto}.mk,.fc a,.fc button,.fb,.fb a{justify-content:center}.fc a,.fc button{text-align:center}.fb{flex-direction:column}}

/* finestre legali */
dialog{width:min(calc(100% - 32px),640px);max-height:86vh;padding:0;border:0;background:#f7f3ea;color:#1b1714;box-shadow:0 24px 60px rgba(0,0,0,.5)}
dialog::backdrop{background:rgba(10,8,7,.72)}
dialog>div{padding:clamp(24px,4vw,40px);display:flex;flex-direction:column;gap:14px}
.dh{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
dialog h2{font-size:clamp(34px,4vw,44px);line-height:.95}
.x{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none;font-size:26px;line-height:1;background:none;border:0}
dialog p{line-height:1.6;color:#2e2a25;text-wrap:pretty}
.tl{font-size:14px;color:#5b5348;border-top:1px solid #d6d1c6;padding-top:12px}

@media (max-width:340px){.cv .ro{font-size:min(21px,7vw)}}
@media print{.np{display:none!important}}
