:root{ --bg1:#07162a; --bg2:#0a2340; --gold:rgba(219,175,55,0.88); --goldSoft:rgba(219,175,55,0.35); --goldLine:rgba(219,175,55,0.22); --text:rgba(245,248,255,0.92); --muted:rgba(245,248,255,0.72); --panel:rgba(10,26,46,0.55); --panel2:rgba(10,26,46,0.35); --radius:14px; --shadow: 0 12px 30px rgba(0,0,0,0.28); } *{box-sizing:border-box} html,body{height:100%} margin:0; color:var(--text); font-family: ui-serif, Georgia, "Times New Roman", serif; background: radial-gradient(1200px 600px at 30% 10%, rgba(255,255,255,0.10), transparent 60%), radial-gradient(900px 520px at 75% 20%, rgba(219,175,55,0.10), transparent 55%), linear-gradient(180deg, var(--bg2), var(--bg1)); } a{color:inherit; text-decoration:none} .page-wrapper{min-height:100%; display:flex; flex-direction:column} .top-bar{ display:flex; align-items:center; justify-content:space-between; padding:18px 22px 10px; gap:14px; } .brand-block{display:flex; align-items:center; gap:14px; min-width:260px} .brand-logo-circle{ width:44px; height:44px; border-radius:50%; border:1px solid var(--goldSoft); display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.18); box-shadow: 0 10px 22px rgba(0,0,0,0.22); } .brand-logo-circle span{color:var(--gold); font-weight:700; letter-spacing:0.5px} .brand-title{color:var(--gold); font-weight:700; letter-spacing:0.9px} .brand-subtitle{color:var(--muted); font-size:12.5px; letter-spacing:0.6px; margin-top:2px} .top-nav{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end} .nav-link{ font-size:12px; letter-spacing:0.9px; padding:8px 10px; border:1px solid transparent; border-radius:10px; } .nav-link:hover{border-color:var(--goldLine); background:rgba(0,0,0,0.15)} .nav-link.active{border-color:var(--goldSoft); background:rgba(0,0,0,0.18)} .frame{ margin:14px 22px 0; border:1px solid var(--goldSoft); border-radius:var(--radius); background:linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.08)); box-shadow: var(--shadow); flex:1; } .frame-inner{padding:22px} .page-title{ margin:0 0 10px; color:var(--gold); font-size:28px; letter-spacing:0.4px; } .page-lead{margin:0 0 18px; color:var(--muted); line-height:1.6; max-width:980px} .panel{ border:1px solid var(--goldLine); border-radius:14px; background:linear-gradient(180deg, var(--panel), var(--panel2)); padding:16px 16px 14px; margin:14px 0; } .panel-title{ margin:0 0 10px; font-size:16px; letter-spacing:0.6px; color:rgba(255,255,255,0.92); } .text-block{margin:0 0 10px; color:var(--muted); line-height:1.75} .qactions{margin-top:12px; display:flex; flex-wrap:wrap; gap:8px} .btn{ display:inline-block; padding:8px 10px; border-radius:12px; border:1px solid var(--goldSoft); background:rgba(0,0,0,0.14); font-size:12px; letter-spacing:0.8px; } .btn:hover{background:rgba(0,0,0,0.22)} .info-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px} @media (max-width:720px){.info-grid{grid-template-columns:1fr}} .info-card{border:1px solid rgba(255,255,255,0.10); border-radius:12px; background:rgba(0,0,0,0.12); padding:12px} .info-label{font-size:12px; color:var(--muted); letter-spacing:0.5px; margin-bottom:6px} .info-value{line-height:1.6; color:rgba(245,248,255,0.90)} .info-value.strong{font-weight:700; color:var(--text)} .two-col{display:grid; grid-template-columns:1fr 1fr; gap:14px} @media (max-width:980px){ .top-bar{flex-direction:column; align-items:flex-start} .two-col{grid-template-columns:1fr} } .site-footer{padding:14px 22px 18px} .footer-line{ border-top:1px solid rgba(255,255,255,0.08); padding-top:10px; color:rgba(245,248,255,0.72); font-size:12px; letter-spacing:0.3px; text-align:center; }/* GBWTC Supply Chain Graphics */ .gbwtc-sc{ max-width:1100px; margin:28px auto; padding:0 16px; } .gbwtc-sc__title{ font-size:1.35rem; line-height:1.25; margin:0 0 10px 0; } .gbwtc-sc__lead{ margin:0 0 16px 0; opacity:.9; max-width:900px; } .gbwtc-sc__figure{ margin:16px 0 0; border-radius:16px; overflow:hidden; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); box-shadow:0 10px 30px rgba(0,0,0,.25); } .gbwtc-sc__figure img{ display:block; width:100%; height:auto; margin-left:auto; margin-right:auto; } } .gbwtc-sc__cap{ font-size:.9rem; opacity:.85; padding:10px 12px 12px; } @media (min-width:900px){ .gbwtc-sc__figure--secondary{ max-width: 1100px; /* uguale al container */ margin-left: auto; margin-right: auto; opacity: .98; }/* TEST VISIVO – deve vedersi */ .legal-page { background: rgba(255, 0, 0, 0.05) !important; } } } }