/* Tema scelto dall'utente il 2026-11-09: versione B (Percorso) con il logo della versione C (persona accolta da un
   braccio che la sostiene: cerchio blu, arco verde). Titoli in Lexend (nato per la lettura facile), testo in Atkinson.
   Il momento forte: i gradini grandi nell'apertura. Le altre versioni (A, C, D, E) sono in Consegne. */
@font-face { font-family: "Lexend"; src: url("/tema/fonts/lexend-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Lexend"; src: url("/tema/fonts/lexend-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }
:root { --carta: #ffffff; --giallo: #f2b632; --fascia: #eef3fa; --linea: #d6deea; }
body { background: var(--carta); }
h1, h2, h3, .marchio, .linguette strong, .bottone { font-family: "Lexend", "Atkinson Hyperlegible", sans-serif; font-weight: 600; letter-spacing: -0.015em; }
.quadretti { background-image: none; background-color: transparent; }

.testata { border-bottom: 1px solid var(--linea); background: #fff; }
.marchio { border-left: 0; padding-left: 0; display: inline-flex; align-items: center; gap: 0.55rem; font-size: 1.25rem; }
.marchio .logo { width: 34px; height: 34px; flex: none; } /* logo C: 34 px ha la stessa altezza ottica del nome in Lexend (prova del 2026-11-09) */
.menu a[aria-current="page"] { box-shadow: inset 0 -3px 0 var(--giallo); }

.apertura { background: var(--fascia); border-bottom: 0; position: relative; overflow: hidden; }
.apertura-dentro { padding-top: 3rem; padding-bottom: 3.25rem; position: relative; }
.apertura h1 { display: block; background: none; padding: 0; max-width: 18ch; font-size: clamp(2rem, 1.2rem + 3vw, 3.1rem); line-height: 1.12; }
.apertura .sommario { background: none; padding: 0; margin-top: 1rem; max-width: 34rem; }
/* gradini: tre blocchi che salgono, a destra, solo su schermi larghi */
@media (min-width: 60em) {
  .apertura-dentro::after {
    content: ""; position: absolute; right: 1rem; bottom: 0; width: 300px; height: 210px;
    background:
      radial-gradient(circle at 255px 22px, var(--giallo) 18px, transparent 19px),
      linear-gradient(var(--penna), var(--penna)) 210px 60px / 90px 150px no-repeat,
      linear-gradient(#3a5a96, #3a5a96) 105px 115px / 90px 95px no-repeat,
      linear-gradient(#8aa3cf, #8aa3cf) 0 165px / 90px 45px no-repeat;
  }
}

.linguette a { border: 0; background: var(--fascia); border-radius: 10px; padding: 1.1rem 1.15rem 1.25rem; }
.linguette a:hover { background: #e2eaf6; }
.scheda { border-radius: 10px; border-color: var(--linea); }
.scheda-cat { color: #8a5a00; }
.home main > section.riquadro-quiz { border: 0; border-radius: 12px; background: var(--penna); color: #fff; padding: 1.8rem 1.6rem 2rem !important; }
.riquadro-quiz h2, .riquadro-quiz p { background: none; color: #fff; }
.riquadro-quiz .bottone { background: var(--giallo); color: #1b2533; }
.riquadro-quiz .bottone:hover { background: #ffc94d; color: #1b2533; }
.bottone { border-radius: 999px; padding-left: 1.4rem; padding-right: 1.4rem; }

.testo { border-left: 0; padding-left: 0; }
.elenco { border-left: 0; }
.elenco li { padding-left: 0; }
mark { background: linear-gradient(transparent 55%, #ffe39a 55%); }
.simulatore { background: var(--fascia); border: 0; border-radius: 12px; }
.simulatore p { background: none; }
.piede { background: var(--fascia); border-top: 0; }
.piede-nome { display: flex; align-items: center; gap: 0.5rem; font-family: "Lexend", "Atkinson Hyperlegible", sans-serif; font-weight: 600; font-size: 1.1rem; letter-spacing: -0.015em; }
.piede-nome .logo { width: 30px; height: 30px; flex: none; }