/* Pagina "Il buono, da vicino": riusa base, header, bottoni e footer di styles.css */
.gc-nav a:not(.btn){font-size:12px;font-weight:550}
.gc-nav a:not(.btn):hover{color:var(--orange)}
.site-header .gc-nav>a.btn{padding:11px 16px}

.gc-intro{padding-top:40px;padding-bottom:44px}
.gc-intro .eyebrow{margin-bottom:18px}
.gc-intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end}
.gc-intro h1{font-size:clamp(50px,6.2vw,88px);margin:0}
.gc-intro-grid>p{font-size:15px;color:#515154;max-width:420px;margin:0 0 8px}

/* Studio: banco di lavoro + pannello */
.gc-studio{display:grid;grid-template-columns:1.75fr 1fr;gap:44px;align-items:start;padding-bottom:90px}
.gc-left{background:#ebeaf0;border-radius:10px;padding:60px 44px 26px}
.gc-stage-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;flex-wrap:wrap}
.gc-stage-actions .btn{font-size:12px;min-height:44px;padding:11px 16px;gap:16px}
.gc-toggle{border:0;background:transparent;font-size:12px;color:var(--muted);padding:10px 0;border-bottom:1px solid currentColor}
.gc-toggle b{font-weight:650;color:var(--ink)}

/* Temi: colori, motivo, codice QR */
.gc-stage{--g-bg:#b4532f;--g-fg:#fbf1e7;--g-acc:#f3c3a0;--g-stub:#a64b29;--g-qr:#3b1a0e;--g-qrbg:#fbf1e7;--g-pop:.38;--g-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='black' stroke-width='1.1'%3E%3Ccircle cx='100' cy='100' r='14'/%3E%3Ccircle cx='100' cy='100' r='26'/%3E%3Ccircle cx='100' cy='100' r='38'/%3E%3Ccircle cx='100' cy='100' r='50'/%3E%3Ccircle cx='100' cy='100' r='62'/%3E%3Ccircle cx='100' cy='100' r='74'/%3E%3Ccircle cx='100' cy='100' r='86'/%3E%3Ccircle cx='100' cy='100' r='98'/%3E%3C/g%3E%3C/svg%3E");--g-psize:86cqw;--g-ppos:14cqw -9cqw;--g-prep:no-repeat}
.gc-stage[data-theme=forno]{--g-bg:#f6c9d2;--g-fg:#3d1c24;--g-acc:#c94a5e;--g-stub:#f0b8c5;--g-qr:#3d1c24;--g-qrbg:#fff7f9;--g-pop:.32;--g-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='1.3'/%3E%3C/svg%3E");--g-psize:2.4cqw;--g-ppos:0 0;--g-prep:repeat}
.gc-stage[data-theme=respiro]{--g-bg:#23413a;--g-fg:#e9efe6;--g-acc:#a8c9a0;--g-stub:#1d3731;--g-qr:#162b26;--g-qrbg:#e9efe6;--g-pop:.3;--g-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M0 6Q10 0 20 6T40 6' fill='none' stroke='black' stroke-width='.9'/%3E%3C/svg%3E");--g-psize:8cqw 2.6cqw;--g-ppos:0 0;--g-prep:repeat}
.gc-stage[data-theme=pagine]{--g-bg:#1d1d1f;--g-fg:#f6f5f8;--g-acc:#0076df;--g-stub:#29292c;--g-qr:#1d1d1f;--g-qrbg:#f6f5f8;--g-pop:.55;--g-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' preserveAspectRatio='none'%3E%3Cpath d='M0 9.6H10' stroke='black' stroke-width='.5'/%3E%3C/svg%3E");--g-psize:100% 3.4cqw;--g-ppos:0 0;--g-prep:repeat}

/* Il buono: tutte le misure in cqw, scala con il contenitore */
.gc-stage{position:relative;container-type:inline-size;aspect-ratio:1.72;perspective:2200px}
.gc-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.1,.2,1)}
.gc-flip[data-side=back]{transform:rotateY(180deg)}
.gc{position:absolute;inset:0;border-radius:2.4cqw;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1.2cqw 1.6cqw #1d1d1f1f,0 4cqw 7cqw #1d1d1f24;transition:background .4s,color .4s}
.gc-front{display:grid;grid-template-columns:1fr 27%;background:var(--g-bg);color:var(--g-fg)}
.gc-pattern{position:absolute;inset:0 27% 0 0;background:var(--g-acc);opacity:var(--g-pop);-webkit-mask:var(--g-pattern) var(--g-ppos)/var(--g-psize) var(--g-prep);mask:var(--g-pattern) var(--g-ppos)/var(--g-psize) var(--g-prep);transition:background .4s}
.gc-main{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:5cqw 5cqw 4.6cqw;min-width:0}
.gc-brand{display:flex;align-items:center;gap:2cqw}
.gc-brand b{display:block;font-size:3.8cqw;font-weight:700;font-stretch:85%;letter-spacing:-.02em;line-height:1}
.gc-brand small{display:block;font-size:max(9px,1.65cqw);letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin-top:.7cqw}
.gc-logo{display:grid;place-items:center;flex-shrink:0;width:7.4cqw;height:7.4cqw;border:max(1px,.25cqw) solid currentColor;border-radius:50%}
.gc-logo svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gc-label{font-size:max(9px,1.55cqw);font-weight:650;letter-spacing:.18em;text-transform:uppercase;margin:0 0 1cqw;color:var(--g-acc)}
.gc-stage[data-theme=pagine] .gc-label{color:#7fb8ef}
.gc-value{display:flex;align-items:flex-start;gap:1cqw;margin:0;font-size:22cqw;font-weight:700;font-stretch:75%;letter-spacing:-.045em;line-height:.8}
.gc-cur{font-size:6.4cqw;font-weight:400;font-stretch:100%;letter-spacing:0;margin-top:1.6cqw}
.gc-value.is-text{font-size:7.6cqw;line-height:.92;letter-spacing:-.03em;white-space:pre-line}
.gc-message{max-width:44cqw}
.gc-message p{margin:0}
.gc-to{font-size:max(11px,2.2cqw);font-weight:650}
.gc-ded{font-size:max(12px,2.7cqw);font-stretch:90%;line-height:1.2;margin:.6cqw 0 .8cqw!important;overflow-wrap:anywhere}
.gc-from{font-size:max(10px,1.9cqw);opacity:.85}

.gc-stub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqw;background:var(--g-stub);border-left:max(1px,.22cqw) dashed color-mix(in srgb,var(--g-fg) 45%,transparent);padding:4cqw 3cqw;text-align:center;transition:background .4s}
.gc-stub:before,.gc-stub:after{content:"";position:absolute;left:-2.2cqw;width:4.4cqw;height:4.4cqw;border-radius:50%;background:#ebeaf0}
.gc-stub:before{top:-2.2cqw}.gc-stub:after{bottom:-2.2cqw}
.gc-stub p{margin:0}
.gc-num{font-size:max(9px,1.5cqw);letter-spacing:.12em;opacity:.8}
.gc-qr{width:15.5cqw;height:15.5cqw;padding:1.1cqw;background:var(--g-qrbg);color:var(--g-qr);border-radius:1cqw;transition:background .4s}
.gc-qr rect{fill:currentColor}
.gc-code{font-size:max(9px,1.45cqw);font-weight:650;letter-spacing:.08em}
.gc-valid{font-size:max(9px,1.45cqw);line-height:1.35;opacity:.85}
.gc-valid b{font-weight:650}

/* Retro */
.gc-back{transform:rotateY(180deg);display:grid;grid-template-columns:1fr 34%;background:var(--g-fg);color:var(--g-bg)}
.gc-stage[data-theme=forno] .gc-back{background:#3d1c24;color:#f6c9d2}
.gc-back-main{padding:5cqw;display:flex;flex-direction:column;justify-content:center}
.gc-back-title{font-size:4.4cqw;font-weight:700;font-stretch:80%;letter-spacing:-.03em;margin:0 0 3cqw;line-height:1}
.gc-back ol{list-style:none;padding:0;margin:0;display:grid;gap:3cqw;counter-reset:s}
.gc-back li{display:grid;grid-template-columns:4.4cqw 1fr;column-gap:1.6cqw;font-size:max(10px,1.75cqw);line-height:1.35;counter-increment:s}
.gc-back li:before{content:counter(s);grid-row:1/3;display:grid;place-items:center;width:4.4cqw;height:4.4cqw;border-radius:50%;border:max(1px,.22cqw) solid currentColor;font-weight:650;font-size:max(10px,1.8cqw)}
.gc-back li b{font-size:max(11px,2.1cqw);font-weight:650}
.gc-back li span{opacity:.82}
.gc-back-side{display:flex;flex-direction:column;justify-content:center;gap:1.8cqw;padding:4cqw 3.4cqw;border-left:max(1px,.22cqw) dashed currentColor}
.gc-back-side p{margin:0;font-size:max(10px,1.6cqw);line-height:1.4}
.gc-back-side b{font-size:max(12px,2.4cqw);font-weight:700}
.gc-logo-back{width:6.4cqw;height:6.4cqw}
.gc-terms{opacity:.75;font-size:max(9px,1.3cqw)!important}
.gc-made{opacity:.55;font-size:max(9px,1.2cqw)!important;letter-spacing:.04em}

/* Note numerate */
.gc-pin{position:absolute;left:var(--x);top:var(--y);z-index:5;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;font-size:12px;font-weight:650;border:2px solid #fff;box-shadow:0 3px 10px #1d1d1f40;transform:translate(-50%,-50%);transition:opacity .25s,transform .2s;pointer-events:none}
.gc-pin.is-active{transform:translate(-50%,-50%) scale(1.3)}
.gc-stage[data-pins=off] .gc-pin,.gc-stage.is-back .gc-pin{opacity:0}

/* Pannello */
.gc-panel fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}
.gc-panel legend,.gc-panel .field-label{font-size:11px;font-weight:600;margin-bottom:10px;display:block}
.gc-themes>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gc-themes button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:transparent;border-radius:6px;padding:11px 12px;font-size:13px;font-weight:650;min-height:52px;transition:border-color .2s,background .2s}
.gc-themes button:hover{border-color:#b9b8c0}
.gc-themes button[aria-pressed=true]{background:#fff;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.gc-themes i{grid-row:1/3;width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #1d1d1f22}
.gc-themes small{font-size:10px;font-weight:400;color:var(--muted)}
.gc-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:22px}
.gc-panel .field-label{margin-bottom:16px}
.gc-field-wide{grid-column:1/-1}
.gc-panel input,.gc-panel textarea{font-size:13px;background:#fff}
.gc-legend{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.gc-legend li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:8px 10px 8px 6px;border-radius:6px;cursor:default;transition:background .2s}
.gc-legend li.is-active{background:#e7f0fb}
.gc-legend li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-weight:650;margin-top:1px}
.gc-legend p{margin:0;font-size:12px;line-height:1.45;color:#515154}
.gc-legend b{display:block;font-size:13px;font-weight:650;color:var(--ink)}

/* Formati e chiusura */
.gc-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:90px}
.gc-formats>div{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:16px}
.gc-formats span{font-size:22px;line-height:1;color:var(--orange);width:26px;flex-shrink:0}
.gc-formats p{margin:0;font-size:13px;line-height:1.6;color:#515154}
.gc-formats b{display:block;font-size:16px;font-weight:650;color:var(--ink);margin-bottom:4px}
.gc-cta{border-top:1px solid var(--line);text-align:center;padding-top:70px;padding-bottom:80px}
.gc-cta h2{font-size:64px;margin:0 auto 22px}
.gc-cta>p{font-size:14px;color:#515154;margin:0 0 26px}
.gc-cta .gc-disclaimer{font-size:10px;color:var(--muted);margin:22px 0 0}

@media(max-width:1100px){.gc-studio{grid-template-columns:1fr;gap:36px}.gc-left{padding:56px 48px 26px}.gc-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.gc-panel>fieldset,.gc-fields{grid-column:1}.gc-legend{grid-column:2;grid-row:1/3}}
@media(max-width:800px){.gc-intro-grid{grid-template-columns:1fr;gap:20px}.gc-panel{display:block}.gc-formats{gap:24px}.gc-cta h2{font-size:52px}}
@media(max-width:620px){
  .site-header .gc-nav{display:flex;position:static;flex-direction:row;align-items:center;padding:0;background:none;border:0;box-shadow:none;gap:0}
  .gc-nav .btn{display:none}
  .gc-nav a:not(.btn){font-size:12px;min-height:0}
  .gc-intro{padding-top:20px;padding-bottom:30px}
  .gc-intro h1{font-size:clamp(44px,12.5vw,60px)}
  .gc-intro-grid>p{font-size:14px}
  .gc-left{padding:34px 16px 18px;margin-inline:-6px}
  .gc-stage{aspect-ratio:1.45}
  .gc-value{font-size:20cqw}
  .gc-message{max-width:56cqw}
  .gc-stub{gap:2cqw}.gc-qr{width:17cqw;height:17cqw}
  .gc-pin{width:22px;height:22px;font-size:11px}
  .gc-brand b{font-size:max(14px,3.8cqw)}
  .gc-code{font-size:max(8px,1.45cqw);letter-spacing:.02em}
  .gc-stage-actions{margin-top:34px}
  .gc-formats{grid-template-columns:1fr;padding-bottom:60px}
  .gc-cta{padding-top:54px;padding-bottom:56px}.gc-cta h2{font-size:44px}
}