/* =========================================================
   STAMPIAMOLO3D – BASE COMUNE (blocco 00)
   Da incollare in: Aspetto → Personalizza → CSS aggiuntivo
   Vale per tutto il sito. Ogni blocco HTML usa queste regole.
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=JetBrains+Mono:wght@500&display=swap");

/* --- Colori e font del manuale brand --- */
:root{
  --s3d-bg:#F8F6FF;          /* Carta */
  --s3d-surface:#FFFFFF;
  --s3d-surface-2:#EFEBFF;
  --s3d-ink:#17132B;         /* Inchiostro */
  --s3d-muted:#5B5675;
  --s3d-line:#E2DDF3;
  --s3d-violet:#6C4CF5;      /* Viola Strato */
  --s3d-violet-deep:#4A2FD0; /* Viola Profondo */
  --s3d-lilac:#B9A8FF;       /* Lilla */
  --s3d-mint:#9EF0D0;        /* Menta */
  --s3d-band:#17132B;
  --s3d-band-fg:#F8F6FF;
  --s3d-band-muted:#B5AFD3;
  --s3d-f:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --s3d-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --s3d-r:14px;
}

/* --- Pagina --- */
html{scroll-behavior:smooth}
body{background:var(--s3d-bg);color:var(--s3d-ink);font-family:var(--s3d-f);font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* --- Elementi comuni a tutti i blocchi --- */
.s3d, .s3d *{box-sizing:border-box}
.s3d{font-family:var(--s3d-f);font-size:16px;line-height:1.6;color:var(--s3d-ink)}
.s3d h1,.s3d h2,.s3d h3,.s3d h4{font-family:var(--s3d-f);font-weight:800;line-height:1.08;letter-spacing:-.02em;margin:0;color:inherit;text-wrap:balance}
.s3d p{margin:0}
.s3d a{color:inherit}
.s3d :focus-visible{outline:3px solid var(--s3d-violet);outline-offset:3px;border-radius:6px}

.s3d-wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.s3d-sec{padding-block:clamp(64px,9vw,112px)}

.s3d-eyebrow{font-family:var(--s3d-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--s3d-violet);display:inline-flex;align-items:center;gap:8px}
.s3d-eyebrow::before{content:"";width:18px;height:2px;background:currentColor}
.s3d-h2{font-size:clamp(30px,4.2vw,48px)}
.s3d-lead{color:var(--s3d-muted);font-size:clamp(16px,1.6vw,18px);max-width:58ch}
.s3d-head{display:grid;gap:14px;margin-bottom:clamp(32px,5vw,52px)}
.s3d-mono{font-family:var(--s3d-mono)}

/* --- Bottoni --- */
.s3d-btn{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;text-decoration:none!important;font-family:var(--s3d-f);font-weight:700;font-size:15.5px;line-height:1.2;padding:14px 22px;border-radius:999px;transition:transform .15s,box-shadow .15s}
.s3d-btn-primary{background:var(--s3d-violet);color:#fff!important;box-shadow:0 6px 0 var(--s3d-violet-deep)}
.s3d-btn-primary:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--s3d-violet-deep)}
.s3d-btn-ghost{background:transparent;color:var(--s3d-ink)!important;box-shadow:inset 0 0 0 2px var(--s3d-line)}
.s3d-btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--s3d-violet)}
.s3d-btn-mint{background:var(--s3d-mint);color:#17132B!important;box-shadow:0 6px 0 #5FC9A3}
.s3d-btn-mint:hover{transform:translateY(2px);box-shadow:0 4px 0 #5FC9A3}

/* --- Elementor: i widget HTML del sito vanno a tutta larghezza, senza margini --- */
.elementor-widget-html .s3d{width:100%}