/* Pagine di testo, News, articolo, 404. Stessi colori e caratteri del resto del sito. */

.pagina{position:relative;z-index:1;padding-bottom:clamp(60px,9vh,110px)}
.testata-pagina{padding:clamp(110px,16vh,170px) var(--lato) clamp(26px,5vh,54px)}
.testata-pagina h1{font-family:var(--fat);font-weight:900;font-size:clamp(54px,9.5vw,170px);line-height:.84;text-transform:uppercase;letter-spacing:-.01em;overflow-wrap:anywhere;max-width:16em}
.testata-pagina h1 .g{display:block;font-size:min(40vw,56vh);line-height:.76;margin-left:-.03em;white-space:nowrap}
.testata-pagina h1 .p{display:block;margin-top:clamp(14px,2.4vh,26px);color:var(--fg);font-size:13px;letter-spacing:.1em}
.testata-pagina .sot{margin-top:12px;font-size:19px;font-weight:500;max-width:30em;color:#d6d1c5}
.briciole{display:flex;gap:8px;flex-wrap:wrap;color:#d6d1c5;margin-bottom:18px}
.briciole a{border-bottom:1.5px solid var(--riga)}.briciole a:hover{color:#fff;border-color:#fff}
.articolo .testata-pagina h1{font-size:clamp(44px,6.4vw,112px);max-width:14em}
.testata-pagina .data{margin-top:20px;color:#d6d1c5}

/* il foglio chiaro dove sta il testo */
.foglio{margin:0 clamp(10px,2.4vw,34px);padding:clamp(26px,5vw,76px) clamp(20px,6vw,96px);border-radius:clamp(22px,2.4vw,36px);background:var(--bone);color:#0b0b0b;font-size:19px;line-height:1.6}
.foglio>*{max-width:44rem}
.foglio.largo>*{max-width:none}
.foglio>*+*{margin-top:1.1em}
.foglio h1,.foglio h2{font-family:var(--fat);font-weight:900;text-transform:uppercase;line-height:.9;font-size:clamp(36px,4.4vw,64px);margin-top:1.3em}
.foglio h3{font-family:var(--fat);font-weight:900;text-transform:uppercase;line-height:.95;font-size:clamp(28px,3vw,40px);margin-top:1.3em}
.foglio h4{font-size:20px;font-weight:700;margin-top:1.4em}
.foglio>:first-child{margin-top:0}
.foglio p,.foglio li{color:#1c1a12}
.foglio a{color:#b0040d;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.foglio a:hover{color:#0b0b0b}
.foglio ul,.foglio ol{padding-left:1.3em;display:grid;gap:.45em}
.foglio strong{font-weight:700;color:#0b0b0b}
.foglio img{border-radius:18px;height:auto}
.foglio figure.apre{max-width:none;margin-bottom:1.6em}
.foglio figure.apre img{width:100%;max-height:70vh;object-fit:cover;border-radius:clamp(16px,1.8vw,26px)}
.foglio blockquote{border-left:6px solid var(--yellow);padding:.2em 0 .2em 1em;font-size:1.15em;font-weight:500}
.foglio table{width:100%;border-collapse:collapse;font-size:17px}
.foglio th,.foglio td{text-align:left;padding:12px 10px;border-bottom:2px solid #0b0b0b}
.foglio hr{border:0;border-top:2px solid #0b0b0b;margin:2em 0}

/* elenco delle guide: righe che si colorano di giallo */
.guide{margin-top:clamp(40px,7vh,90px)}
.guide h2{font-family:var(--fat);font-weight:900;font-size:clamp(54px,8vw,130px);line-height:.84;text-transform:uppercase;padding:0 var(--lato);margin-bottom:clamp(16px,3vh,30px)}
.notizie .guide{margin-top:0}
.guide a{position:relative;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:18px;padding:clamp(16px,2.4vh,26px) var(--lato);border-top:2px solid var(--riga);color:var(--bone);transition:color .35s}
.guide a:last-of-type{border-bottom:2px solid var(--riga)}
.guide a::before{content:"";position:absolute;inset:0;background:var(--yellow);transform:scaleY(0);transform-origin:50% 100%;transition:transform .55s var(--ease)}
.guide a>*{position:relative}
.guide a .mono{color:var(--yellow);transition:color .35s}
.guide a .t{font-family:var(--fat);font-weight:900;font-size:clamp(30px,4.6vw,76px);line-height:.92;text-transform:uppercase}
.guide a .ar{display:grid;place-items:center;width:clamp(44px,4vw,64px);aspect-ratio:1;border-radius:50%;border:2px solid currentColor;font-size:22px;transition:transform .5s var(--ease)}
.guide a:hover,.guide a:focus-visible{color:#0b0b0b}
.guide a:hover::before,.guide a:focus-visible::before{transform:scaleY(1)}
.guide a:hover .mono,.guide a:focus-visible .mono{color:#0b0b0b}
.guide a:hover .ar{transform:rotate(-45deg)}
.guide .vuoto{padding:0 var(--lato);color:#d6d1c5}
@media(max-width:760px){.guide a{grid-template-columns:1fr auto}.guide a .mono{display:none}}

/* bottoni a pillola */
.azioni{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.bottone{display:inline-flex;align-items:center;padding:18px 30px;border-radius:999px;background:var(--yellow);color:#0b0b0b;border:2px solid var(--yellow);font-family:var(--fat);font-weight:900;font-size:clamp(24px,2.4vw,34px);letter-spacing:.02em;line-height:1;text-transform:uppercase;transition:transform .4s var(--ease)}
.bottone.vuoto{background:#0b0b0b;color:var(--bone);border-color:#6a665c}
.bottone:hover{transform:translateY(-3px) rotate(-2deg)}

/* pagine dell'elenco */
.navigation.pagination{padding:30px var(--lato) 0}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}
.page-numbers{display:grid;place-items:center;min-width:48px;height:48px;padding:0 14px;border-radius:999px;border:2px solid #6a665c;font-weight:700}
.page-numbers.current{background:var(--yellow);border-color:var(--yellow);color:#0b0b0b}

/* box giallo che rimanda al prodotto di punta (come nel negozio) */
.pagina #garanzie{margin-top:clamp(50px,8vh,100px)}
#garanzie{position:relative;z-index:9;background:var(--yellow);color:#0b0b0b;padding:clamp(80px,13vh,150px) var(--lato) clamp(50px,8vh,90px);text-align:center}
#garanzie h2{font-family:var(--fat);font-weight:900;font-size:clamp(64px,12vw,220px);line-height:.8;text-transform:uppercase}
#garanzie p{margin:22px auto 0;max-width:30em;font-size:20px;font-weight:500;color:#1c1a12}
#garanzie .cta{display:inline-flex;margin-top:28px;padding:22px 38px;border-radius:999px;background:#0b0b0b;color:var(--yellow);font-family:var(--fat);font-weight:900;font-size:clamp(28px,3.2vw,46px);letter-spacing:.02em;line-height:1;text-transform:uppercase;will-change:transform}
@media(prefers-reduced-motion:reduce){.guide a,.guide a::before,.guide a .ar,.bottone{transition-duration:.01s}}