@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:#080808;--surface:#111;--surface2:#1a1a1a;--border:#2a2a2a;
  --text:#e0e0e0;--muted:#555;--ad-bg:#0d0d0d;--ad-border:#1e1e1e;
  --accent:#ffb347;--link:#88aaff;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;display:flex;flex-direction:column;}
a{color:var(--link);text-decoration:none;}
a:hover{text-decoration:underline;}

/* HEADER */
header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;position:sticky;top:0;z-index:200;}
.logo{font-family:'Space Mono',monospace;font-size:15px;font-weight:700;color:#fff;letter-spacing:-0.02em;text-decoration:none;}
a.logo:hover{text-decoration:none;color:#fff;}
.logo span{color:var(--accent);}
nav{display:flex;gap:22px;align-items:center;}
nav a{font-size:13px;color:#666;transition:color 0.2s;}
nav a:hover,nav a.active{color:#ccc;text-decoration:none;}
@media(max-width:600px){nav{gap:14px;}nav a{font-size:12px;}}

/* MAIN LAYOUT */
main{flex:1;}
.page-wrap{width:100%;max-width:800px;margin:0 auto;padding:40px 24px 80px;}
.page-wrap.wide{max-width:1200px;}

/* AD SLOTS — apenas em páginas com conteúdo editorial */
.ad-slot{width:100%;background:var(--ad-bg);border:1px solid var(--ad-border);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px;padding:12px;border-radius:8px;margin:28px 0;}
.ad-label{font-size:9px;color:#333;text-align:center;letter-spacing:0.1em;text-transform:uppercase;display:block;margin-bottom:6px;font-family:'Space Mono',monospace;}

/* ARTICLE / CONTENT PAGES */
.article h1{font-size:26px;font-weight:700;color:#ddd;margin-bottom:8px;line-height:1.3;}
.article .meta{font-size:12px;color:#444;font-family:'Space Mono',monospace;margin-bottom:32px;}
.article h2{font-size:18px;font-weight:600;color:#aaa;margin:32px 0 12px;}
.article h3{font-size:15px;font-weight:600;color:#888;margin:24px 0 10px;}
.article p,.article li{font-size:15px;color:#777;line-height:1.8;margin-bottom:14px;}
.article ul,.article ol{padding-left:22px;margin-bottom:16px;}
.article strong{color:#bbb;}
.article .lead{font-size:17px;color:#999;line-height:1.7;margin-bottom:24px;}
.article .tip{background:var(--surface2);border-left:3px solid var(--accent);padding:16px 20px;border-radius:0 10px 10px 0;margin:24px 0;}
.article .tip p{margin-bottom:0;color:#888;}

/* GUIDES INDEX */
.guides-hero{text-align:center;padding:48px 24px 32px;max-width:640px;margin:0 auto;}
.guides-hero h1{font-size:28px;color:#ddd;margin-bottom:12px;}
.guides-hero p{font-size:15px;color:#666;line-height:1.7;}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:0 24px 60px;max-width:1200px;margin:0 auto;}
.guide-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color 0.2s,transform 0.15s;color:inherit;text-decoration:none;display:block;}
.guide-card:hover{border-color:#444;transform:translateY(-2px);text-decoration:none;color:inherit;}
.guide-card h2{font-size:16px;color:#ccc;margin-bottom:10px;}
.guide-card p{font-size:13px;color:#555;line-height:1.65;margin-bottom:14px;}
.guide-card .read-more{font-size:12px;color:var(--accent);font-family:'Space Mono',monospace;}

/* HOME INTRO */
.home-intro{max-width:720px;margin:0 auto;padding:32px 24px 0;text-align:center;}
.home-intro h1{font-size:24px;color:#ddd;margin-bottom:10px;}
.home-intro p{font-size:14px;color:#666;line-height:1.7;margin-bottom:8px;}
.home-intro .cta-link{display:inline-block;margin-top:12px;font-size:13px;color:var(--accent);}

.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:24px;}
.info-card{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:18px;}
.info-card h3{font-size:14px;font-weight:600;margin-bottom:7px;color:#ccc;}
.info-card p{font-size:13px;color:#555;line-height:1.65;}

.guides-teaser{margin-top:32px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px;}
.guides-teaser h2{font-size:17px;color:#bbb;margin-bottom:16px;}
.guides-teaser ul{list-style:none;padding:0;}
.guides-teaser li{margin-bottom:10px;}
.guides-teaser a{font-size:14px;color:#777;}
.guides-teaser a:hover{color:#ccc;}

.content-row{width:100%;max-width:1200px;margin:0 auto;padding:28px 24px 48px;}
.home-main{width:100%;display:flex;flex-direction:column;gap:28px;}
.home-main .app-card{width:100%;max-width:520px;margin:0 auto;}
.home-main .info-grid,
.home-main .guides-teaser,
.home-main .ad-slot{width:100%;max-width:720px;margin-left:auto;margin-right:auto;}

/* FOOTER */
footer{background:var(--surface);border-top:1px solid var(--border);padding:32px 24px;flex-shrink:0;margin-top:auto;}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start;}
.footer-brand p{font-size:12px;color:#444;margin-top:8px;max-width:260px;line-height:1.6;}
.footer-links{display:flex;flex-direction:column;gap:9px;}
.footer-links strong{font-size:11px;color:#444;letter-spacing:0.05em;}
.footer-links a{font-size:12px;color:#555;}
.footer-links a:hover{color:#aaa;text-decoration:none;}
.footer-copy{width:100%;border-top:1px solid var(--border);padding-top:18px;margin-top:8px;font-size:11px;color:#333;font-family:'Space Mono',monospace;text-align:center;}

/* COOKIE BANNER */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:16px 24px;z-index:500;display:none;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}
#cookie-banner.show{display:flex;}
#cookie-banner p{font-size:13px;color:#666;max-width:600px;line-height:1.5;}
#cookie-banner a{color:var(--link);}
#cookie-accept{background:#fff;color:#000;border:none;padding:10px 22px;border-radius:50px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;}
#cookie-accept:hover{background:#eee;}

.hidden{display:none!important;}