/* Theme Name: SetupMobile Author: SetupMobile Description: Tema editorial para reviews de gadgets: CPTs de review, nota rápida, duelo e guia de compra, com bancada de testes em CSS puro e zero dependência de plugin. Version: 1.3.0 License: GNU General Public License v2 or later Text Domain: volta */ /* ============ DESIGN SYSTEM ============ */ :root{ --bg:#0b0e13;--bg2:#0e131b;--panel:#131a24;--panel2:#161e2a;--line:#212c3b;--line2:#2d3b50; --text:#e9eef6;--muted:#8fa0b5;--dim:#5d6c82; --amber:#ffb020;--amber2:#ff8a00;--cyan:#41d6ff;--green:#3ddc84;--red:#ff6b6b;--pink:#ff7ad9; --t9:#3ddc84;--t8:#ffb020;--t7:#41d6ff;--tl:#ff6b6b; --display:'Unbounded',sans-serif;--body:'IBM Plex Sans',sans-serif;--mono:'IBM Plex Mono',monospace; --notch:clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%); --ease:cubic-bezier(.22,1,.36,1); } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden} ::selection{background:var(--amber);color:#151006} a{color:inherit;text-decoration:none} button{font-family:inherit;cursor:pointer} img{max-width:100%;height:auto} [hidden]{display:none!important} :focus-visible{outline:2px solid var(--cyan);outline-offset:3px} ::-webkit-scrollbar{width:11px;height:11px} ::-webkit-scrollbar-track{background:var(--bg2)} ::-webkit-scrollbar-thumb{background:#2a3648;border:3px solid var(--bg2);border-radius:8px} ::-webkit-scrollbar-thumb:hover{background:#3a4a63} .bg-grid,.bg-glow,.bg-noise{position:fixed;inset:0;pointer-events:none;z-index:-1} .bg-grid{background:linear-gradient(rgba(65,214,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(65,214,255,.028) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 90%)} .bg-glow{background:radial-gradient(700px 420px at 12% -6%,rgba(255,138,0,.09),transparent 65%),radial-gradient(760px 500px at 92% 30%,rgba(65,214,255,.07),transparent 65%),radial-gradient(600px 400px at 40% 105%,rgba(61,220,132,.05),transparent 65%)} .bg-noise{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")} .wrap{max-width:1200px;margin:0 auto;padding:0 24px} .progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;background:linear-gradient(90deg,var(--amber2),var(--amber),var(--cyan))} section{scroll-margin-top:88px} /* ============ HEADER ============ */ header#volta-header{position:sticky;top:0;z-index:100;background:rgba(11,14,19,.92);border-bottom:1px solid var(--line);transition:box-shadow .3s,background .3s} header#volta-header.scrolled{box-shadow:0 12px 34px rgba(0,0,0,.5);background:rgba(11,14,19,.98)} .hd{display:flex;align-items:center;gap:28px;height:68px;transition:height .3s} header.scrolled .hd{height:58px} .brand{display:flex;align-items:baseline;gap:9px;flex-shrink:0} .brand strong{font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:.04em} .brand .bolt{color:var(--amber);display:inline-block;animation:flicker 7s infinite} .brand small{font-family:var(--mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)} @keyframes flicker{0%,86%,92%,100%{opacity:1}88%,90%{opacity:.25}} /* MENU — funciona com o fallback