/* Identidade visual Advogado dos Gamers */
:root { --accent: #DB162C; --accent-text: #C4122A; --danger: #B3001B; --surface-hover: #FDF4F5;
  --font-display: 'Anton', 'Arial Narrow', Impact, sans-serif;
  --font-body: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif; }
:root[data-theme="dark"] { --accent: #FF4D5E; --accent-text: #FF6B79; }
.q, .index-title, .row-title, .post-title, .post h2, .btn, .next, .brand, .art-title, .art-group h2, .deliver h3, .brand-name { font-weight: 400 !important; }
.q { font-size: clamp(34px, 8.6vw, 68px); line-height: 1; letter-spacing: 0.01em; }
.index-title { font-size: clamp(42px, 10vw, 80px); line-height: 1; letter-spacing: 0.01em; }
.post-title { font-size: clamp(34px, 7.6vw, 56px); line-height: 1.04; }
.row-title { font-size: clamp(26px, 6vw, 38px); line-height: 1.08; }
.art-title { font-size: clamp(20px, 4.2vw, 25px); line-height: 1.15; }
.btn, .next { letter-spacing: 0.06em; font-size: 16px; }
body { font-size: 15.5px; }
.eyebrow, .row-meta, .art-meta, .chip, .tab, .navlink, .phase, .ck-count, .back, .crumb, .kbd, .art-year, .key { letter-spacing: 0.08em; font-weight: 500; }
body { padding-left: 0 !important; padding-right: 0 !important; }
.wrap { box-sizing: border-box; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.topbar { background: var(--accent); color: #fff; }
.topbar a { color: #fff; }
.topbar .phase { color: rgba(255, 255, 255, 0.85); }
.topbar .brand:focus-visible, .topbar .navlink:focus-visible { outline-color: #fff; }
.brand { gap: 12px; letter-spacing: 0; }
.brand-mark { height: 48px; width: auto; display: block; flex: none; }
.brand-text { display: none; }
.topbar .hud { padding-block: 10px; }
.topbar .navlink { border: 1.5px solid rgba(255, 255, 255, 0.85); border-radius: 999px; padding: 11px 16px; color: #fff; opacity: 1; text-decoration: none; font-weight: 600; }
.topbar .navlink:hover { background: rgba(255, 255, 255, 0.14); text-decoration: none; }
.topbar .navlink.cta { display: inline-flex; align-items: center; gap: 9px; background: #fff; color: var(--accent-text); border-color: #fff; padding: 12px 18px; font-size: 13px; letter-spacing: 0.04em; text-transform: none; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); animation: cta-pulse 2.6s ease-in-out infinite; }
.topbar .navlink.cta:hover { background: #fff; transform: translateY(-1px); }
.topbar a.navlink.cta { color: var(--accent-text); }
.topbar .navlink.cta svg { width: 18px; height: 18px; fill: #25D366; flex: none; }
@keyframes cta-pulse { 0%, 100% { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22), 0 0 0 0 rgba(255, 255, 255, 0.55); } 50% { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22), 0 0 0 9px rgba(255, 255, 255, 0); } }
@media (prefers-reduced-motion: reduce) { .topbar .navlink.cta { animation: none; } }
@media (max-width: 380px) { .topbar .navlink.cta { padding: 11px 13px; font-size: 12px; } }
footer { margin-top: 8px; }