/* font in casa (niente richieste a Google): Fraunces e Inter, OFL */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(font/fraunces-latin-ext-0.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(font/fraunces-latin-1.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: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font/fraunces-latin-ext-0.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font/fraunces-latin-1.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: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font/inter-latin-ext-2.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font/inter-latin-3.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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font/inter-latin-ext-2.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font/inter-latin-3.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: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(font/inter-latin-ext-2.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(font/inter-latin-3.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;
}

/* maurosandrini.it statico (8/11/2026): un foglio solo per tutte le pagine.
   Stampino di miriambadalucco.it (modulo, guardia, Brevo DOI); voce e font del sito WordPress di prima (Fraunces + Inter). */
:root {
  /* PALETTE: l'unico blocco che cambia fra le proposte (strumenti/palette.py) */
  --fondo:#ffffff; --testo:#222222; --tenue:#4f4f4f; --campo:#ffffff; --bordo:#9a9a9a;
  --luce:#1a62a3; --sulla-luce:#ffffff;
  /* fine PALETTE */
  --f-titolo:"Fraunces", Georgia, serif; --f-corpo:"Inter", system-ui, sans-serif;
  color-scheme:light;
}
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { margin:0; background:var(--fondo); color:var(--testo); font:1.0625rem/1.65 var(--f-corpo); }
a { color:var(--luce); text-underline-offset:.2em; }
a:focus-visible { outline:2px solid var(--luce); outline-offset:3px; }
p { margin:0 0 1rem; }
img { display:block; max-width:100%; height:auto; }
h1, h2, h3 { font-family:var(--f-titolo); font-weight:600; line-height:1.15; overflow-wrap:break-word; }

.nastro { height:6px; background:var(--luce); }
.testata { max-width:68rem; margin:0 auto; padding:1rem; display:flex; flex-wrap:wrap; gap:.25rem 1.5rem; font-size:.9375rem; }
.testata p { margin:0; }
.testata .nome { font-weight:600; margin-right:auto; }
.testata .nome a { color:inherit; text-decoration:none; }
.testata a { color:inherit; }

.pagina { max-width:68rem; margin:0 auto; padding:1.5rem 1rem 3rem; display:grid; gap:2rem; }
.pagina > * { min-width:0; }

.intro { display:grid; grid-template-columns:6.5rem minmax(0,1fr); column-gap:1rem; align-items:center; }
.ritratto { margin:0; }
.ritratto img { width:100%; aspect-ratio:1; border-radius:50%; filter:grayscale(1); }
.intro h1 { font-size:clamp(2.4rem, 9vw, 4.25rem); letter-spacing:-.01em; margin:0; }
.sotto { grid-column:1 / -1; font:500 1.25rem/1.4 var(--f-titolo); margin:1.25rem 0 0; }

.racconto { max-width:40rem; }
.racconto h2 { font-size:1.5rem; margin:2rem 0 .75rem; }
.racconto h2:first-child { margin-top:0; }
.schizzo { margin:1.25rem 0 1.5rem; }
.schizzo img { width:100%; height:auto; }
.schizzo figcaption { font-size:.9rem; color:#555; margin-top:.4rem; }
.fare { list-style:none; margin:0; padding:0; display:grid; gap:1.1rem; }
.fare li { border-left:3px solid var(--luce); padding:.1rem 0 .1rem 1rem; }
.fare strong { font-family:var(--f-titolo); font-size:1.15rem; }
.libri { color:var(--tenue); font-size:.9688rem; }
.dove { margin:0; padding-left:1.1rem; }
.dove li { margin:.25rem 0; }
.chiusa { font:italic 500 1.35rem/1.4 var(--f-titolo); margin:2.5rem 0 0; padding-left:1rem; border-left:3px solid var(--bordo); }
.chiusa p { margin:0; }
.intro .ritratto { grid-row:1 / span 2; align-self:center; }
.intro h1 { align-self:end; }
.chiusa.motto { grid-column:2; align-self:start; font-size:clamp(1rem, 3.2vw, 1.3rem); margin:.6rem 0 0; padding-left:.75rem; }
.varco { background:var(--campo); border:1px solid var(--bordo); padding:1rem 1.1rem; margin:2rem 0 0; }
.varco p { margin:0; }
.varco a { font-weight:600; }

/* modulo: stessi campi e stessa logica di miriambadalucco.it */
.scheda { background:var(--campo); padding:1.25rem; border:1px solid #dedede; border-top:4px solid var(--luce); align-self:start; }
.modulo { position:relative; font:1rem/1.4 var(--f-corpo); }
.modulo-titolo { font:600 1.25rem/1.25 var(--f-titolo); margin:0 0 .4rem; }
.modulo-intro { font-size:.9375rem; color:var(--tenue); margin:0 0 .9rem; }
.modulo-nota { font-size:.875rem; color:var(--tenue); margin:-.4rem 0 .9rem; }
.modulo-campo { display:flex; flex-direction:column; gap:.25rem; margin:0 0 .75rem; font-size:.875rem; color:var(--tenue); }
.modulo input[type=text], .modulo input[type=email], .modulo textarea { font:inherit; font-size:1rem; color:var(--testo);
  background:var(--campo); border:1px solid var(--bordo); border-radius:0; padding:.65rem .75rem; min-height:48px; width:100%; }
.modulo textarea { resize:vertical; min-height:5.5rem; line-height:1.45; }
.modulo-scelta { border:0; margin:0 0 .75rem; padding:0; font-size:.875rem; color:var(--tenue); }
.modulo-scelta legend { padding:0; margin:0 0 .35rem; }
.modulo-scelta label { display:inline-flex; gap:.4rem; align-items:center; margin:0 1.25rem .25rem 0; font-size:1rem; color:var(--testo); min-height:44px; }
.modulo-scelta input { width:1.15rem; height:1.15rem; accent-color:var(--luce); }
.modulo-consenso { display:flex; gap:.6rem; align-items:flex-start; font-size:.9375rem; margin:.25rem 0 .9rem; }
.modulo-consenso input { width:1.25rem; height:1.25rem; margin-top:.15rem; flex:none; accent-color:var(--luce); }
.modulo-invia { display:block; width:100%; font:600 1.0625rem var(--f-corpo); min-height:52px; padding:.8rem 1rem; cursor:pointer;
  background:var(--luce); color:var(--sulla-luce); border:0; border-radius:0; }
.modulo-invia:disabled { opacity:.6; cursor:wait; }
.modulo input:focus-visible, .modulo textarea:focus-visible, .modulo-invia:focus-visible { outline:2px solid var(--luce); outline-offset:2px; }
.modulo-trappola { position:absolute; left:0; top:0; width:1px; height:1px; opacity:0; pointer-events:none; overflow:hidden; clip-path:inset(50%); }
.modulo-esito { min-height:1.5em; margin:.6rem 0 0; font-weight:600; overflow-wrap:anywhere; }
.modulo-esito.ok { border-left:4px solid #e0b400; background:#ffe45c; color:#1a1a1a; padding:.7rem .9rem; }
.modulo-garanzia { border:2px solid var(--luce); padding:.8rem 1rem; margin:1rem 0 0; font-size:.9375rem; line-height:1.45; }
.modulo-garanzia p { margin:0; }
.modulo-garanzia .garanzia-titolo { font-weight:700; margin:0 0 .3rem; }

.piede { max-width:68rem; margin:0 auto; padding:1rem 1rem 3rem; font-size:.9375rem; color:var(--tenue); }
.piede p { border-top:2px solid var(--testo); padding-top:1rem; margin:0; }
.piede a { color:inherit; }

/* segnaposto da confermare con Mauro: si vedono, non si pubblicano */
.libro { display:grid; grid-template-columns:7.5rem minmax(0,1fr); gap:1.1rem; align-items:start; background:var(--campo); border:1px solid var(--bordo); padding:1.1rem; margin:1.75rem 0 .5rem; }
.libro-copertina img { width:100%; height:auto; display:block; box-shadow:0 2px 10px rgba(0,0,0,.18); }
.libro h3 { margin:.1rem 0 .35rem; font-size:1.35rem; }
.libro p { margin:0 0 .55rem; }
.libro-etichetta { font-size:.8125rem; text-transform:uppercase; letter-spacing:.08em; color:var(--tenue); }
.libro-sotto { color:var(--tenue); font-size:.9375rem; }
@media (min-width:36rem) { .libro { grid-template-columns:9.5rem minmax(0,1fr); } }
.da-confermare { background:#ffe45c; color:#1a1a1a; padding:0 .25rem; }

/* pagine secondarie: privacy, grazie, 404 */
.semplice { max-width:40rem; margin:0 auto; padding:2rem 1rem 4rem; }
.semplice h1 { font-size:clamp(2rem, 6vw, 3rem); margin:0 0 1.25rem; }
.semplice h2 { font-size:1.25rem; margin:1.75rem 0 .5rem; }

@media (min-width:48rem) {
  .testata, .pagina, .piede, .semplice { padding-left:2rem; padding-right:2rem; }
}
@media (min-width:60rem) {
  .pagina { grid-template-columns:minmax(0,1fr) minmax(19rem,23rem); grid-template-areas:"intro scheda" "racconto scheda";
    column-gap:clamp(2.5rem, 5vw, 5rem); row-gap:2rem; padding-top:3rem; }
  .intro { grid-area:intro; grid-template-columns:10rem minmax(0,1fr); column-gap:2rem; }
  .scheda { grid-area:scheda; position:sticky; top:1.5rem; }
  .racconto { grid-area:racconto; }
}
@media (max-width:59.99rem) { .scheda { max-width:34rem; } }