/* TAC S.R.L. – sito istituzionale */
:root{
  --fondo:#F7F3EC; --carta:#FFFFFF; --testo:#1F2A37; --grigio:#5B6472; --bordo:#E4DDD0;
  --blu:#1E3A5F; --oro:#B8893A; --oro-chiaro:#F3E7CF; --viola:#3A2148;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --fondo:#121821; --carta:#1A2230; --testo:#EEF1F5; --grigio:#AEB7C4; --bordo:#2C3747;
  --blu:#9FC2EA; --oro:#E2B866; --oro-chiaro:#2E2A20; --viola:#E7D6F2;
}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--fondo);color:var(--testo);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-text-size-adjust:100%}
a{color:inherit}
img{max-width:100%;display:block}
.pagina{max-width:1080px;margin:0 auto;padding:28px 20px 0}
header.testa{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--bordo)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo .sigla{width:46px;height:46px;border-radius:12px;background:var(--blu);color:var(--fondo);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:16px;letter-spacing:.5px;flex:none}
.logo b{font-family:var(--serif);font-size:24px;letter-spacing:1px;color:var(--blu);white-space:nowrap}
.logo small{display:block;font-size:13px;color:var(--grigio);letter-spacing:.5px;margin-top:-2px}
nav.briciole{font-size:15px;color:var(--grigio)}
nav.briciole a{color:var(--blu);text-decoration:none;font-weight:600}
nav.briciole a:hover{text-decoration:underline}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(32px,5vw,48px);line-height:1.1;margin:44px 0 10px;color:var(--blu)}
h2{font-family:var(--serif);font-weight:600;font-size:clamp(24px,3.4vw,32px);line-height:1.15;margin:0 0 8px;color:var(--blu)}
h3{font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.2;margin:0 0 6px}
.intro{font-size:19px;color:var(--grigio);max-width:720px;margin:0 0 34px}
.etichetta{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--oro);margin-bottom:8px}
/* le due grandi scelte */
.scelte{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px;margin-bottom:56px}
.scelta{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;padding:30px;border-radius:22px;text-decoration:none;overflow:hidden;color:#fff;isolation:isolate;transition:transform .25s}
.scelta:hover{transform:translateY(-4px)}
.scelta:focus-visible{outline:3px solid var(--oro);outline-offset:4px}
.scelta::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sfondo) center/cover}
.scelta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,16,28,.05) 0%,rgba(10,16,28,.72) 72%)}
.scelta .etichetta{color:#F3D9A4}
.scelta h2{color:#fff;font-size:clamp(28px,4vw,38px)}
.scelta p{margin:0 0 18px;max-width:420px;color:#EEF1F5}
.freccia{display:inline-flex;align-items:center;gap:8px;font-weight:700;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:10px 18px;border-radius:999px;align-self:flex-start;backdrop-filter:blur(4px)}
.re{--sfondo:url(img/pisana.webp)}
.dev{background:radial-gradient(120% 90% at 85% 10%,#5B3A78 0%,#2A1838 45%,#121821 100%)}
.dev::before{display:none}
.dev .puntini{position:absolute;top:26px;right:26px;width:120px;height:120px;opacity:.95}
/* schede */
.sezione{margin:0 0 56px}
.sezione>.testa-sez{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--oro-chiaro)}
.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.scheda{display:flex;flex-direction:column;background:var(--carta);border:1px solid var(--bordo);border-radius:20px;overflow:hidden}
.scheda .foto{aspect-ratio:4/3;background:var(--oro-chiaro);overflow:hidden}
.scheda .foto img{width:100%;height:100%;object-fit:cover}
.scheda .corpo{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.scheda .luogo{font-size:14px;color:var(--grigio);font-weight:600}
.scheda p{margin:0;color:var(--grigio)}
.scheda .piede{margin-top:auto;padding-top:10px}
.nota{font-size:13px;color:var(--grigio);font-style:italic}
.bottone{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 20px;border-radius:999px;background:var(--blu);color:var(--fondo);font-weight:700;text-decoration:none;font-size:16px}
.bottone:hover{filter:brightness(1.08)}
.bottone.chiaro{background:transparent;color:var(--blu);border:2px solid var(--blu)}
.illustrazione{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(160deg,#E9DCC3,#C9A877)}
@media (prefers-color-scheme:dark){.illustrazione{background:linear-gradient(160deg,#3A3326,#6B5733)}}
.larga{grid-column:1/-1}
.larga .foto{aspect-ratio:auto}
@media (min-width:760px){.larga{flex-direction:row}.larga .foto{flex:1.3;min-height:260px}.larga .corpo{flex:1;justify-content:center}}
/* app */
.app{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0;border-radius:24px;overflow:hidden;border:1px solid var(--bordo);background:var(--carta);margin-bottom:26px}
.app .vetrina{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;text-align:center}
.app .contenuto{padding:32px 30px;display:flex;flex-direction:column;gap:12px}
.wasamar .vetrina{background:radial-gradient(120% 100% at 50% 0%,#3E2450 0%,#1E1029 70%);color:#F6E2B0}
.wasamar .vetrina .nome{font-family:"Cormorant Garamond",var(--serif);font-size:46px;font-weight:600;letter-spacing:3px;line-height:1}
.wasamar .vetrina .nome sup{font-size:.32em;font-weight:400;letter-spacing:0;font-family:var(--sans);margin-left:2px}
.wasamar .vetrina .motto{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:#CDB8DA}
.affitti .vetrina{background:linear-gradient(160deg,#1E3A5F,#0F2238);color:#fff}
.affitti .vetrina .nome{font-family:var(--serif);font-size:40px;font-weight:600;letter-spacing:1px;line-height:1}
.affitti .vetrina .motto{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#C9D8EA}
ul.punti{list-style:none;padding:0;margin:4px 0 6px;display:flex;flex-direction:column;gap:10px}
ul.punti li{display:flex;gap:12px;align-items:flex-start}
ul.punti li span.i{flex:none;width:30px;height:30px;border-radius:15px;background:var(--oro-chiaro);display:flex;align-items:center;justify-content:center;font-size:16px}
.presto{font-size:14px;color:var(--grigio)}
/* piede */
footer.piede-sito{margin-top:40px;background:var(--blu);color:#E8EEF6}
@media (prefers-color-scheme:dark){footer.piede-sito{background:#0B1018;color:var(--grigio)}}
footer.piede-sito .dentro{max-width:1080px;margin:0 auto;padding:30px 20px 36px;display:flex;flex-wrap:wrap;gap:18px 40px;justify-content:space-between;font-size:15px;line-height:1.7}
footer.piede-sito b{font-family:var(--serif);font-size:19px;letter-spacing:1px;color:#fff}
footer.piede-sito a{color:#F3D9A4}
@media (prefers-reduced-motion:reduce){.scelta{transition:none}.scelta:hover{transform:none}}
@media (max-width:560px){nav.briciole{display:none}}