/* Studio Incerti e Soci – stile del sito */
:root{--bordeaux:#8C1D2C;--bordeaux-scuro:#5E1320;--carta:#FBF8F4;--beige:#F3ECE6;--testo:#2F2A2A;--tenue:#5C5555;--linea:#EADFD6;--inchiostro:#2A3550}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',sans-serif;color:var(--testo);background:var(--carta);font-size:18px;line-height:1.6}
a{color:var(--bordeaux)}a:hover{color:var(--bordeaux-scuro)}
h1,h2,.titolo-sezione,.h-riquadro{font-family:'DM Serif Display',serif;font-weight:400;line-height:1.1}
p{margin:0 0 1em}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.wrap-stretto{max-width:760px;margin:0 auto;padding:0 24px}
.sezione{padding-top:64px;padding-bottom:64px}
.spazio{height:64px}
.anteprima{background:#FFF3C4;color:#6B5A1E;font-size:13px;text-align:center;padding:6px 12px}

/* Testata */
.testata{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--linea)}
.testata-in{display:flex;align-items:center;gap:24px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.marchio{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--bordeaux);font-family:'DM Serif Display',serif;font-size:22px}
.marchio .rombo{width:42px;height:42px}
.rombo{color:var(--bordeaux)}
nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto}
nav a{color:var(--testo);text-decoration:none;font-weight:500;font-size:16px}
nav a:hover,nav a[aria-current]{color:var(--bordeaux)}
nav a[aria-current]{font-weight:700}
.tel-testata{font-weight:700;text-decoration:none;white-space:nowrap}
.menu-btn{display:none;margin-left:auto;background:none;border:1.5px solid var(--bordeaux);color:var(--bordeaux);font:700 15px 'DM Sans',sans-serif;padding:7px 14px;border-radius:8px}
/* In home la testata compatta mostra il nome solo scorrendo: in alto c'è l'insegna */
.home .marchio span{opacity:.0;transition:opacity .2s}
.home.scorso .marchio span{opacity:1}

/* Insegna della home */
.insegna{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;padding-top:56px;text-align:center;font-family:'DM Serif Display',serif;color:var(--bordeaux);font-size:clamp(46px,7.5vw,92px);line-height:1}
.insegna .rombo{width:clamp(90px,10vw,130px);height:auto}

/* Aperture */
.eroe{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-top:48px;padding-bottom:64px}
.eroe-testo{flex:1 1 440px;min-width:0}
.eroe h1,.apertura-pagina h1{margin:0 0 18px;color:var(--bordeaux);font-size:clamp(38px,5.5vw,62px)}
.apertura-pagina{padding-top:56px;padding-bottom:32px}
.sottotitolo{font-size:22px;line-height:1.45;color:#3B3434;max-width:760px}
.stretto{max-width:720px}
.firma{font-family:'Allura',cursive;color:var(--inchiostro);font-size:40px;line-height:1}
.firma-riga{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;color:var(--tenue);font-size:17px}
.firma-grande{font-size:46px;margin-top:8px}
.firma-chiara{color:#fff;font-size:30px}
.foto{flex:1 1 360px;min-width:0;height:440px;border-radius:18px}
.segnaposto-foto{background:var(--beige);border:2px dashed #CDBFB3;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--tenue);padding:24px}

/* Bottoni */
.btn{display:inline-block;background:var(--bordeaux);color:#fff;text-decoration:none;font-weight:700;padding:14px 26px;border-radius:10px;border:2px solid var(--bordeaux)}
.btn:hover{background:var(--bordeaux-scuro);border-color:var(--bordeaux-scuro);color:#fff}
.btn-2{background:transparent;color:var(--bordeaux)}
.btn-2:hover{background:var(--bordeaux);color:#fff}
.bottoni{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.nota-piccola{font-size:14px;color:#8E8380;margin-top:10px}

/* Fasce */
.fascia-bianca{background:#fff;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.fascia-beige{background:var(--beige)}
.tre{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;padding-top:56px;padding-bottom:56px}
.h-riquadro{color:var(--bordeaux);font-size:26px;margin:0 0 12px}
.segnaposto-logo{display:inline-flex;align-items:center;justify-content:center;width:170px;height:54px;border:2px dashed #8A8F87;border-radius:8px;font-size:12px;line-height:1.3;text-align:center;color:#555A55;padding:6px}
.segnaposto-logo.scuro{border-color:#8E8380;color:#EDE6E1}
.titolo-sezione{color:var(--bordeaux);font-size:clamp(32px,4vw,44px);margin:0 0 16px}
.titolo-sezione.piccolo{font-size:30px}
.testo-lungo .titolo-sezione{margin-top:8px}
.testo-lungo p+.titolo-sezione{margin-top:40px}
.centro{text-align:center}
.ancora{scroll-margin-top:80px}

/* Schede articoli */
.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin:24px 0 28px}
.scheda{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--linea);border-radius:16px;padding:22px;text-decoration:none;color:var(--testo);transition:border-color .15s,transform .15s}
.scheda:hover{border-color:var(--bordeaux);color:var(--testo);transform:translateY(-2px)}
.scheda[hidden]{display:none}
.scheda-titolo{font-family:'DM Serif Display',serif;font-size:23px;line-height:1.2}
.scheda-riga{color:var(--tenue);font-size:16px}
.scheda-data{font-size:13px;color:#8E8380;margin-top:auto}
.etichette{display:flex;flex-wrap:wrap;gap:6px}
.etichette span{font-size:13px;font-weight:500;color:var(--bordeaux);background:#F6EDE9;padding:3px 10px;border-radius:999px}

/* Riquadri "Da dove parti?" */
.riquadri{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:24px}
.riquadro{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:14px;padding:22px;text-decoration:none;color:var(--tenue);border-top:4px solid var(--bordeaux);font-size:16px}
.apertura-pagina .riquadro{border:1px solid var(--linea);border-top:4px solid var(--bordeaux)}
.riquadro:hover{color:var(--tenue);box-shadow:0 4px 14px rgba(47,42,42,.08)}
.riquadro-titolo{font-weight:700;font-size:19px;color:var(--testo)}

/* Filtri */
.etichetta-filtri{font-size:15px;font-weight:700;color:var(--tenue);margin-bottom:10px}
.filtri{display:flex;flex-wrap:wrap;gap:10px}
.filtro{font:500 16px 'DM Sans',sans-serif;padding:9px 18px;border-radius:999px;background:#fff;color:var(--testo);border:1px solid #DCCFC5;cursor:pointer}
.filtro.attivo{background:var(--bordeaux);border-color:var(--bordeaux);color:#fff;font-weight:700}

/* Vieni a trovarci / contatti */
.due{display:flex;flex-wrap:wrap;gap:48px;align-items:stretch}
.due>div{flex:1 1 400px;min-width:0}
.indirizzo{font-size:19px;font-weight:500}
.info{margin-bottom:18px}
.info p{margin:0}
.info-titolo{font-weight:700;margin-bottom:2px!important}
.tenue{color:var(--tenue)}
.mappa{flex:1 1 400px;min-width:0;min-height:320px;position:relative;border-radius:18px;overflow:hidden;text-decoration:none;color:var(--testo);border:1px solid var(--linea)}
.mappa svg{position:absolute;inset:0;width:100%;height:100%}
.mappa-pin{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%)}
.mappa-pin .rombo{width:64px;height:64px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}
.mappa-testo{position:absolute;left:16px;right:16px;bottom:16px;background:#fff;border-radius:12px;padding:12px 16px;font-size:16px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.contatti-due{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:24px}
.contatto{background:#fff;border:1px solid var(--linea);border-radius:16px;padding:24px}
.contatto-dato{font-family:'DM Serif Display',serif;font-size:28px;margin:4px 0 16px;word-break:break-word}

/* Articolo */
.articolo{padding-top:40px;padding-bottom:24px}
.articolo h1{font-size:clamp(34px,4.5vw,50px);margin:16px 0 8px}
.articolo h2{color:var(--bordeaux);font-size:30px;margin:36px 0 14px}
.articolo ul{margin:0 0 1em;padding-left:24px}
.articolo li{margin-bottom:6px}
.indietro{font-size:15px;text-decoration:none;display:inline-block;margin-bottom:14px}
.data{font-size:15px;color:#8E8380}
.continua{font-style:italic;color:var(--tenue)}
.fonti{font-size:15px;color:var(--tenue);margin-top:24px}
.chiamaci{background:var(--beige);border-radius:16px;padding:28px;margin-top:36px}
.chiamaci-titolo{font-family:'DM Serif Display',serif;font-size:28px;line-height:1.2}
.avvertenza{font-size:14px;color:#8E8380;margin-top:16px}
.avviso-giallo{background:#FFF7E0;border:1px solid #EAD9A6;border-radius:10px;padding:12px 16px;font-size:15px;color:#6B5A1E}

/* Fondo pagina */
.fondo{background:var(--testo);color:#EDE6E1;font-size:15px;line-height:1.55}
.fondo-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;padding-top:48px;padding-bottom:48px}
.fondo-blocco{display:flex;flex-direction:column;gap:8px}
.fondo-nome{font-family:'DM Serif Display',serif;font-size:22px;color:#fff}
.fondo a{color:#EDE6E1}

/* Telefono */
@media (max-width:860px){
  body{font-size:17px}
  .menu-btn{display:block}
  nav{display:none;width:100%;flex-direction:column;gap:0;margin:0;order:5}
  nav.aperto{display:flex}
  nav a{padding:12px 0;border-top:1px solid var(--linea);font-size:18px}
  .tel-testata{order:4;width:100%;font-size:17px}
  .marchio{font-size:19px}
  .home .marchio span{opacity:1}
  .insegna{padding-top:36px;font-size:38px;gap:14px}
  .insegna .rombo{width:72px}
  .eroe{padding-top:28px;gap:28px}
  .foto{height:320px}
  .sezione{padding-top:44px;padding-bottom:44px}
}