/* ===== Trovato! — grafica ===== */
:root{
  --inchiostro:#1e2140; --testo:#30345a; --grigio:#6f7396; --sfondo:#fff7ee; --carta:#fff;
  --corallo:#ff5a3c; --corallo-2:#ff8a4a; --sole:#ffc531; --menta:#3dd6a3; --lilla:#9b8cff; --cielo:#7cc6fe;
  --bordo:#f2e3d3; --raggio:22px; --raggio-s:14px;
  --ombra:0 10px 30px rgba(30,33,64,.08), 0 2px 6px rgba(30,33,64,.05);
  --ombra-forte:0 18px 50px rgba(30,33,64,.16);
  --titoli: ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI Variable Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --corpo: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--corpo);background:var(--sfondo);color:var(--testo);line-height:1.55;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--corallo)}
h1,h2,h3{font-family:var(--titoli);color:var(--inchiostro);letter-spacing:-.02em;line-height:1.15}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--lilla);outline-offset:3px;border-radius:8px}
.contenitore{width:100%;max-width:none;margin:0 auto;padding:0 clamp(16px,4vw,96px)}
main{flex:1}

/* ----- Testata ----- */
.testata{position:sticky;top:0;z-index:20;background:rgba(255,247,238,.85);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(242,227,211,.7)}
.testata .contenitore{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--titoli);font-weight:900;font-size:1.55rem;color:var(--inchiostro);letter-spacing:-.03em}
.logo img{width:36px;height:36px}
.logo span{color:var(--corallo)}
.menu{display:flex;gap:6px;align-items:center}
.menu a{color:var(--testo);text-decoration:none;font-weight:700;padding:8px 12px;border-radius:99px;font-size:.95rem}
.menu a:hover{background:#fff}
.menu .lista-link{background:#fff;box-shadow:var(--ombra);display:flex;align-items:center;gap:6px}
.menu .lista-link img{width:20px;height:20px}
.contatore{background:var(--corallo);color:#fff;font-size:.72rem;border-radius:99px;padding:1px 7px;min-width:20px;text-align:center}
@media (max-width:640px){.menu .solo-desk{display:none}}

/* ----- Banner Natale ----- */
.banner{background:linear-gradient(90deg,#1e7a4f,#2fbf71);color:#fff;text-decoration:none;display:block}
.banner .contenitore{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;font-weight:700;text-align:center}
.banner img{width:30px;height:30px}
.banner u{text-decoration-color:var(--sole);text-underline-offset:3px}

/* ----- Eroe ----- */
.eroe{position:relative;overflow:hidden;padding:56px 0 64px}
.eroe::before{content:"";position:absolute;inset:0;background:url(img/sfondo-eroe.svg) center/cover no-repeat;opacity:.95;z-index:-1;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.eroe .contenitore{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.eroe .contenitore>*{min-width:0}
.eroe h1{font-size:clamp(2.3rem,5.6vw,4rem);margin:0 0 16px;font-weight:900}
.eroe h1 .evid{background:linear-gradient(transparent 62%,rgba(255,197,49,.85) 62%);padding:0 4px}
.eroe p.lead{font-size:1.2rem;color:var(--grigio);max-width:540px;margin:0 0 26px}
.scelte-rapide{display:flex;flex-wrap:wrap;gap:10px}
.scelta-rapida{display:flex;align-items:center;gap:8px;background:#fff;border-radius:99px;padding:8px 16px 8px 8px;text-decoration:none;color:var(--inchiostro);font-weight:800;box-shadow:var(--ombra);transition:transform .15s, box-shadow .15s}
.scelta-rapida:hover{transform:translateY(-2px);box-shadow:var(--ombra-forte)}
.scelta-rapida img{width:34px;height:34px}
.fiducia{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:var(--grigio);font-size:.92rem;font-weight:600}
.fiducia span::before{content:"✓ ";color:var(--menta);font-weight:900}
.scena{position:relative;aspect-ratio:1/1;width:100%;max-width:min(560px,42vw);margin:0 auto}
.scena .mascotte{position:absolute;inset:18% 18%;animation:fluttua 5s ease-in-out infinite}
.scena .orbita{position:absolute;width:24%;filter:drop-shadow(0 12px 18px rgba(30,33,64,.18));animation:fluttua 6s ease-in-out infinite}
.scena .o1{top:2%;left:8%;animation-delay:-1s}.scena .o2{top:6%;right:4%;animation-delay:-2.5s}
.scena .o3{bottom:6%;left:2%;animation-delay:-3.5s}.scena .o4{bottom:0;right:10%;animation-delay:-.5s}
@keyframes fluttua{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(3deg)}}
@media (max-width:820px){
  .eroe{padding:30px 0 40px}
  .eroe .contenitore{grid-template-columns:1fr}
  .scena{max-width:300px;margin:0 auto;order:-1}
}

/* ----- Blocchi home ----- */
.blocco{padding:40px 0}
.blocco h2{font-size:clamp(1.6rem,3.5vw,2.3rem);margin:0 0 8px}
.blocco .sotto{color:var(--grigio);margin:0 0 24px;font-size:1.05rem}
.sezioni{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.sezione{position:relative;overflow:hidden;border-radius:var(--raggio);padding:128px 22px 24px;text-decoration:none;color:var(--inchiostro);min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--ombra);transition:transform .2s, box-shadow .2s;background:var(--c, #ffd6c9)}
.sezione::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,0) 55%);pointer-events:none}
.sezione:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:var(--ombra-forte)}
.sezione .grande{position:absolute;top:8px;right:10px;width:116px;transform:rotate(10deg);filter:drop-shadow(0 14px 18px rgba(30,33,64,.22));transition:transform .3s}
.sezione:hover .grande{transform:rotate(0) scale(1.06)}
.sezione h3{font-size:1.45rem;margin:0 0 4px;position:relative;z-index:1}
.sezione p{margin:0 0 14px;position:relative;z-index:1;color:#3b3f66}
.sezione .vai{position:relative;z-index:1;align-self:flex-start;background:var(--inchiostro);color:#fff;font-weight:800;border-radius:99px;padding:9px 16px;font-size:.92rem}
.sezione .quante{position:absolute;top:18px;left:20px;background:rgba(255,255,255,.75);border-radius:99px;padding:3px 10px;font-weight:800;font-size:.78rem;z-index:1}

.passi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.passo{background:var(--carta);border-radius:var(--raggio);padding:22px;box-shadow:var(--ombra);display:flex;gap:14px;align-items:center}
.passo img{width:58px;height:58px;flex:none}
.passo b{display:block;font-family:var(--titoli);color:var(--inchiostro);font-size:1.1rem}
.passo span{color:var(--grigio);font-size:.95rem}

.guide-pop{display:flex;flex-wrap:wrap;gap:10px}
.guida-chip{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--bordo);border-radius:99px;padding:6px 14px 6px 6px;text-decoration:none;color:var(--inchiostro);font-weight:700;font-size:.93rem;transition:border-color .15s}
.guida-chip:hover{border-color:var(--corallo)}
.guida-chip img{width:28px;height:28px}

/* ----- Quiz ----- */
.quiz-pagina{padding:28px 0 60px}
.quiz{max-width:none;width:100%;margin:0 auto;background:var(--carta);border-radius:28px;box-shadow:var(--ombra-forte);overflow:hidden}
.quiz-testa{background:var(--c,#ffd6c9);padding:22px 26px 18px;display:flex;align-items:center;gap:14px;position:relative}
.quiz-testa img{width:56px;height:56px}
.quiz-testa .t{font-family:var(--titoli);font-weight:900;font-size:1.15rem;color:var(--inchiostro)}
.quiz-testa .n{font-size:.88rem;color:#3b3f66;font-weight:700}
.punti{display:flex;gap:6px;margin-left:auto}
.punti i{width:10px;height:10px;border-radius:99px;background:rgba(30,33,64,.18);transition:all .25s}
.punti i.fatto{background:var(--inchiostro)}
.punti i.ora{width:26px;background:var(--inchiostro)}
.quiz-corpo{padding:26px 26px 22px;animation:entra .35s ease}
@keyframes entra{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.quiz-corpo h2{font-size:clamp(1.5rem,3.6vw,2rem);margin:0 0 6px}
.quiz-corpo .aiuto{color:var(--grigio);margin:0 0 18px}
.opzioni{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.opzione{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fffaf5;border:2.5px solid var(--bordo);border-radius:18px;padding:16px 10px 14px;font-size:.98rem;font-weight:800;color:var(--inchiostro);cursor:pointer;text-align:center;transition:transform .12s,border-color .12s,background .12s, box-shadow .12s}
.opzione img{width:64px;height:64px;transition:transform .2s}
.opzione:hover{border-color:var(--corallo);transform:translateY(-2px);box-shadow:var(--ombra)}
.opzione:hover img{transform:scale(1.08) rotate(-4deg)}
.opzione.scelta{border-color:var(--corallo);background:#fff0ea}
.opzione.scelta::after{content:"✓";position:absolute;top:8px;right:10px;background:var(--corallo);color:#fff;width:22px;height:22px;border-radius:99px;font-size:.8rem;display:grid;place-items:center}
.comandi{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px}

/* ----- Bottoni ----- */
.bottone{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:99px;padding:13px 22px;font-weight:800;font-size:1rem;cursor:pointer;text-decoration:none;transition:transform .12s, background .12s, box-shadow .12s}
.bottone:active{transform:scale(.97)}
.primario{background:linear-gradient(135deg,var(--corallo),var(--corallo-2));color:#fff;box-shadow:0 8px 18px rgba(255,90,60,.3)}
.primario:hover{box-shadow:0 10px 24px rgba(255,90,60,.42)}
.primario:disabled{opacity:.4;cursor:default;box-shadow:none}
.secondario{background:#fff;color:var(--inchiostro);border:2px solid var(--bordo)}
.secondario:hover{border-color:var(--inchiostro)}
.scuro{background:var(--inchiostro);color:#fff}

/* ----- Risultati ----- */
.risultati-pagina{padding:26px 0 60px}
.testa-ris{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.testa-ris img{width:84px;height:84px;flex:none;animation:fluttua 5s ease-in-out infinite}
.testa-ris h1{margin:0;font-size:clamp(1.7rem,4vw,2.5rem)}
.testa-ris p{margin:4px 0 0;color:var(--grigio)}
.filtri{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fff;border-radius:var(--raggio-s);padding:12px 14px;box-shadow:var(--ombra);margin-bottom:22px}
.filtri b{font-size:.85rem;color:var(--grigio);margin-right:4px}
.pill{border:2px solid var(--bordo);background:#fffaf5;border-radius:99px;padding:6px 13px;font-weight:800;font-size:.88rem;color:var(--inchiostro);cursor:pointer;text-decoration:none}
.pill.attiva{background:var(--inchiostro);border-color:var(--inchiostro);color:#fff}
.separatore{width:1px;height:24px;background:var(--bordo);margin:0 6px}

.griglia-schede{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.scheda{position:relative;background:var(--carta);border-radius:var(--raggio);box-shadow:var(--ombra);padding:20px;display:flex;flex-direction:column;transition:transform .18s, box-shadow .18s;animation:sale .4s ease both}
.scheda:hover{transform:translateY(-4px);box-shadow:var(--ombra-forte)}
@keyframes sale{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.scheda .foto{background:var(--c,#fff3e6);border-radius:16px;height:150px;display:grid;place-items:center;margin-bottom:14px;position:relative;overflow:hidden}
.scheda .foto::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.55)}
.scheda .foto img{width:110px;height:110px;position:relative;filter:drop-shadow(0 10px 14px rgba(30,33,64,.2));transition:transform .3s}
.scheda:hover .foto img{transform:scale(1.08) rotate(-5deg)}
.scheda h3{margin:0 0 6px;font-size:1.18rem}
.scheda p{margin:0 0 12px}
.motivi{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none}
.motivi li{background:#e9fbf3;color:#17865a;font-size:.78rem;font-weight:800;padding:4px 10px;border-radius:99px}
.motivi li.avviso{background:#fff4dc;color:#a46a00}
.scheda .bottone{margin-top:auto}
.cuore{position:absolute;top:28px;right:28px;z-index:2;width:42px;height:42px;border-radius:99px;border:0;background:#fff;box-shadow:var(--ombra);cursor:pointer;display:grid;place-items:center;transition:transform .15s}
.cuore img{width:24px;height:24px}
.cuore:hover{transform:scale(1.1)}
.cuore.si{animation:batte .35s ease}
@keyframes batte{50%{transform:scale(1.3)}}
.badge-top{position:absolute;top:28px;left:28px;z-index:2;background:var(--sole);color:var(--inchiostro);font-weight:900;font-size:.78rem;padding:5px 11px;border-radius:99px;box-shadow:var(--ombra);display:flex;align-items:center;gap:5px}
.badge-top img{width:18px;height:18px}
.scheda.top{grid-column:1/-1;flex-direction:row;gap:24px;align-items:center;border:3px solid var(--sole)}
.scheda.top .foto{flex:0 0 280px;height:220px;margin:0}
.scheda.top .foto img{width:160px;height:160px}
.scheda.top .info{flex:1;display:flex;flex-direction:column}
.scheda.top h3{font-size:1.6rem}
@media (max-width:700px){.scheda.top{flex-direction:column;align-items:stretch}.scheda.top .foto{flex:none;height:180px}}
.altre{margin-top:36px}
.azioni-fondo{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px}
.vuoto{text-align:center;background:#fff;border-radius:var(--raggio);padding:34px;box-shadow:var(--ombra)}
.vuoto img{width:110px;margin:0 auto 10px}

/* ----- Pagine testo e guide ----- */
.pagina-testo{padding:30px 0 60px}
.carta-testo{max-width:none;width:100%;margin:0 auto;background:var(--carta);border-radius:var(--raggio);padding:30px 32px;box-shadow:var(--ombra)}
.carta-testo h1{margin-top:0;font-size:clamp(1.8rem,4vw,2.5rem)}
.carta-testo h2{font-size:1.3rem;margin-top:28px}
.briciole{font-size:.88rem;color:var(--grigio);margin-bottom:12px}
.briciole a{color:var(--grigio)}
.guida-testa{display:flex;gap:22px;align-items:center;margin-bottom:24px}
.guida-testa img{width:110px;height:110px;flex:none}
.guida-testa h1{margin:0 0 6px}
.consigli-box{background:#fff8e1;border-radius:var(--raggio-s);padding:16px 20px;margin:0 0 26px}
.consigli-box h2{margin:0 0 8px;font-size:1.15rem}
.consigli-box ul{margin:0;padding-left:20px}
.cta-quiz{display:flex;align-items:center;gap:18px;background:var(--inchiostro);color:#fff;border-radius:var(--raggio);padding:22px 24px;margin:32px 0}
.cta-quiz img{width:70px;height:70px;flex:none}
.cta-quiz h2{color:#fff;margin:0 0 4px;font-size:1.3rem}
.cta-quiz p{margin:0;color:#c9cbe6}
.cta-quiz .bottone{margin-left:auto;flex:none}
@media (max-width:640px){.cta-quiz{flex-direction:column;text-align:center}.cta-quiz .bottone{margin:0}.guida-testa{flex-direction:column;text-align:center}}
.correlate{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

/* ----- Piede ----- */
.piede{background:var(--inchiostro);color:#c9cbe6;font-size:.9rem;padding:34px 0 26px;margin-top:20px}
.piede .contenitore{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}
.piede strong{color:#fff}
.piede a{color:var(--sole)}
.piede .col h4{color:#fff;margin:0 0 8px;font-family:var(--titoli)}
.piede .col a{display:block;color:#c9cbe6;text-decoration:none;padding:2px 0}
.piede .col a:hover{color:#fff}
.piede .fine{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:.82rem}
@media (max-width:640px){.piede .contenitore{grid-template-columns:1fr}}

/* ----- Avviso (toast) ----- */
.avviso-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120px);background:var(--inchiostro);color:#fff;padding:12px 20px;border-radius:99px;font-weight:700;box-shadow:var(--ombra-forte);transition:transform .3s;z-index:50}
.avviso-toast.su{transform:translateX(-50%) translateY(0)}

/* ===== Schermi molto larghi ===== */
@media (min-width:1500px){
  .eroe h1{font-size:4.6rem}
  .eroe p.lead{font-size:1.3rem;max-width:640px}
  .sezione{min-height:270px}
  .sezione .grande{width:140px}
  .griglia-schede{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
}

/* ===== Barra in basso (solo cellulare) ===== */
.barra-app{display:none}

/* ===== Cellulare ===== */
@media (max-width:640px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .testata .contenitore{height:56px}
  .logo{font-size:1.35rem}
  .logo img{width:30px;height:30px}
  .menu .lista-link{display:none}
  .banner .contenitore{font-size:.85rem;padding:8px 14px;gap:8px}
  .banner img{width:24px;height:24px}

  .barra-app{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--bordo);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(30,33,64,.08)}
  .barra-app a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--grigio);font-size:.72rem;font-weight:800;padding:4px 0;border-radius:12px;position:relative}
  .barra-app a img{width:28px;height:28px;transition:transform .15s}
  .barra-app a.attivo{color:var(--inchiostro);background:#fff3ea}
  .barra-app a.attivo img{transform:translateY(-2px) scale(1.08)}
  .barra-app .contatore{position:absolute;top:0;left:calc(50% + 6px);font-size:.65rem}

  /* Home */
  .eroe{padding:18px 0 26px}
  .eroe h1{font-size:clamp(1.65rem,8.2vw,2.15rem);margin-bottom:10px}
  .eroe p.lead{font-size:1.02rem;margin-bottom:18px}
  .scena{max-width:210px;margin:0 auto 6px}
  .scelte-rapide{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * clamp(16px,4vw,72px));padding:4px clamp(16px,4vw,72px) 10px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .scelte-rapide::-webkit-scrollbar{display:none}
  .scelta-rapida{flex:none;scroll-snap-align:start}
  .fiducia{gap:6px 14px;font-size:.84rem;margin-top:14px}
  .blocco{padding:22px 0}
  .blocco .sotto{margin-bottom:16px;font-size:.98rem}
  .sezioni{grid-template-columns:1fr 1fr;gap:12px}
  .sezione{min-height:0;padding:92px 14px 14px;border-radius:18px}
  .sezione .grande{width:78px;top:6px;right:6px}
  .sezione .quante{top:12px;left:12px;font-size:.7rem}
  .sezione h3{font-size:1.08rem}
  .sezione p{display:none}
  .sezione .vai{font-size:.8rem;padding:7px 12px;margin-top:8px}
  .passi{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1 * clamp(16px,4vw,72px));padding:4px clamp(16px,4vw,72px) 12px;scrollbar-width:none}
  .passi::-webkit-scrollbar{display:none}
  .passo{flex:0 0 78%;scroll-snap-align:start;padding:16px}
  .passo img{width:46px;height:46px}
  .guide-pop{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * clamp(16px,4vw,72px));padding:2px clamp(16px,4vw,72px) 10px;scrollbar-width:none}
  .guide-pop::-webkit-scrollbar{display:none}
  .guida-chip{flex:none}

  /* Quiz: a tutto schermo, comandi sempre a portata di pollice */
  .quiz-pagina{padding:0 0 20px}
  .quiz-pagina .contenitore{padding:0}
  .quiz{border-radius:0;box-shadow:none;background:transparent}
  .quiz-testa{padding:14px 16px;border-radius:0 0 22px 22px}
  .quiz-testa img{width:42px;height:42px}
  .quiz-corpo{padding:18px 16px 0}
  .quiz-corpo h2{font-size:1.45rem}
  .opzioni{grid-template-columns:1fr 1fr;gap:10px}
  .opzione{padding:14px 8px 12px;font-size:.92rem;min-height:112px;justify-content:center}
  .opzione img{width:50px;height:50px}
  .comandi{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--sfondo) 30%);padding:18px 0 10px;margin-top:6px}
  .comandi .bottone{flex:1}

  /* Risultati */
  .risultati-pagina{padding:14px 0 30px}
  .testa-ris{gap:12px}
  .testa-ris img{width:58px;height:58px}
  .testa-ris h1{font-size:1.45rem}
  .testa-ris p{font-size:.88rem}
  .filtri{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * clamp(16px,4vw,72px)) 16px;border-radius:0;padding:10px clamp(16px,4vw,72px);scrollbar-width:none}
  .filtri::-webkit-scrollbar{display:none}
  .pill{flex:none;padding:8px 14px}
  .griglia-schede{grid-template-columns:1fr;gap:14px}
  .scheda{padding:14px}
  .scheda .foto{height:130px;margin-bottom:10px}
  .scheda .foto img{width:92px;height:92px}
  .scheda.top .foto{height:170px}
  .scheda.top .foto img{width:120px;height:120px}
  .scheda.top h3{font-size:1.3rem}
  .cuore{top:22px;right:22px;width:44px;height:44px}
  .badge-top{top:22px;left:22px}
  .scheda .bottone{width:100%;padding:14px}
  .azioni-fondo .bottone{flex:1 1 100%}

  /* Pagine testo e guide */
  .pagina-testo{padding:16px 0 30px}
  .carta-testo{padding:20px 18px;border-radius:18px}
  .guida-testa img{width:80px;height:80px}
  .guida-testa h1{font-size:1.6rem}
  .consigli-box{padding:14px 16px}
  .piede{padding-bottom:20px}
  .avviso-toast{bottom:calc(84px + env(safe-area-inset-bottom))}
}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* larghezza fluida: tutto si adatta a browser e risoluzione */
.carta-testo{padding:clamp(18px,3vw,48px) clamp(16px,4vw,64px)}
.eroe p.lead{max-width:min(100%,62ch)}
.opzioni{grid-template-columns:repeat(auto-fill,minmax(clamp(140px,14vw,240px),1fr))}
.opzione img{width:clamp(50px,5vw,96px);height:clamp(50px,5vw,96px)}
.griglia-schede{grid-template-columns:repeat(auto-fill,minmax(clamp(260px,22vw,420px),1fr))}
.sezioni{grid-template-columns:repeat(auto-fill,minmax(clamp(230px,20vw,420px),1fr))}
html{font-size:clamp(15px,0.45vw + 12px,20px)}