/* lora-latin-400-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: optional;
  font-weight: 400;
  src: url(/_astro/lora-latin-400-normal.DnxXpLNu.woff2) format('woff2'), url(/_astro/lora-latin-400-normal.DBJS-Hc6.woff) format('woff');
}/* lora-latin-500-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: optional;
  font-weight: 500;
  src: url(/_astro/lora-latin-500-normal.Dh16O2IA.woff2) format('woff2'), url(/_astro/lora-latin-500-normal.Dbc_1yrl.woff) format('woff');
}/* lora-latin-600-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: optional;
  font-weight: 600;
  src: url(/_astro/lora-latin-600-normal.B-3RcLOQ.woff2) format('woff2'), url(/_astro/lora-latin-600-normal.Dc3EneHn.woff) format('woff');
}/* source-sans-3-latin-400-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: optional;
  font-weight: 400;
  src: url(/_astro/source-sans-3-latin-400-normal.DQi5PRDE.woff2) format('woff2'), url(/_astro/source-sans-3-latin-400-normal.RR2C27NP.woff) format('woff');
}/* source-sans-3-latin-400-italic */
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-display: optional;
  font-weight: 400;
  src: url(/_astro/source-sans-3-latin-400-italic.bFKvakRX.woff2) format('woff2'), url(/_astro/source-sans-3-latin-400-italic.V6AhVXnr.woff) format('woff');
}/* source-sans-3-latin-600-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: optional;
  font-weight: 600;
  src: url(/_astro/source-sans-3-latin-600-normal.DeckBYAU.woff2) format('woff2'), url(/_astro/source-sans-3-latin-600-normal.Ck0n4g8U.woff) format('woff');
}/* source-sans-3-latin-700-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: optional;
  font-weight: 700;
  src: url(/_astro/source-sans-3-latin-700-normal.CkzU-mV9.woff2) format('woff2'), url(/_astro/source-sans-3-latin-700-normal.B-h9tW5h.woff) format('woff');
}/* Il canvas mostra o toglie i blocchi con sc-if: qui restano nell'HTML e cambia solo hidden. */
[hidden]{display:none!important}
[data-if]{display:contents}

/* Immagini pigre con srcset: con sizes="auto" il browser non usa le misure del file (contain:size) e le prende
   da --w e --h, che scrive tools/canvas-to-astro.mjs. :where non pesa, quindi il CSS delle pagine vince sempre. */
:where(img[sizes^="auto"]){aspect-ratio:var(--w)/var(--h);contain-intrinsic-size:calc(var(--w)*1px) calc(var(--h)*1px)}

.errore-invio{margin:0;padding:12px 16px;background:#FFFFFF;border:2px solid #4A5B6D;border-radius:12px;color:#4A5B6D;font-size:16px;font-weight:600;line-height:1.4}

body{margin:0}
a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:3px}
/* Avviso sui cookie, dal banner di Love Light: compare su ogni pagina in basso a sinistra, prende il focus ma non blocca la pagina.
   Rifiuta e Accetta hanno lo stesso peso; la X e il tasto Esc chiudono senza cambiare nulla. Dopo la scelta resta il pulsante tondo che lo riapre. */
.ck{position:fixed;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));z-index:60;isolation:isolate;overflow:hidden auto;width:min(452px,calc(100% - 48px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);box-sizing:border-box;padding:30px 30px 24px;border:1px solid #D1CABE;border-radius:16px;background:#FFFFFF;box-shadow:0 16px 40px rgba(20,28,38,0.28);color:#3E4C5B;font-size:16px;line-height:1.6;animation:ck-in .3s ease-out}
.ck:focus{outline:none}
@keyframes ck-in{from{opacity:0;transform:translateY(12px)}}
.ck-mark{position:absolute;z-index:-1;top:46px;right:22px;color:rgba(74,91,109,0.14);pointer-events:none}
.ck-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#E5DBD1;color:#4A5B6D;cursor:pointer;transition:background .2s,color .2s}
.ck-close:hover{background:#4A5B6D;color:#F0ECE3}
.ck-kicker{margin:0 60px 8px 0;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;line-height:1.5;color:#4A5B6D}
.ck h2{margin:0 60px 12px 0;font-family:'Lora',Georgia,serif;font-weight:500;font-size:32px;line-height:1.15;color:#4A5B6D}
.ck-desc{margin:0}
.ck-cats{list-style:none;margin:20px 0 10px;padding:0;display:grid;gap:10px}
.ck-cats li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border-radius:12px;background:#F0ECE3}
.ck-cats label{font-size:17px;font-weight:700;cursor:pointer}
.ck-cats p{margin:2px 0 0;font-size:15px;line-height:1.5}
.ck-badge{display:inline-block;margin-left:10px;padding:1px 10px;border-radius:999px;background:#E5DBD1;color:#4A5B6D;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
/* la vera casella copre l'interruttore disegnato: mouse e tastiera la raggiungono entrambi */
.ck-switch{position:relative;display:block;width:46px;height:28px;margin-top:1px}
.ck-switch input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ck-switch input:disabled{cursor:not-allowed}
.ck-slider{position:absolute;inset:0;box-sizing:border-box;border:2px solid #4A5B6D;border-radius:999px;background:#FFFFFF;transition:background .2s}
.ck-slider::before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#4A5B6D;transition:transform .2s,background .2s}
.ck-switch input:checked+.ck-slider{background:#4A5B6D}
.ck-switch input:checked+.ck-slider::before{transform:translateX(18px);background:#F0ECE3}
.ck-switch input:disabled+.ck-slider{opacity:.55}
.ck-switch input:focus-visible+.ck-slider{outline:3px solid #4A5B6D;outline-offset:3px}
/* i pulsanti bt del sito; sugli schermi bassi l'avviso scorre e i pulsanti restano in vista */
.ck-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0;background:#FFFFFF}
.ck .bt{display:inline-flex;align-items:center;justify-content:center;min-height:56px;box-sizing:border-box;padding:0 16px;border:2px solid currentColor;border-radius:999px;font-family:inherit;font-weight:700;font-size:18px;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.ck .bt-blu,.ck .bt-tortora:hover{background:#4A5B6D;color:#F0ECE3}
.ck .bt-tortora{background:#E5DBD1;color:#4A5B6D}
.ck .bt-blu:hover{background:#FCF3E5;color:#4A5B6D}
.ck .bt:focus-visible{outline:3px solid #4A5B6D;outline-offset:3px}
.ck-save{grid-column:1/-1}
.ck-links{display:flex;gap:10px;margin:6px 0 0;font-size:15px}
.ck-links a{color:#4A5B6D;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ck-fab{position:fixed;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:center;width:52px;height:52px;box-sizing:border-box;padding:0;border:2px solid #F0ECE3;border-radius:50%;background:#4A5B6D;color:#F0ECE3;box-shadow:0 8px 20px rgba(20,28,38,0.28);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ck-fab:hover{background:#E5DBD1;color:#4A5B6D;border-color:#4A5B6D}
.ck-fab:focus-visible{outline:3px solid #4A5B6D;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.ck{animation:none}.ck-close,.ck-slider,.ck-slider::before,.ck .bt,.ck-fab{transition:none}}
@media (max-width:600px){
.ck{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:22px 18px 18px}
.ck h2{font-size:27px}
.ck-cats li{padding:12px 14px}
}
