/*
Theme Name: SF Feudo
Author: Sandro Feudo
Description: Tema personale di sandrofeudo.com: blog, progetti SF e astronomia. Toni caldi, arancione.
Version: 2.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: sf-feudo
*/
:root { --bg: #f8f1e6; --pan: #ffffff; --pan2: #f1e6d5; --riga: #1d140d24; --ar: #ff7a1a; --ar2: #e0600a; --ar-scuro: #c2520a; --crema: #f6eee2; --ink: #1d140d; --ink2: #3b2d20; --muto: #6b5a48; --scuro: #1d140d;
  --eti: #b84c08; --linea: #1d140d1c; --velo: #1d140d0d; --ombra: #1d140d26; --testa: #f8f1e6e8; --sabbia: #efe2cd;
  --petrolio: #46b9ab; --sole: #ffc247; --tit: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif; --mono: ui-monospace, "SF Mono", Menlo, monospace; }
/* zone che restano scure: il cielo, i riquadri interattivi, il piede */
.cielo, .cielo-oggi, .piede, .calcolo, .partecipa, .luce, .vet, .copertina span { --bg: #0f0b09; --pan: #1a1411; --pan2: #241b16; --riga: #3a2c22; --ar2: #ffa24d; --ink: #f7efe4; --ink2: var(--ink2); --muto: #b3a391; --linea: var(--linea); --velo: var(--velo); --ombra: #000a; color: var(--ink); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--tit); font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; } img { max-width: 100%; display: block; } button { font: inherit; color: inherit; cursor: pointer; }
:focus-visible { outline: 2px solid var(--ar); outline-offset: 3px; border-radius: 4px; }
.w { max-width: 1160px; margin: 0 auto; padding-inline: 20px; } .w.stretto { max-width: 780px; }
h1, h2, h3 { font-weight: 700; letter-spacing: -.025em; line-height: 1.08; margin: 0; text-wrap: balance; }
h1 { font-size: clamp(40px, 7vw, 84px); } h2 { font-size: clamp(28px, 4.2vw, 48px); } h3 { font-size: 22px; margin: 22px 0 6px; }
h1 em, h2 em { font-style: normal; background: linear-gradient(100deg, var(--ar), var(--ar2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.eti { font: 600 12px var(--mono); letter-spacing: .22em; text-transform: uppercase; color: var(--ar); margin: 0 0 14px; }
.sotto, .intro { color: var(--muto); max-width: 60ch; } .intro { font-size: clamp(18px, 2.2vw, 22px); color: var(--ink2); } .sotto { margin: 10px 0 28px; }
.centro { text-align: center; margin-top: 30px; }
.progresso { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: linear-gradient(90deg, var(--ar), var(--ar2)); z-index: 60; }

.testa { position: sticky; top: 0; z-index: 50; background: var(--testa); backdrop-filter: saturate(160%) blur(14px); border-bottom: 1px solid var(--linea); }
.testa .w { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 12px; }
.marchio { display: flex; align-items: baseline; gap: 10px; text-decoration: none; font-weight: 700; font-size: 18px; letter-spacing: -.01em; }
.sf { font-weight: 800; font-size: 34px; line-height: 1; letter-spacing: -.06em; color: var(--ar); background: linear-gradient(100deg, var(--ar), var(--ar2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
nav { display: flex; gap: 2px; align-items: center; } nav a { text-decoration: none; padding: 8px 13px; border-radius: 20px; font-size: 14px; color: var(--muto); transition: color .2s, background .2s; }
nav a:hover, nav a[aria-current] { color: var(--ink); background: var(--linea); } nav a.negozio { color: #1d0f04; background: var(--ar); font-weight: 600; margin-left: 6px; }
.panino { display: none; background: none; border: 0; width: 44px; height: 44px; padding: 12px 10px; } .panino i { display: block; height: 2px; background: var(--ink); margin: 4px 0; border-radius: 2px; transition: transform .25s, opacity .25s; }
@media (max-width: 860px) { .panino { display: block; } nav { position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; background: var(--bg); padding: 12px 20px 20px; border-bottom: 1px solid var(--riga); display: none; }
  nav.aperto { display: flex; } nav a { font-size: 18px; padding: 12px 8px; } .panino.aperto i:nth-child(1) { transform: translateY(6px) rotate(45deg); } .panino.aperto i:nth-child(2) { opacity: 0; } .panino.aperto i:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } }

.bott { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 600; font-size: 15px; padding: 13px 22px; border-radius: 999px; border: 0; background: var(--ar); color: #1d0f04; margin: 10px 8px 0 0; transition: transform .18s, box-shadow .18s, background .18s; }
.bott:hover { transform: translateY(-2px); box-shadow: 0 10px 28px #ff7a1a55; } .bott i { font-style: normal; transition: transform .2s; } .bott:hover i { transform: translateX(4px); }
.bott.due { background: var(--velo); color: var(--ink); box-shadow: inset 0 0 0 1px var(--linea); } .bott.due:hover { background: var(--linea); box-shadow: inset 0 0 0 1px var(--ar); }
.bott.pieno { width: 100%; justify-content: center; margin: 10px 0 0; }
.chiara .bott.due { background: #1d140d0d; color: var(--scuro); box-shadow: inset 0 0 0 1px #1d140d40; }

.eroe { position: relative; overflow: hidden; padding: 72px 0 60px; } .eroe .w { position: relative; display: grid; gap: 40px; align-items: center; }
@media (min-width: 900px) { .eroe .w { grid-template-columns: 1.15fr .85fr; } }
.alone { position: absolute; width: 720px; height: 720px; right: -200px; top: -260px; border-radius: 50%; background: radial-gradient(circle, #ff7a1a40, transparent 62%); filter: blur(10px); animation: respiro 9s ease-in-out infinite; }
@keyframes respiro { 50% { transform: scale(1.12) translate(-30px, 20px); } }
.numeri { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 34px; max-width: 520px; } @media (min-width: 560px) { .numeri { grid-template-columns: repeat(4, 1fr); } }
.numeri b { display: block; font-size: 34px; letter-spacing: -.03em; font-variant-numeric: tabular-nums; } .numeri span { font-size: 13px; color: var(--muto); }
.copertina { position: relative; display: block; border-radius: 22px; overflow: hidden; text-decoration: none; box-shadow: 0 30px 80px var(--ombra), 0 0 0 1px var(--linea); transition: transform .25s ease-out; transform-style: preserve-3d; }
.copertina img { width: 100%; aspect-ratio: 4/3; object-fit: cover; } .copertina span { position: absolute; inset: auto 0 0 0; padding: 60px 20px 18px; background: linear-gradient(transparent, #0f0b09f0); }
.copertina small { display: block; font: 600 11px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ar2); margin-bottom: 6px; } .copertina b { font-size: 20px; line-height: 1.2; display: block; }
.nastro { overflow: hidden; white-space: nowrap; padding: 13px 0; border-block: 1px solid var(--linea); font: 600 13px var(--mono); letter-spacing: .16em; color: var(--muto); }
.nastro div { display: inline-block; animation: corre 50s linear infinite; } .nastro span { margin: 0 20px; } .nastro i { font-style: normal; color: var(--ar); font-size: 9px; vertical-align: middle; }
.nastro:hover div { animation-play-state: paused; } @keyframes corre { to { transform: translateX(-33.333%); } }

.sez { padding: 76px 0; } .capo { padding: 64px 0 28px; }
.chiara { background: var(--crema); color: var(--scuro); } .chiara .sotto, .chiara .intro { color: #6b5a48; } .chiara .eti { color: var(--ar-scuro); }
.strade { display: grid; gap: 16px; } @media (min-width: 760px) { .strade { grid-template-columns: repeat(3, 1fr); } }
.strada { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 26px; border-radius: 20px; background: var(--pan); box-shadow: inset 0 0 0 1px var(--linea); text-decoration: none; overflow: hidden; transition: transform .22s, box-shadow .22s; }
.strada::before { content: ""; position: absolute; inset: 0; background: radial-gradient(400px circle at var(--mx, 50%) var(--my, 0%), #ff7a1a2e, transparent 60%); opacity: 0; transition: opacity .3s; } .strada:hover::before { opacity: 1; }
a.strada:hover { transform: translateY(-5px); box-shadow: inset 0 0 0 1px var(--ar), 0 18px 40px var(--ombra); }
.strada > * { position: relative; } .strada i { font: 600 13px var(--mono); font-style: normal; color: var(--ar); } .strada b { font-size: 26px; letter-spacing: -.02em; } .strada span { color: var(--muto); font-size: 15px; } .strada em { font-style: normal; font-size: 14px; color: var(--ar2); margin-top: 8px; }

.griglia { display: grid; gap: 20px; } @media (min-width: 700px) { .griglia { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1000px) { .griglia:not(.due-col) { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 700px) { .art.grande { grid-column: 1 / -1; grid-template-columns: 1.25fr 1fr; } .art.grande .foto { aspect-ratio: auto; min-height: 320px; } .art.grande b { font-size: clamp(24px, 3vw, 34px); } }
.art { display: grid; grid-template-rows: auto 1fr; background: var(--pan); border-radius: 20px; overflow: hidden; text-decoration: none; box-shadow: inset 0 0 0 1px var(--velo); transition: transform .25s, box-shadow .25s; }
.art:hover { transform: translateY(-6px); box-shadow: inset 0 0 0 1px #ff7a1a99, 0 22px 50px var(--ombra); }
.foto { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--pan2); } .foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2, .7, .2, 1); } .art:hover .foto img, .tappa:hover .foto img { transform: scale(1.06); }
.corpo { display: flex; flex-direction: column; gap: 9px; padding: 18px 20px 20px; } .corpo b { font-size: 19px; line-height: 1.25; letter-spacing: -.015em; }
.riga { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; } .meta { font-size: 12.5px; color: var(--muto); }
.estr { font-size: 14.5px; color: var(--muto); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.leggi { margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 600; color: var(--ar2); } .leggi i { font-style: normal; display: inline-block; transition: transform .2s; } .art:hover .leggi i { transform: translateX(5px); }
.tag { font: 700 10.5px var(--mono); letter-spacing: .13em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; color: #1d0f04; }
.t-riflessioni { background: var(--sole); } .t-esplorazione { background: var(--petrolio); } .t-progetti { background: var(--ar); }

.vetrina { display: grid; gap: 20px; } @media (min-width: 860px) { .vetrina { grid-template-columns: 1.35fr 1fr; } }
.vet { position: relative; display: block; border-radius: 24px; overflow: hidden; text-decoration: none; min-height: 380px; color: #fff; transition: transform .25s, box-shadow .25s; background: var(--scuro); }
.vet:hover { transform: translateY(-5px); box-shadow: 0 26px 60px #0006; } .vet img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s; } .vet:hover img { transform: scale(1.05); }
.vet > span { position: absolute; inset: auto 0 0 0; padding: 90px 26px 26px; background: linear-gradient(transparent, #0f0b09ee); display: flex; flex-direction: column; gap: 4px; }
.vet small { font: 600 11px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ar2); } .vet b { font-size: 40px; letter-spacing: -.03em; line-height: 1; } .vet em { font-size: 18px; color: var(--ink2); } .vet p { margin: 6px 0 0; font-size: 15px; color: var(--ink2); } .vet u { text-decoration: none; font-weight: 600; color: var(--ar2); margin-top: 10px; }
.vet.scuro { background: radial-gradient(circle at 80% 10%, #ff7a1a66, transparent 55%), linear-gradient(160deg, #2a1a10, #120c09); } .vet.scuro > span { position: relative; height: 100%; justify-content: flex-end; background: none; min-height: 380px; }
.trio { display: grid; gap: 14px; margin-top: 20px; } @media (min-width: 760px) { .trio { grid-template-columns: repeat(3, 1fr); } }
.trio a { display: block; padding: 18px 20px; border-radius: 16px; background: #1d140d0d; box-shadow: inset 0 0 0 1px #1d140d24; text-decoration: none; transition: background .2s, transform .2s; } .trio a:hover { background: #ff7a1a26; transform: translateY(-3px); }
.trio small { display: block; font: 12px var(--mono); color: #7a6652; margin-bottom: 4px; } .trio b { font-size: 17px; line-height: 1.25; }

.cielo { position: relative; overflow: hidden; background: radial-gradient(ellipse at 75% 10%, #4a2a1a, #1a1020 55%, #0a0710); } .stelle { position: absolute; inset: 0; width: 100%; height: 100%; } .cielo .w { position: relative; } .cielo .sotto { color: #dccfe0; }
.cielo.alto { padding: 96px 0 84px; } .luna-box { text-align: center; } .luna-box svg { width: min(260px, 70%); filter: drop-shadow(0 0 40px #ffe7b055); } .luna-box p { font: 14px var(--mono); color: #e9dcc6; }
.chi-breve { text-align: center; } .chi-breve .intro { margin-inline: auto; }

/* pagina con tendine laterali */
.conlato { display: grid; gap: 28px; padding-bottom: 80px; align-items: start; } @media (min-width: 960px) { .conlato { grid-template-columns: 290px 1fr; } .conlato.rovescio { grid-template-columns: 1fr 300px; } .lato { position: sticky; top: 84px; max-height: calc(100vh - 100px); overflow-y: auto; } .apri-lato { display: none; } }
.apri-lato { background: var(--pan); border: 0; box-shadow: inset 0 0 0 1px var(--linea); border-radius: 14px; padding: 13px 16px; text-align: left; font-weight: 600; }
@media (max-width: 959px) { .lato { display: none; } .lato.aperto { display: block; } .conlato.rovescio .lato { display: block; order: -1; } }
.tendina { background: var(--pan); border-radius: 16px; margin-bottom: 10px; box-shadow: inset 0 0 0 1px var(--velo); overflow: hidden; }
.tendina summary { list-style: none; cursor: pointer; padding: 14px 16px; font: 600 12px var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--ar2); display: flex; justify-content: space-between; align-items: center; }
.tendina summary::-webkit-details-marker { display: none; } .tendina summary::after { content: "+"; font-size: 18px; color: var(--muto); transition: transform .25s; } .tendina[open] summary::after { transform: rotate(45deg); }
.tendina > div { padding: 0 10px 12px; animation: scende .28s ease-out; } @keyframes scende { from { opacity: 0; transform: translateY(-8px); } }
.voce { display: flex; align-items: center; gap: 9px; width: 100%; background: none; border: 0; text-align: left; padding: 9px 8px; border-radius: 10px; font-size: 15px; text-decoration: none; transition: background .15s; }
.voce:hover { background: var(--velo); } .voce.on { background: #ff7a1a2b; box-shadow: inset 0 0 0 1px var(--ar); } .voce em { margin-left: auto; font: 12px var(--mono); font-style: normal; color: var(--muto); }
.pall { width: 10px; height: 10px; border-radius: 50%; } .pillole { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 4px; } .voce.pill { width: auto; padding: 7px 12px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--linea); font-size: 13.5px; } .voce.pill em { margin-left: 4px; }
.cerca { position: relative; margin-bottom: 10px; } .cerca input { width: 100%; background: var(--pan); border: 0; box-shadow: inset 0 0 0 1px var(--linea); color: var(--ink); font: inherit; font-size: 16px; padding: 14px 44px 14px 16px; border-radius: 14px; } .cerca input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--ar); }
.cerca kbd { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font: 12px var(--mono); color: var(--muto); border: 1px solid var(--riga); border-radius: 6px; padding: 2px 7px; }
.conteggio { font: 13px var(--mono); color: var(--muto); margin: 4px 0 16px; } .vuoto { padding: 40px; text-align: center; color: var(--muto); background: var(--pan); border-radius: 20px; }
.art.nascosto { display: none; }

/* articolo */
.art-capo { padding-bottom: 0; } .art-capo h1 { font-size: clamp(32px, 5vw, 58px); margin: 14px 0 16px; } .indietro { display: inline-block; text-decoration: none; color: var(--muto); font-size: 14px; margin-bottom: 22px; } .indietro:hover { color: var(--ar2); }
.copert { width: 100%; max-height: 560px; object-fit: cover; border-radius: 24px; margin: 34px 0 44px; box-shadow: 0 30px 80px var(--ombra); cursor: zoom-in; }
.prosa { font-family: Charter, "Iowan Old Style", Georgia, serif; font-size: 19.5px; line-height: 1.75; color: var(--ink2); min-width: 0; }
.prosa > p:first-of-type::first-letter { float: left; font: 700 4.1em/0.82 var(--tit); padding: 6px 10px 0 0; color: var(--ar); }
.prosa h2, .prosa h3, .prosa h4 { font-family: var(--tit); margin: 1.9em 0 .5em; } .prosa h2 { font-size: 30px; } .prosa h3 { font-size: 24px; } .prosa h2::before, .prosa h3::before { content: ""; display: block; width: 44px; height: 3px; background: var(--ar); border-radius: 2px; margin-bottom: 14px; }
.prosa a { color: var(--ar2); text-underline-offset: 3px; } .prosa img { border-radius: 16px; height: auto; margin: 10px auto; cursor: zoom-in; } .prosa figure { margin: 30px 0; } .prosa figcaption { font: 13px var(--tit); color: var(--muto); text-align: center; margin-top: 8px; }
.prosa blockquote { margin: 28px 0; padding: 6px 0 6px 22px; border-left: 3px solid var(--ar); font-style: italic; color: var(--ink); font-size: 1.1em; } .prosa li { margin: 6px 0; } .prosa li::marker { color: var(--ar); }
.prosa table { width: 100%; border-collapse: collapse; font: 15px var(--tit); display: block; overflow-x: auto; } .prosa td, .prosa th { border-bottom: 1px solid var(--riga); padding: 9px 10px; text-align: left; }
.prosa pre, .prosa code { font-family: var(--mono); font-size: .85em; background: var(--pan); border-radius: 8px; padding: 2px 6px; } .prosa pre { padding: 14px; overflow-x: auto; }
.indice { display: flex; flex-direction: column; } .indice a { text-decoration: none; font-size: 14px; color: var(--muto); padding: 7px 10px; border-left: 2px solid var(--riga); line-height: 1.35; transition: color .2s, border-color .2s; } .indice a.liv3 { padding-left: 22px; font-size: 13px; }
.indice a:hover { color: var(--ink); } .indice a.qui { color: var(--ar2); border-color: var(--ar); font-weight: 600; }
.scheda-dati { margin: 0; padding: 0 6px; } .scheda-dati div { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px dashed var(--riga); font-size: 14px; } .scheda-dati dt { color: var(--muto); } .scheda-dati dd { margin: 0; font-weight: 600; }
.mini-art { display: grid; grid-template-columns: 64px 1fr; gap: 10px; align-items: center; text-decoration: none; padding: 7px 6px; border-radius: 10px; font-size: 13.5px; line-height: 1.3; } .mini-art:hover { background: var(--velo); } .mini-art img { width: 64px; height: 48px; object-fit: cover; border-radius: 8px; }
.vicini { display: grid; gap: 14px; margin-top: 60px; font-family: var(--tit); } @media (min-width: 640px) { .vicini { grid-template-columns: 1fr 1fr; } }
.vicini a { display: block; padding: 18px; border-radius: 16px; background: var(--pan); box-shadow: inset 0 0 0 1px var(--velo); text-decoration: none; color: var(--ink); transition: box-shadow .2s, transform .2s; } .vicini a:hover { box-shadow: inset 0 0 0 1px var(--ar); transform: translateY(-3px); } .vicini .dx { text-align: right; }
.vicini small { display: block; font: 12px var(--mono); color: var(--ar2); margin-bottom: 6px; } .vicini b { font-size: 16px; line-height: 1.3; }

/* progetti, prodotto */
.linea { position: relative; display: grid; gap: 26px; padding-left: 26px; border-left: 2px solid var(--riga); margin-top: 10px; }
.tappa { position: relative; display: grid; gap: 8px 22px; text-decoration: none; padding: 18px; border-radius: 20px; background: var(--pan); box-shadow: inset 0 0 0 1px var(--velo); transition: transform .2s, box-shadow .2s; } @media (min-width: 720px) { .tappa { grid-template-columns: 240px 1fr; } .tappa .foto { grid-row: 1 / 4; } }
.tappa::before { content: ""; position: absolute; left: -35px; top: 28px; width: 16px; height: 16px; border-radius: 50%; background: var(--ar); box-shadow: 0 0 0 5px var(--bg), 0 0 14px #ff7a1a88; }
.tappa:hover { transform: translateX(6px); box-shadow: inset 0 0 0 1px var(--ar); } .tappa time { font: 12px var(--mono); color: var(--ar2); } .tappa b { font-size: 22px; line-height: 1.2; letter-spacing: -.02em; } .tappa > span:last-child { color: var(--muto); font-size: 15px; } .tappa .foto { border-radius: 12px; }
.duecol { display: grid; gap: 44px; } @media (min-width: 860px) { .duecol { grid-template-columns: 1fr 1fr; } } .duecol p { color: var(--ink2); }
.carat { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); } .carat div { background: #fff; border-radius: 18px; padding: 22px; box-shadow: 0 1px 0 #1d140d14, 0 10px 30px #1d140d12; transition: transform .2s; } .carat div:hover { transform: translateY(-4px) rotate(-.6deg); }
.carat i { display: block; font: 600 13px var(--mono); font-style: normal; color: var(--ar-scuro); margin-bottom: 26px; } .carat b { font-size: 19px; line-height: 1.25; }
.scatti { columns: 2 220px; column-gap: 14px; } @media (min-width: 900px) { .scatti { columns: 3; } } .scatto { display: block; width: 100%; padding: 0; border: 0; background: none; margin-bottom: 14px; border-radius: 16px; overflow: hidden; break-inside: avoid; cursor: zoom-in; } .scatto img { width: 100%; transition: transform .5s; } .scatto:hover img { transform: scale(1.04); }
.spec { margin: 0; } .spec div { display: flex; justify-content: space-between; gap: 16px; padding: 15px 0; border-bottom: 1px solid var(--riga); } .spec dt { color: var(--muto); } .spec dd { margin: 0; font-weight: 600; font-size: 19px; }
.moneta { width: min(300px, 70%); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(from 210deg, #ffb066, #ff7a1a, #b3470a, #ffb066); box-shadow: 0 30px 80px #ff7a1a44, inset 0 0 0 10px var(--linea); animation: gira 14s linear infinite; }
.moneta span { font-size: 92px; font-weight: 800; color: #1d0f04; animation: gira 14s linear infinite reverse; } @keyframes gira { to { transform: rotate(360deg); } }
.tre-link { display: flex; flex-wrap: wrap; } .citazione { font-family: Charter, Georgia, serif; font-size: clamp(22px, 3vw, 32px); line-height: 1.45; text-align: center; margin: 0; } .citazione::before { content: "“"; display: block; font-size: 80px; line-height: .6; color: var(--ar); }
.ritratto { width: min(320px, 80%); aspect-ratio: 4/5; margin: 0 auto; border-radius: 26px; display: grid; place-items: center; background: linear-gradient(160deg, var(--ar), #7a2f05); color: #1d0f04; font: 600 14px var(--mono); box-shadow: 0 30px 80px var(--ombra); }
.passioni { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .pass { background: #fff; border-radius: 18px; padding: 22px; box-shadow: 0 10px 30px #1d140d12; transition: transform .2s; } .pass:hover { transform: translateY(-5px); }
.pass i { font-style: normal; font-size: 30px; color: var(--ar-scuro); } .pass b { display: block; font-size: 20px; margin: 10px 0 4px; } .pass span { font-size: 15px; color: #6b5a48; }
.nota { display: inline-block; font: 13px var(--mono); background: #ffc24726; border: 1px dashed var(--sole); color: var(--sole); padding: 9px 12px; border-radius: 10px; margin-top: 18px; } .chiara .nota { color: #7a4a00; background: #ffc24755; border-color: #b77a00; }
.barre { display: grid; gap: 8px; } .barra-tema { display: grid; grid-template-columns: 180px 1fr 30px; gap: 12px; align-items: center; text-decoration: none; padding: 10px 12px; border-radius: 12px; } .barra-tema:hover { background: var(--pan); }
.barra-tema i { height: 10px; border-radius: 5px; background: linear-gradient(90deg, var(--ar), var(--ar2)); width: 0; transition: width 1.1s cubic-bezier(.2, .7, .2, 1); } .barra-tema.vista i { width: var(--l); } .barra-tema em { font: 13px var(--mono); font-style: normal; color: var(--muto); text-align: right; }
@media (max-width: 560px) { .barra-tema { grid-template-columns: 120px 1fr 26px; font-size: 14px; } }

.piede { border-top: 1px solid var(--linea); padding: 50px 0 26px; color: var(--muto); font-size: 14.5px; } .piede .w { display: grid; gap: 30px; } @media (min-width: 760px) { .piede .w:first-child { grid-template-columns: 1.6fr 1fr 1fr; } }
.piede b { display: block; color: var(--ink); font: 600 12px var(--mono); letter-spacing: .16em; text-transform: uppercase; margin-bottom: 10px; } .piede a { display: block; text-decoration: none; padding: 4px 0; } .piede a:hover { color: var(--ar2); } .piede .marchio { color: var(--ink); display: flex; }
.fine { display: flex !important; justify-content: space-between; align-items: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--velo); } .su { background: none; border: 0; color: var(--muto); } .su:hover { color: var(--ar2); }
.luce { position: fixed; inset: 0; z-index: 80; background: #0a0705f2; display: grid; place-items: center; padding: 20px; cursor: zoom-out; animation: appare .2s; } .luce[hidden] { display: none; } .luce img { max-width: 100%; max-height: 90vh; border-radius: 12px; }
.luce button { position: absolute; top: 14px; right: 18px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--linea); font-size: 26px; line-height: 1; } @keyframes appare { from { opacity: 0; } }
.mostra { opacity: 0; transform: translateY(26px); transition: opacity .7s, transform .7s cubic-bezier(.2, .7, .2, 1); } .mostra.vista { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } .mostra { opacity: 1; transform: none; } .barra-tema i { width: var(--l); } html { scroll-behavior: auto; } }

/* --- aggiunte per WordPress --- */
body.admin-bar .testa { top: 32px; } @media (max-width: 782px) { body.admin-bar .testa { top: 46px; } }
.foglio { background: var(--crema); color: var(--scuro); border-radius: 24px; padding: clamp(20px, 4vw, 44px); margin-bottom: 80px; }
.foglio a { color: var(--ar-scuro); } .foglio h1, .foglio h2, .foglio h3 { color: var(--scuro); }
.foglio input, .foglio select, .foglio textarea { font: inherit; }
.pagina-wp { font-size: 18px; line-height: 1.7; color: var(--ink2); } .pagina-wp > * { max-width: 100%; }
.pagina-wp h1, .pagina-wp h2, .pagina-wp h3, .pagina-wp h4 { margin: 1.6em 0 .5em; } .pagina-wp h2 { font-size: clamp(26px, 3.4vw, 38px); }
.pagina-wp h2::before { content: ""; display: block; width: 44px; height: 3px; background: var(--ar); border-radius: 2px; margin-bottom: 14px; }
.pagina-wp img { border-radius: 16px; height: auto; } .pagina-wp li::marker { color: var(--ar); } .pagina-wp a { color: var(--ar2); }
.pagina-wp .wp-block-gallery img, .pagina-wp .wp-block-image img { cursor: zoom-in; }
.wp-block-button__link, .wp-element-button, .pagina-wp .button, .foglio .button, .foglio button[type=submit] { display: inline-flex; align-items: center; text-decoration: none; font-weight: 600; font-size: 15px; padding: 13px 22px; border-radius: 999px; border: 0;
  background: var(--ar) !important; color: #1d0f04 !important; transition: transform .18s, box-shadow .18s; cursor: pointer; }
.wp-block-button__link:hover, .wp-element-button:hover { transform: translateY(-2px); box-shadow: 0 10px 28px #ff7a1a55; }
.pagina-wp .wp-block-woocommerce-single-product, .pagina-wp .woocommerce, .pagina-wp .wc-block-components-product-price { color: inherit; }
.pagina-wp .wp-block-woocommerce-single-product { background: var(--crema); color: var(--scuro); border-radius: 24px; padding: clamp(18px, 3vw, 34px); margin-top: 40px; }
.pagina-wp .wp-block-woocommerce-single-product a { color: var(--ar-scuro); } .pagina-wp .wp-block-woocommerce-single-product h1, .pagina-wp .wp-block-woocommerce-single-product h2::before { display: none; }
.commenti { font-family: var(--tit); margin-top: 60px; } .commenti .foglio { margin-bottom: 0; } .commenti ol { list-style: none; padding: 0; } .commenti textarea, .commenti input[type=text], .commenti input[type=email], .commenti input[type=url] { width: 100%; padding: 10px; border: 1px solid #1d140d40; border-radius: 10px; background: #fff; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.alignwide { max-width: 100%; } .aligncenter { margin-inline: auto; text-align: center; }

/* ultimo articolo in apertura */
.ultimo-eti { display: flex; align-items: center; gap: 10px; font: 600 12px var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--ar2); margin: 0 0 12px; }
.ultimo-eti span { width: 9px; height: 9px; border-radius: 50%; background: var(--ar); box-shadow: 0 0 0 0 #ff7a1a88; animation: battito 2s infinite; }
@keyframes battito { 70% { box-shadow: 0 0 0 10px #ff7a1a00; } 100% { box-shadow: 0 0 0 0 #ff7a1a00; } }
.ultimo-scheda { display: block; background: var(--pan); border-radius: 22px; overflow: hidden; text-decoration: none; box-shadow: 0 30px 80px var(--ombra), inset 0 0 0 1px #ffffff1a; transition: transform .25s ease-out, box-shadow .25s; }
.ultimo-scheda:hover { box-shadow: 0 30px 80px var(--ombra), inset 0 0 0 1px var(--ar); }
.ultimo-scheda .foto { aspect-ratio: 16/9; } .ultimo-scheda:hover .foto img { transform: scale(1.05); }
.ultimo-scheda .corpo { padding: 20px 22px 22px; gap: 10px; } .ultimo-scheda b { font-size: clamp(20px, 2.2vw, 26px); line-height: 1.2; letter-spacing: -.02em; }
.ultimo-scheda .bott { align-self: flex-start; margin: 6px 0 0; }

/* --- revisione 1.1: testi e pagine più ordinati --- */
.prosa p, .pagina-wp p { margin: 0 0 1.15em; } .prosa > p:first-of-type { font-size: 1.12em; color: var(--ink); }
.prosa h4, .pagina-wp h4 { font-family: var(--tit); font-size: 19px; margin: 1.6em 0 .4em; color: var(--ar2); }
.prosa hr, .pagina-wp hr { border: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--riga), transparent); margin: 44px 0; }
.prosa strong { color: var(--ink); } .prosa ul, .prosa ol { padding-left: 1.2em; }
.prosa span[style], .pagina-wp span[style] { color: inherit !important; font-family: inherit !important; font-size: inherit !important; }
.prosa .wp-block-gallery, .pagina-wp .wp-block-gallery { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 30px 0; }
.prosa .wp-block-gallery figure, .pagina-wp .wp-block-gallery figure { margin: 0 !important; width: auto !important; } .prosa .wp-block-gallery img, .pagina-wp .wp-block-gallery img { width: 100%; aspect-ratio: 4/3; object-fit: cover; margin: 0; transition: transform .4s; }
.pagina-wp .wp-block-gallery figure { overflow: hidden; border-radius: 16px; } .pagina-wp .wp-block-gallery figure:hover img { transform: scale(1.05); }
.pagina-wp .wp-block-image { margin: 28px 0; } .pagina-wp .wp-block-image img { max-height: 620px; width: auto; max-width: 100%; margin-inline: auto; }
.wp-block-media-text { display: grid; gap: 28px; align-items: center; margin: 30px 0; } @media (min-width: 720px) { .wp-block-media-text { grid-template-columns: minmax(0, 300px) 1fr; } }
.wp-block-media-text__media { margin: 0; } .wp-block-media-text__media img { border-radius: 20px; width: 100%; max-height: 460px; object-fit: cover; } .wp-block-media-text__content p { font-size: 1.1em; }
.wp-block-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.pagina-wp ul { list-style: none; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } .pagina-wp ul li { background: var(--pan); border-radius: 12px; padding: 12px 14px; box-shadow: inset 0 0 0 1px var(--velo); }
.pagina-wp ul li::before { content: "▸ "; color: var(--ar); }
.pagina-wp .wp-block-woocommerce-single-product ul { display: block; } .pagina-wp .wp-block-woocommerce-single-product ul li { background: none; box-shadow: none; padding: 0; } .pagina-wp .wp-block-woocommerce-single-product ul li::before { content: none; }
.conlato.rovescio .lato .tendina:not(:first-child) { } @media (max-width: 959px) { .conlato.rovescio .lato { order: 0; } .conlato.rovescio .lato .tendina:nth-child(n+2), .conlato.rovescio #copia { display: none; } .conlato.rovescio .lato .tendina:first-child:not(:has(.indice)) { display: none; } }

/* --- 1.2: pagina del telescopio --- */
.schema { margin: 0; } .schema svg { width: 100%; background: #0d0912cc; border-radius: 22px; box-shadow: inset 0 0 0 1px var(--linea); } .schema figcaption { font-size: 13.5px; color: #d9cfe6; margin-top: 10px; }
.raggi { animation: scorre-luce 1.4s linear infinite; } @keyframes scorre-luce { to { stroke-dashoffset: -26; } }
.cielo .indietro { color: #d9cfe6; }
.setup { min-width: 0; font-size: 18px; color: var(--ink2); } .setup > h2 { font-size: clamp(26px, 3.4vw, 38px); margin: 64px 0 18px; } .setup > h2:first-child { margin-top: 0; }
.setup > h2::before { content: ""; display: block; width: 44px; height: 3px; background: var(--ar); border-radius: 2px; margin-bottom: 14px; }
.pezzo { background: var(--pan); border-radius: 22px; padding: clamp(18px, 3vw, 28px); margin: 18px 0; box-shadow: inset 0 0 0 1px var(--linea); transition: box-shadow .25s; } .pezzo:hover { box-shadow: inset 0 0 0 1px #ff7a1a88; }
.pezzo-testa { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .pezzo-n { font: 600 13px var(--mono); color: var(--ar); } .prezzo { margin-left: auto; font: 700 15px var(--mono); color: #1d0f04; background: var(--ar2); padding: 5px 12px; border-radius: 999px; }
.pezzo h3 { font-size: clamp(22px, 2.6vw, 28px); margin: 12px 0 8px; } .pezzo p { margin: 0 0 12px; }
.pro-contro { display: grid; gap: 12px; margin: 14px 0; } @media (min-width: 700px) { .pro-contro { grid-template-columns: 1fr 1fr; } }
.pro, .contro { border-radius: 16px; padding: 16px 18px; font-size: 16px; } .pro { background: #46b9ab1a; box-shadow: inset 0 0 0 1px #46b9ab66; } .contro { background: #ff5b451a; box-shadow: inset 0 0 0 1px #ff5b4566; }
.pro > b, .contro > b { display: block; font: 700 12px var(--mono); letter-spacing: .16em; text-transform: uppercase; margin-bottom: 8px; } .pro > b { color: #7fe0d3; } .contro > b { color: #ff9a8a; }
.pro ul, .contro ul { margin: 0; padding-left: 1.1em; } .pro li, .contro li { margin: 6px 0; } .pro li::marker { color: #7fe0d3; } .contro li::marker { color: #ff9a8a; } .pro p, .contro p { margin: 0; }
.consiglio { background: #ffc2471a; border-left: 3px solid var(--sole); border-radius: 0 14px 14px 0; padding: 14px 16px; font-size: 16px; } .consiglio b { color: var(--sole); }
.elenco { padding-left: 1.1em; } .elenco li { margin: 8px 0; } .elenco li::marker { color: var(--ar); }
.bott.amazon { margin-top: 6px; font-size: 14px; padding: 10px 18px; }
.due-pezzi { display: grid; gap: 0 18px; } @media (min-width: 760px) { .due-pezzi { grid-template-columns: 1fr 1fr; } }
.calcolo { background: linear-gradient(150deg, #2a1a10, #17100c); border-radius: 24px; padding: clamp(20px, 3vw, 32px); margin: 30px 0; box-shadow: inset 0 0 0 1px #ff7a1a55; } .calcolo h3 { margin: 0 0 8px; font-size: 28px; }
.filtri { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0; } .filtri button { background: var(--velo); border: 0; box-shadow: inset 0 0 0 1px var(--linea); border-radius: 999px; padding: 10px 16px; font-size: 15px; min-height: 42px; } .filtri button.on { background: var(--ar); color: #1d0f04; font-weight: 700; box-shadow: none; }
.interr { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; font-size: 16px; } .interr input, .conto input { width: 20px; height: 20px; accent-color: var(--ar); }
.esito { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 18px 0 10px; } .esito div { background: #0f0b09; border-radius: 16px; padding: 16px; } .esito b { display: block; font-size: clamp(34px, 6vw, 54px); letter-spacing: -.03em; line-height: 1; color: var(--ar2); font-variant-numeric: tabular-nums; } .esito span { font-size: 13px; color: var(--muto); }
.calcolo-nota { font-size: 15.5px; margin: 0; min-height: 3em; }
.app { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); } .app div { background: var(--pan); border-radius: 18px; padding: 18px; box-shadow: inset 0 0 0 1px var(--linea); } .app b { display: block; font-size: 21px; margin: 12px 0 6px; } .app p { font-size: 15px; color: var(--muto); margin: 0; }
.conto { background: var(--crema); color: var(--scuro); border-radius: 22px; padding: 10px 22px 0; margin: 18px 0; overflow: hidden; }
.conto label { display: grid; grid-template-columns: 26px 1fr auto; gap: 10px; align-items: center; padding: 14px 0; border-bottom: 1px dashed #1d140d33; cursor: pointer; font-size: 16.5px; } .conto em { font: 600 15px var(--mono); font-style: normal; } .conto label:has(input:not(:checked)) span, .conto label:has(input:not(:checked)) em { opacity: .4; text-decoration: line-through; }
.totale { display: flex; justify-content: space-between; align-items: baseline; margin: 0 -22px; padding: 18px 22px; background: var(--ar); color: #1d0f04; font-weight: 700; } .totale b { font-size: 30px; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.consigli { list-style: none; padding: 0; counter-reset: c; display: grid; gap: 12px; } .consigli li { counter-increment: c; display: grid; grid-template-columns: 56px 1fr; gap: 4px 14px; background: var(--pan); border-radius: 18px; padding: 18px; box-shadow: inset 0 0 0 1px var(--linea); }
.consigli li::before { content: counter(c); grid-row: 1 / 3; font-size: 44px; font-weight: 800; line-height: 1; color: var(--ar); letter-spacing: -.04em; } .consigli b { font-size: 19px; line-height: 1.25; } .consigli span { font-size: 16px; color: var(--muto); }
.piccolo { font-size: 13.5px; color: var(--muto); }
.indice a { text-align: left; }

/* --- 1.3: astronomia modificabile da WordPress --- */
.t-astronomia { background: #b9a2ff; }
.eroe.basso { padding: 64px 0 44px; } .eroe.basso h1 { font-size: clamp(38px, 6vw, 72px); }
.attacco { font-size: clamp(19px, 2.2vw, 23px); color: var(--ink); }
.setup .schema { max-width: 520px; margin: 26px 0; }
.setup h2.wp-block-heading { font-size: clamp(26px, 3.4vw, 38px); margin: 64px 0 18px; } .setup h2.wp-block-heading::before { content: ""; display: block; width: 44px; height: 3px; background: var(--ar); border-radius: 2px; margin-bottom: 14px; }
.wp-block-group.pezzo { margin: 18px 0; } .pezzo > *:last-child { margin-bottom: 0; }
.pezzo-riga { font: 600 12px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ar); display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0 !important; }
.pezzo-riga strong { font: 700 15px var(--mono); letter-spacing: 0; color: #1d0f04; background: var(--ar2); padding: 5px 12px; border-radius: 999px; }
.wp-block-columns.pro-contro { gap: 12px; } .wp-block-column.pro > p:first-child strong, .wp-block-column.contro > p:first-child strong { font: 700 12px var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.wp-block-column.pro > p:first-child strong { color: #7fe0d3; } .wp-block-column.contro > p:first-child strong { color: #ff9a8a; } .wp-block-column.pro > p:first-child, .wp-block-column.contro > p:first-child { margin-bottom: 8px; }
.consiglio strong:first-child { color: var(--sole); }
.setup ul.wp-block-list { padding-left: 1.1em; } .setup ul.wp-block-list li { margin: 8px 0; } .setup ul.wp-block-list li::marker { color: var(--ar); }
.wp-block-button.amazon .wp-block-button__link { background: var(--velo) !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1px var(--linea); font-size: 14px; padding: 10px 18px; } .wp-block-button.amazon .wp-block-button__link::after { content: " ↗"; margin-left: 6px; }
ol.consigli li { display: block; padding-left: 78px; position: relative; font-size: 16px; color: var(--muto); } ol.consigli li::before { position: absolute; left: 18px; top: 16px; } ol.consigli li strong { display: block; font-size: 19px; color: var(--ink); line-height: 1.25; margin-bottom: 4px; }
.galleria-cielo .wp-block-gallery { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } .galleria-cielo figcaption { position: static !important; background: none !important; color: var(--muto) !important; font-size: 13px !important; text-align: left !important; padding: 8px 2px 0 !important; }
.galleria-cielo .wp-block-gallery figure { overflow: visible; } .galleria-cielo .wp-block-gallery img { border-radius: 16px; }
@media (max-width: 959px) { .conlato.rovescio .lato { order: -1; } }

/* --- 1.4: carrello in testata, negozio leggibile --- */
.testa .w { justify-content: flex-start; } .testa nav { margin-left: auto; }
.carrello { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--ink); text-decoration: none; order: 3; transition: background .2s, color .2s; } .carrello:hover { background: var(--linea); color: var(--ar2); }
.carrello-n { position: absolute; top: 3px; right: 1px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 10px; background: var(--ar); color: #1d0f04; font: 700 11px/19px var(--mono); text-align: center; } .carrello-n.vuoto { display: none; }
@media (max-width: 860px) { .carrello { margin-left: auto; order: 0; } .testa nav { margin-left: 0; } }
/* nel foglio chiaro tutto il testo è scuro, anche quello che i plugin scrivono pensando a un fondo scuro */
.foglio, .foglio p, .foglio span, .foglio label, .foglio li, .foglio td, .foglio th, .foglio div, .foglio strong, .foglio small, .foglio h4, .foglio h5, .foglio legend, .foglio dt, .foglio dd { color: var(--scuro); }
.foglio .wp-block-button__link, .foglio .wp-element-button, .foglio .button, .foglio button[type=submit], .foglio .wc-block-components-button, .foglio .wc-block-components-button span, .foglio .wc-block-components-button div { color: #1d0f04 !important; }
.foglio .wc-block-components-button:not(.is-link) { background: var(--ar) !important; border-radius: 999px; font-weight: 600; }
.foglio a { color: var(--ar-scuro); } .foglio a span { color: inherit; }
.foglio input:not([type=checkbox]):not([type=radio]), .foglio select, .foglio textarea { color: var(--scuro) !important; background-color: #fff !important; }
/* messaggi "paga a rate" (Klarna e simili): se il testo è in un riquadro che non posso colorare, gli do un fondo scuro così resta leggibile */
.foglio [id*="payment-method-message"], .foglio [class*="payment-method-messag"], .foglio [class*="bnpl"] { background: var(--scuro); border-radius: 14px; padding: 12px 16px; margin: 6px 0; }
.foglio [id*="payment-method-message"] *, .foglio [class*="payment-method-messag"] *, .foglio [class*="bnpl"] * { color: var(--crema) !important; }

/* --- 1.5: il cielo di oggi --- */
.cielo-oggi { background: linear-gradient(#0a0710, #17111c); }
.luna-griglia { display: grid; gap: 28px; align-items: start; } @media (min-width: 900px) { .luna-griglia { grid-template-columns: minmax(0, 420px) 1fr; } }
.luna-scheda { background: var(--velo); border-radius: 24px; padding: 24px; box-shadow: inset 0 0 0 1px var(--linea); text-align: center; }
#luna-vera { width: min(300px, 80%); height: auto; aspect-ratio: 1; filter: drop-shadow(0 0 34px #fff3d033); }
.luna-testo { margin: 0 0 14px; } .luna-testo b { display: block; font-size: 30px; letter-spacing: -.02em; line-height: 1.1; } .luna-testo span { color: var(--ar2); font: 600 15px var(--mono); }
.luna-scheda .scheda-dati { text-align: left; } .luna-scheda .scheda-dati dd { text-align: right; }
.pianeti { display: grid; gap: 10px; }
.pianeta { display: grid; grid-template-columns: 52px 1fr; gap: 14px; align-items: center; background: var(--pan); border-radius: 16px; padding: 12px 14px; box-shadow: inset 0 0 0 1px var(--linea); }
.pianeta b { font-size: 19px; display: block; line-height: 1.2; } .pianeta em { display: block; font: 600 12.5px var(--mono); font-style: normal; color: var(--ar2); margin: 2px 0; } .pianeta span { font-size: 14px; color: var(--muto); }
.pianeta.spento { opacity: .55; } .pianeta.spento .disco { filter: grayscale(.8); }
.disco { display: block; width: 44px; height: 44px; border-radius: 50%; position: relative; box-shadow: inset -7px -5px 12px var(--ombra); justify-self: center; }
.p-Mercurio { background: radial-gradient(circle at 35% 30%, #cfc6ba, #7d756c); width: 26px; height: 26px; } .p-Venere { background: radial-gradient(circle at 35% 30%, #fff3cf, #d9b56a); width: 38px; height: 38px; }
.p-Marte { background: radial-gradient(circle at 35% 30%, #ff9a6a, #a8411f); width: 32px; height: 32px; } .p-Giove { background: repeating-linear-gradient(8deg, #e6c9a0 0 6px, #b98a5e 6px 10px, #f0dcc0 10px 15px, #a8744a 15px 18px); }
.p-Saturno { background: linear-gradient(#ead9a8, #c9ab6e); width: 34px; height: 34px; } .p-Saturno::after { content: ""; position: absolute; left: -11px; right: -11px; top: 12px; height: 10px; border: 3px solid #d9c38a; border-radius: 50%; transform: rotate(-16deg); box-shadow: 0 0 0 1px #7a6a40; }
.p-Urano { background: radial-gradient(circle at 35% 30%, #d3f6f6, #6fbfc4); width: 30px; height: 30px; } .p-Nettuno { background: radial-gradient(circle at 35% 30%, #a9c4ff, #3b5fcf); width: 30px; height: 30px; }
.eventi { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.evento { display: grid; grid-template-columns: 62px 1fr auto; gap: 14px; align-items: center; background: var(--pan); border-radius: 16px; padding: 12px 16px; box-shadow: inset 0 0 0 1px var(--linea); border-left: 4px solid var(--muto); }
.evento time { text-align: center; font: 600 12px var(--mono); text-transform: uppercase; color: var(--muto); } .evento time b { display: block; font: 800 28px/1 var(--tit); color: var(--ink); letter-spacing: -.03em; }
.evento div b { display: block; font-size: 18px; line-height: 1.25; } .evento div span { font-size: 14px; color: var(--muto); } .evento em { font: 12px var(--mono); font-style: normal; color: var(--ar2); white-space: nowrap; }
.e-pianeta { border-left-color: var(--ar); } .e-incontro { border-left-color: var(--sole); } .e-meteore { border-left-color: var(--petrolio); } .e-luna { border-left-color: #b9a2ff; }
@media (max-width: 560px) { .evento { grid-template-columns: 52px 1fr; } .evento em { grid-column: 2; } }

/* --- 1.6: pubblico --- */
.partecipa { font-family: var(--tit); margin-top: 60px; padding: clamp(20px, 3vw, 30px); border-radius: 22px; background: linear-gradient(150deg, #2a1a10, #17100c); box-shadow: inset 0 0 0 1px #ff7a1a55; }
.partecipa h3 { font-size: 28px; margin: 0 0 6px; } .partecipa p { font-size: 16.5px; margin: 0 0 6px; color: var(--ink2); } .partecipa .eti { color: var(--ar); }
.condividi { display: flex; flex-wrap: wrap; gap: 8px; } .condividi .voce.pill { background: var(--velo); color: var(--ink); font-family: var(--tit); cursor: pointer; } .condividi .voce.pill:hover { box-shadow: inset 0 0 0 1px var(--ar); color: var(--ar2); }
.iscriviti { font-family: var(--tit); display: grid; gap: 18px 30px; align-items: center; margin-top: 30px; padding: clamp(20px, 3vw, 30px); border-radius: 22px; background: var(--crema); color: var(--scuro); } @media (min-width: 760px) { .iscriviti { grid-template-columns: 1fr 1fr; } }
.iscriviti h3 { font-size: 26px; margin: 0 0 6px; color: var(--scuro); } .iscriviti p { margin: 0; font-size: 16px; color: #5c4b3a; } .iscriviti .eti { color: var(--ar-scuro); }
.iscriviti-modulo, .iscriviti-modulo * { color: var(--scuro); } .iscriviti-modulo form { margin: 0 !important; padding: 0 !important; background: none !important; }
.iscriviti-modulo input[type=email], .iscriviti-modulo input[type=text] { width: 100% !important; padding: 13px 16px !important; border: 1px solid #1d140d40 !important; border-radius: 999px !important; background: #fff !important; font: inherit; }
.iscriviti-modulo input[type=submit], .iscriviti-modulo button { width: auto !important; background: var(--ar) !important; color: #1d0f04 !important; border: 0 !important; border-radius: 999px !important; padding: 13px 24px !important; font: 600 15px var(--tit) !important; cursor: pointer; margin-top: 8px; }
.comunita { display: grid; gap: 16px; } @media (min-width: 820px) { .comunita { grid-template-columns: repeat(3, 1fr); } }
.com-scheda { display: flex; flex-direction: column; gap: 8px; background: #fff; border-radius: 20px; padding: 24px; box-shadow: 0 10px 30px #1d140d12; } .com-scheda i { font: 600 13px var(--mono); font-style: normal; color: var(--ar-scuro); } .com-scheda b { font-size: 24px; letter-spacing: -.02em; } .com-scheda > span { color: #5c4b3a; font-size: 15.5px; }
.com-scheda .bott { align-self: flex-start; margin-top: auto; } .com-lista { list-style: none; padding: 0; margin: 6px 0; font-size: 14.5px; } .com-lista li { padding: 7px 0; border-top: 1px dashed #1d140d2e; } .com-lista a { color: var(--scuro); text-decoration: none; } .com-lista a:hover { color: var(--ar-scuro); }
/* forum bbPress sul foglio chiaro */
.forum #bbpress-forums { font-size: 15px; } .forum #bbpress-forums a { color: var(--ar-scuro); } .forum #bbpress-forums ul.bbp-forums, .forum #bbpress-forums ul.bbp-topics, .forum #bbpress-forums ul.bbp-replies { border-radius: 14px; overflow: hidden; border-color: #1d140d26; }
.forum #bbpress-forums li.bbp-header, .forum #bbpress-forums li.bbp-footer { background: var(--scuro); color: var(--crema); } .forum #bbpress-forums li.bbp-header *, .forum #bbpress-forums li.bbp-footer * { color: var(--crema); }
.forum #bbpress-forums .bbp-forum-title, .forum #bbpress-forums .bbp-topic-permalink { font-size: 18px; font-weight: 700; }
.forum #bbp_search { padding: 10px 14px; border: 1px solid #1d140d40; border-radius: 999px; min-width: 220px; } .forum fieldset.bbp-form { border-radius: 14px; border-color: #1d140d26; padding: 16px; }
.forum input[type=text], .forum input[type=password], .forum textarea, .forum select { border: 1px solid #1d140d40; border-radius: 10px; padding: 9px 12px; max-width: 100%; }
.piede .fine a { display: inline; }
.prosa a.bott, .setup a.bott { color: #1d0f04; text-decoration: none; } .prosa a.bott.due, .setup a.bott.due { color: var(--ink); } .prosa .voce.pill { text-decoration: none; }

/* --- 2.0: tema chiaro e caldo --- */
body { background-color: var(--bg); background-image: radial-gradient(#1d140d12 1.2px, transparent 1.2px); background-size: 24px 24px; }
.piede { background-color: #0f0b09; margin-top: 60px; border-top: 0; } .piede .marchio { color: var(--ink); }
.chiara { background: var(--sabbia); } .foglio { background: #fff; box-shadow: 0 20px 60px var(--ombra); }
.alone { background: radial-gradient(circle, #ff7a1a55, transparent 62%); }
.eroe:not(.cielo) h1, .capo h1, .sez h2 { color: var(--ink); }
.art, .tendina, .strada, .tappa, .pezzo, .app div, .consigli li, .pianeta, .evento, .ultimo-scheda, .vicini a, .apri-lato, .cerca input { box-shadow: inset 0 0 0 1px var(--linea), 0 6px 22px #1d140d0f; }
.art:hover { box-shadow: inset 0 0 0 1px var(--ar), 0 22px 50px var(--ombra); }
.bott.due { background: #fff; box-shadow: inset 0 0 0 1px #1d140d33; } .bott.due:hover { background: #fff; box-shadow: inset 0 0 0 1.5px var(--ar); }
.cielo .bott.due, .partecipa .bott.due, .piede .bott.due { background: var(--velo); box-shadow: inset 0 0 0 1px var(--linea); }
nav a:hover, nav a[aria-current] { background: #1d140d12; } nav a.negozio { color: #1d0f04; }
.nastro { background: #fff; border-color: var(--linea); }
.copertina span, .copertina b { color: #f7efe4; } .copertina small { color: #ffa24d; }
.vet { color: #fff; } .vet small, .vet u { color: #ffa24d; } .vet em { color: #f0e2d0; } .vet p { color: #d6c7b4; }
.cielo .sotto, .cielo .intro, .cielo .indietro { color: #dccfe0; } .cielo .eti { color: #ffa24d; }
.luna-box p, .luna-testo b { color: var(--ink); }
.pro { background: #46b9ab1f; } .contro { background: #ff5b4517; } .pro > b, .wp-block-column.pro > p:first-child strong { color: #1f7a6e; } .contro > b, .wp-block-column.contro > p:first-child strong { color: #b03a2a; } .pro li::marker { color: #1f7a6e; } .contro li::marker { color: #b03a2a; }
.consiglio { background: #ffc24733; } .consiglio b, .consiglio strong:first-child { color: #9a5b00; }
.nota { color: #7a4a00; background: #ffc24755; border-color: #b77a00; }
.pezzo-riga strong, .prezzo { background: var(--ar); }
.calcolo .filtri button { background: var(--velo); box-shadow: inset 0 0 0 1px var(--linea); color: var(--ink); } .calcolo .filtri button.on { background: var(--ar); color: #1d0f04; box-shadow: none; }
.filtri button { background: #fff; box-shadow: inset 0 0 0 1px var(--linea); color: var(--ink); }
.wp-block-button.amazon .wp-block-button__link { background: #fff !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1px #1d140d33; }
.partecipa p { color: var(--ink2); } .condividi .voce.pill { background: var(--velo); }
.luna-scheda { background: var(--velo); }
.indice a { border-left-color: var(--linea); } .scheda-dati div { border-bottom-color: var(--linea); }
.mini-art:hover, .voce:hover, .barra-tema:hover { background: #1d140d0d; }
.pagina-wp { color: var(--ink2); } .pagina-wp ul li { background: #fff; }
.iscriviti { background: #fff; box-shadow: 0 10px 40px var(--ombra); }
.testa { border-bottom-color: var(--linea); } .panino i { background: var(--ink); } .carrello { color: var(--ink); } .carrello:hover { background: #1d140d12; }
.progresso { box-shadow: 0 0 10px #ff7a1a88; }
.tag { color: #1d0f04; } .conteggio, .meta { color: var(--muto); }
.luce button { color: #fff; }
.forum-guida { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-bottom: 14px; }
.forum-guida > div { background: #fff; border-radius: 18px; padding: 18px; display: flex; flex-direction: column; gap: 6px; box-shadow: inset 0 0 0 1px var(--linea), 0 6px 22px #1d140d0f; }
.forum-guida i { font: 800 30px/1 var(--tit); font-style: normal; color: var(--ar); } .forum-guida b { font-size: 19px; } .forum-guida span { font-size: 14.5px; color: var(--muto); }
.forum-azioni { display: flex; flex-wrap: wrap; gap: 6px; } .forum-azioni .bott { margin: 6px 0 0; padding: 9px 16px; font-size: 14px; } .forum-ok { color: #1f7a6e !important; font-weight: 600; }
.forum-regole { font-size: 15px; color: var(--muto); margin: 0 0 22px; }
.forum #bbpress-forums .bbp-topic-form, .forum #bbpress-forums .bbp-reply-form { margin-top: 26px; } .forum #bbpress-forums fieldset.bbp-form legend { font: 700 20px var(--tit); padding: 0 8px; }
.forum #bbpress-forums div.bbp-template-notice, .forum #bbpress-forums div.indicator-hint { border-radius: 12px; background: #ffc24733; border-color: #b77a00; }
.forum #bbpress-forums .bbp-submit-wrapper button, .forum #bbpress-forums #bbp_search_submit { background: var(--ar); color: #1d0f04; border: 0; border-radius: 999px; padding: 11px 22px; font-weight: 600; cursor: pointer; }

/* --- pagina SFuture --- */
.token { display: grid; gap: 18px; align-items: start; } @media (min-width: 900px) { .token { grid-template-columns: 1.2fr 1fr; } }
.token-dati { margin: 0; background: #fff; border-radius: 22px; padding: 8px 22px; box-shadow: inset 0 0 0 1px var(--linea), 0 6px 22px #1d140d0f; display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
.token-dati div { padding: 14px 0; border-bottom: 1px dashed var(--linea); } .token-dati .largo { grid-column: 1 / -1; border-bottom: 0; } .token-dati dt { font: 600 11px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muto); margin-bottom: 4px; } .token-dati dd { margin: 0; font-weight: 600; font-size: 17px; }
.token-dati code { display: block; font: 14px var(--mono); background: var(--pan2); padding: 10px 12px; border-radius: 10px; overflow-wrap: anywhere; margin-bottom: 8px; font-weight: 400; }
.token-dati .voce.pill { display: inline-flex; cursor: pointer; background: #fff; }
.vivo { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #1f9d6b; margin-right: 8px; box-shadow: 0 0 0 0 #1f9d6b88; animation: battito-verde 2s infinite; } @keyframes battito-verde { 70% { box-shadow: 0 0 0 9px #1f9d6b00; } 100% { box-shadow: 0 0 0 0 #1f9d6b00; } }
.token-link { display: grid; gap: 10px; } .token-link a { position: relative; display: block; text-decoration: none; background: #fff; border-radius: 18px; padding: 16px 48px 16px 18px; box-shadow: inset 0 0 0 1px var(--linea), 0 6px 22px #1d140d0f; transition: transform .2s, box-shadow .2s; }
.token-link a:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1.5px var(--ar), 0 14px 30px var(--ombra); } .token-link b { display: block; font-size: 18px; } .token-link span { font-size: 14px; color: var(--muto); } .token-link i { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-style: normal; font-size: 20px; color: var(--ar); }
.chiara .pro, .chiara .contro { background: #fff; } .pro > b, .contro > b { font-size: 13px; }
.rischi { margin-top: 22px; border-radius: 18px; padding: 18px 20px; background: #ff5b4514; box-shadow: inset 0 0 0 1px #b03a2a66; } .rischi b { color: #b03a2a; font-size: 18px; } .rischi p { margin: 6px 0 0; font-size: 16px; color: var(--ink2); }
.moneta { animation-duration: 22s; }

/* testi arancioni piccoli: più scuri sul chiaro, così si leggono */
.eti, .strada i, .strada em, .pezzo-n, .pezzo-riga, .leggi, .ultimo-eti, .tendina summary, .tappa time, .vicini small, .evento em, .pianeta em, .forum-guida i, .token-link i, .carat i, .com-scheda i, .indice a.qui, .luna-testo span, .trio small { color: var(--eti); }
.cielo .eti { color: #ffa24d; } .chiara .eti { color: var(--eti); }
.schema figcaption { color: var(--muto); } .cielo .schema figcaption { color: #d9cfe6; }
.indietro { color: var(--muto); } .prosa a { color: var(--eti); } .pagina-wp a { color: var(--eti); }
.voce.on { background: #ff7a1a22; } .numeri span { color: var(--muto); }
.tappa.solo { display: block; } .tappa.solo time { display: block; margin-bottom: 4px; } .tappa.solo b { display: block; margin-bottom: 4px; }
.com-scheda i { text-transform: uppercase; letter-spacing: .12em; font-size: 11px; }
/* copertine: tutte in 16:9, intere, nello stesso formato ovunque */
.foto, .art.grande .foto, .ultimo-scheda .foto, .tappa .foto { aspect-ratio: 16 / 9; min-height: 0; }
.foto img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 700px) { .art.grande { align-items: center; } .art.grande .foto { aspect-ratio: 16 / 9; min-height: 0; } }
.copert { width: 100%; height: auto; max-height: none; aspect-ratio: 16 / 9; object-fit: cover; }
.copertina img { aspect-ratio: 16 / 9; }
.mini-art img { width: 80px; height: 45px; }

/* --- 2.1: fine articolo --- */
.partecipa { font-family: var(--tit); margin-top: 64px; padding: clamp(22px, 3vw, 34px); border-radius: 26px; background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1px var(--linea), 0 20px 60px #1d140d14; --bg: #f8f1e6; --pan: #fff; --pan2: #f1e6d5; --ar2: #e0600a; --ombra: #1d140d26; --ink: #1d140d; --ink2: #3b2d20; --muto: #6b5a48; --linea: #1d140d1c; --velo: #1d140d0d; --eti: #b84c08; }
.partecipa h3 { font-size: clamp(26px, 3vw, 34px); margin: 0 0 4px; color: var(--ink); } .partecipa-testa p:last-child { margin: 0; color: var(--muto); font-size: 16px; }
.reazioni { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 20px 0 26px; } @media (max-width: 560px) { .reazioni { grid-template-columns: repeat(2, 1fr); } }
.reazione { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 14px 8px 12px; border: 0; border-radius: 18px; background: var(--bg); box-shadow: inset 0 0 0 1px var(--linea); cursor: pointer; transition: transform .15s, box-shadow .2s, background .2s; }
.reazione:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1.5px var(--ar); } .reazione .emoji { font-size: 34px; line-height: 1.2; transition: transform .25s cubic-bezier(.3, 1.6, .5, 1); } .reazione:hover .emoji { transform: scale(1.18) rotate(-6deg); }
.reazione .nome { font-size: 13px; color: var(--muto); } .reazione b { font: 700 18px var(--mono); color: var(--ink); }
.reazione[aria-pressed="true"] { background: #ff7a1a1f; box-shadow: inset 0 0 0 2px var(--ar); } .reazione[aria-pressed="true"] b { color: var(--eti); }
.reazione.scoppio .emoji { animation: scoppio .6s; } @keyframes scoppio { 30% { transform: scale(1.6) rotate(10deg); } 60% { transform: scale(.9); } }
.partecipa-griglia { display: grid; gap: 22px; } @media (min-width: 760px) { .partecipa-griglia { grid-template-columns: 1.5fr 1fr; } }
.partecipa .eti { margin-bottom: 10px; } .partecipa-azioni { display: flex; flex-direction: column; align-items: flex-start; } .partecipa-azioni .bott { margin: 0 0 10px; }
.condividi { display: flex; flex-wrap: wrap; gap: 8px; }
.rete { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 8px; border-radius: 999px; border: 0; background: var(--bg); box-shadow: inset 0 0 0 1px var(--linea); color: var(--ink) !important; text-decoration: none !important; font: 600 14px var(--tit); cursor: pointer; transition: transform .15s, box-shadow .2s; }
.rete:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1.5px currentColor, 0 8px 18px #1d140d14; }
.rete span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; color: #fff; font: 800 13px var(--tit); background: #6b5a48; }
.r-whatsapp span { background: #25d366; } .r-telegram span { background: #229ed9; } .r-x span { background: #111; } .r-facebook span { background: #1877f2; } .r-linkedin span { background: #0a66c2; } .r-threads span { background: #000; } .r-bluesky span { background: #1185fe; } .r-reddit span { background: #ff4500; } .r-pinterest span { background: #e60023; } .r-email span { background: #b84c08; } .r-copia span, .r-sistema span { background: var(--ar); color: #1d0f04; }
.leggi-anche { margin-top: 56px; font-family: var(--tit); } .griglia.tre { grid-template-columns: 1fr; } @media (min-width: 700px) { .griglia.tre { grid-template-columns: repeat(3, 1fr); } } .leggi-anche .art .estr { display: none; }
.commenti .foglio { box-shadow: inset 0 0 0 1px var(--linea), 0 20px 60px #1d140d14; } .commenti h3, .commenti #reply-title, .commenti .wpd-thread-head { font-family: var(--tit); }
#wpdcom { font-family: var(--tit) !important; max-width: 100% !important; } #wpdcom .wpd-thread-head { border-bottom-color: var(--ar) !important; }

/* --- 2.2: barra azioni, condividi frase, contatori --- */
.barra-azioni { position: fixed; z-index: 40; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom)); transform: translate(-50%, 160%); display: flex; gap: 4px; padding: 6px; border-radius: 999px; background: #1d140df0; backdrop-filter: blur(10px); box-shadow: 0 14px 40px #1d140d55; transition: transform .35s cubic-bezier(.2, .8, .2, 1); font-family: var(--tit); }
.barra-azioni.vista { transform: translate(-50%, 0); }
.barra-azioni > * { position: relative; display: flex; align-items: center; gap: 7px; padding: 9px 15px; border: 0; border-radius: 999px; background: none; color: #f7efe4 !important; text-decoration: none !important; font-size: 14.5px; cursor: pointer; transition: background .2s; } .barra-azioni > *:hover { background: #ffffff18; }
.barra-azioni b { font-weight: 600; font-variant-numeric: tabular-nums; } .ba-icona { font-size: 18px; line-height: 1; }
.ba-cuore .ba-icona { color: #ffb4a8; } .ba-cuore[aria-pressed="true"] .ba-icona { color: #ff4d5e; } .ba-cuore[aria-pressed="true"] { background: #ff4d5e22; }
.ba-cuore.batte .ba-icona { animation: batti .55s cubic-bezier(.3, 1.6, .5, 1); } @keyframes batti { 35% { transform: scale(1.7); } 70% { transform: scale(.9); } }
.scintilla { position: absolute; left: 24px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: #ff7a1a; pointer-events: none; animation: scintilla .7s ease-out forwards; } .scintilla:nth-child(odd) { background: #ff4d5e; }
@keyframes scintilla { from { transform: rotate(var(--a)) translateX(0); } to { transform: rotate(var(--a)) translateX(34px) scale(.2); opacity: 0; } }
@media (max-width: 480px) { .barra-azioni > * { padding: 9px 11px; } .ba-condividi b, .ba-forum b { display: none; } }
.foglio-condividi { position: fixed; inset: 0; z-index: 70; background: #1d140d66; display: grid; place-items: end center; padding: 16px; animation: appare .2s; } .foglio-condividi[hidden] { display: none; }
.foglio-condividi > div { width: min(560px, 100%); background: #fff; border-radius: 24px; padding: 22px; box-shadow: 0 30px 80px #1d140d55; animation: sale-su .3s cubic-bezier(.2, .8, .2, 1); --bg: #f8f1e6; --ink: #1d140d; --linea: #1d140d1c; } @keyframes sale-su { from { transform: translateY(40px); opacity: 0; } }
@media (min-width: 700px) { .foglio-condividi { place-items: center; } } .chiudi-foglio { margin-top: 14px; border: 0; background: none; color: var(--muto); font: 600 14px var(--tit); cursor: pointer; }
.frase-condividi { position: absolute; z-index: 60; display: flex; align-items: center; gap: 4px; padding: 6px; border-radius: 14px; background: #1d140d; box-shadow: 0 10px 30px #1d140d55; font: 600 13px var(--tit); } .frase-condividi[hidden] { display: none; }
.frase-condividi span { color: #ffa24d; padding: 0 6px; } .frase-condividi a, .frase-condividi button { color: #f7efe4 !important; text-decoration: none !important; padding: 6px 10px; border-radius: 9px; border: 0; background: none; cursor: pointer; font: inherit; } .frase-condividi a:hover, .frase-condividi button:hover { background: #ffffff1c; }
.piede-scheda { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; padding-top: 6px; } .piede-scheda .leggi { margin: 0; padding: 0; } .contatori { display: flex; gap: 10px; font-size: 13px; color: var(--muto); } .contatori span { white-space: nowrap; }
.forum-nota { display: block; margin: 0 0 16px; }