/* ARC RAIDERS PORTAL - Tema Speranza */
:root{
  --rust:#C2512F; --ember:#FF6B35; --sand:#D9B08C; --steel:#2C2F33; --void:#121417; --haze:#6B7B8A;
  --bg:#0F1113; --card:#1A1E22; --line:#23282E;
}
*{box-sizing:border-box; margin:0; padding:0}
body{font-family:'Inter',sans-serif; background:var(--bg); color:#E8EEF2; line-height:1.5}
a{color:var(--ember); text-decoration:none}
.container{max-width:1180px; margin:0 auto; padding:0 20px}
.narrow{max-width:760px}

/* TOP BAR */
.top-bar{background:#1A1E22; border-bottom:1px solid var(--line); color:var(--haze); font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:1px; padding:6px 20px; display:flex; justify-content:space-between}
.top-bar span:first-child{color:#4ECDC4}

/* HEADER */
.site-header{background:rgba(18,20,23,0.95); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:50}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 0; flex-wrap:wrap}
.logo{display:flex; align-items:center; gap:10px; color:#fff}
.logo-icon{font-size:28px; color:var(--ember)}
.logo-text{font-family:'Orbitron',sans-serif; font-weight:800; font-size:20px; letter-spacing:1px}
.logo-text span{color:var(--ember)}
.logo-sub{font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--haze); border:1px solid var(--line); padding:2px 6px; letter-spacing:2px}
.main-nav{display:flex; gap:22px; font-family:'JetBrains Mono',monospace; font-size:13px; text-transform:uppercase; letter-spacing:1px}
.main-nav a{color:#9AA8B5; transition:.2s}
.main-nav a:hover{color:var(--ember)}
.header-actions{display:flex; gap:10px; align-items:center}
.search-form{display:flex; background:var(--card); border:1px solid var(--line); border-radius:4px; overflow:hidden}
.search-form input{background:transparent; border:0; color:#fff; padding:8px 12px; outline:none; width:180px; font-size:13px}
.search-form button{background:var(--line); border:0; color:#fff; padding:8px 12px; cursor:pointer}
.btn{font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:1px; text-transform:uppercase; padding:9px 18px; border-radius:4px; border:1px solid transparent; cursor:pointer; transition:.2s; font-weight:700; display:inline-block}
.btn-ember{background:var(--ember); color:var(--void); border-color:var(--ember)}
.btn-ember:hover{background:#e65a2a; color:var(--void)}
.btn-outline{border-color:var(--line); color:#fff; background:transparent}
.btn-outline:hover{border-color:var(--ember); color:var(--ember)}
.btn:focus-visible{outline:2px solid #fff; outline-offset:2px; box-shadow:0 0 0 3px rgba(255,107,53,0.4)}
.btn-lg{padding:12px 26px; font-size:13px}
/* Acessibilidade - Footer CTA contraste AA */
.site-footer .btn-ember{color:var(--void) !important; font-weight:800; letter-spacing:1.2px}
.site-footer .footer-grid a.btn-ember{color:var(--void)}
.site-footer .btn-ember:hover{color:var(--void)}

/* HERO */
.hero{position:relative; background:linear-gradient(180deg, #1A1E22 0%, #0F1113 100%); overflow:hidden; border-bottom:1px solid var(--line); min-height:520px; display:flex; align-items:center}
.hero-carousel{position:relative; overflow:hidden; border-bottom:1px solid var(--line); min-height:520px; background:#1A1E22}
.hero-slides{position:relative; min-height:520px}
.hero-slide{position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 0.7s ease, transform 0.7s ease, visibility 0.7s; min-height:520px}
.hero-slide.active{opacity:1; visibility:visible; z-index:2}
.hero-slide.effect-fade{opacity:0}
.hero-slide.effect-fade.active{opacity:1}
.hero-slide.effect-slide{transform:translateX(40px); opacity:0}
.hero-slide.effect-slide.active{transform:translateX(0); opacity:1}
.hero-slide.effect-zoom{transform:scale(1.06); opacity:0}
.hero-slide.effect-zoom.active{transform:scale(1); opacity:1}
.hero-slide.effect-kenburns{transform:scale(1); opacity:0}
.hero-slide.effect-kenburns.active{opacity:1; animation:kenBurns 8s ease forwards}
@keyframes kenBurns{0%{transform:scale(1)}100%{transform:scale(1.08)}}
.hero-overlay{position:absolute; inset:0; background:radial-gradient(ellipse at 70% 30%, rgba(255,107,53,0.15) 0%, transparent 60%), linear-gradient(90deg, rgba(18,20,23,0.9) 40%, transparent 100%)}
.hero-content{position:relative; z-index:2; padding:60px 0; max-width:620px}
.hero-kicker{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:3px; color:var(--ember)}
.hero-title{font-family:'Orbitron',sans-serif; font-size:52px; line-height:0.95; margin:16px 0; font-weight:800}
.hero-title span{color:var(--ember); -webkit-text-stroke:1px var(--ember); color:transparent}
.hero-desc{color:#9AA8B5; font-size:16px; margin:18px 0 28px; line-height:1.6}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap}
.hero-stats{display:flex; gap:28px; margin-top:36px; border-top:1px solid var(--line); padding-top:22px}
.hero-stats div{display:flex; flex-direction:column}
.hero-stats strong{font-family:'Orbitron',sans-serif; font-size:22px; color:#fff}
.hero-stats span{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--haze); letter-spacing:1px; text-transform:uppercase}
.hero-arc{position:absolute; right:-20px; bottom:-20px; font-family:'Orbitron',sans-serif; font-size:180px; font-weight:800; color:rgba(255,107,53,0.04); line-height:1; pointer-events:none}
.hero-arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,0.18); background:rgba(15,17,19,0.6); backdrop-filter:blur(6px); color:#fff; font-size:28px; line-height:1; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:0.2s; user-select:none}
.hero-arrow:hover{background:var(--ember); border-color:var(--ember); transform:translateY(-50%) scale(1.06)}
.hero-prev{left:18px}
.hero-next{right:18px}
.hero-dots{position:absolute; bottom:18px; left:50%; transform:translateX(-50%); z-index:5; display:flex; gap:8px; align-items:center}
.hero-dot{width:26px; height:4px; border-radius:2px; border:0; background:rgba(255,255,255,0.28); cursor:pointer; transition:0.2s; padding:0}
.hero-dot.active{background:var(--ember); width:32px; box-shadow:0 0 8px rgba(255,107,53,0.6)}
.hero-dot:hover{background:rgba(255,255,255,0.5)}

/* CAT BAR */
.cat-bar{background:var(--card); border-bottom:1px solid var(--line)}
.cat-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; padding:18px 0}
.cat-card{background:var(--bg); border:1px solid var(--line); border-left:4px solid var(--cat); padding:16px; display:flex; flex-direction:column; gap:6px; transition:.2s}
.cat-card:hover{border-color:var(--cat); transform:translateY(-2px)}
.cat-icon{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--cat); letter-spacing:1px; text-transform:uppercase}
.cat-card strong{color:#fff; font-family:'Orbitron',sans-serif; font-size:13px}
.cat-card small{color:var(--haze); font-size:12px; line-height:1.4}

/* SECTION HEAD */
.section-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; border-bottom:1px solid var(--line); padding-bottom:12px}
.section-head h2{font-family:'Orbitron',sans-serif; font-size:18px; letter-spacing:1px}
.section-head h2 span{color:var(--ember)}
.section-head a{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--haze)}

/* GRID & CARDS */
.grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:18px}
.card{background:var(--card); border:1px solid var(--line); overflow:hidden; transition:.2s; display:flex; flex-direction:column}
.card:hover{border-color:var(--ember); transform:translateY(-3px)}
.card-img{height:170px; position:relative; overflow:hidden; background:#0F1113}
.card-img img{width:100%; height:100%; object-fit:cover}
.card-placeholder{height:100%; display:flex; align-items:center; justify-content:center; font-family:'Orbitron',sans-serif; letter-spacing:2px; color:#fff; font-size:12px}
.card-featured{position:absolute; top:10px; left:10px; background:var(--ember); color:#fff; font-family:'JetBrains Mono',monospace; font-size:10px; padding:4px 8px; letter-spacing:1px}
.card-body{padding:16px; flex:1; display:flex; flex-direction:column; gap:8px}
.badge{font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:1px; color:#fff; padding:3px 8px; border-radius:2px; width:fit-content}
.card-body h3{font-size:15px; line-height:1.3; color:#fff}
.card-body p{color:var(--haze); font-size:13px; line-height:1.5; flex:1}
.card-meta{display:flex; justify-content:space-between; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--haze); border-top:1px solid var(--line); padding-top:10px; margin-top:4px}

/* FEATURED */
.featured-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:18px}
.featured-card{background:var(--card); border:1px solid var(--line); overflow:hidden; transition:.2s}
.featured-card:hover{border-color:var(--ember)}
.featured-img{height:180px}
.featured-body{padding:16px}
.featured-body h3{font-size:16px; margin:8px 0}
.featured-body p{color:var(--haze); font-size:13px}

/* POST VIEW */
.post-view{padding:30px 0 50px}
.breadcrumb{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--haze); margin-bottom:18px}
.post-cover{width:100%; max-height:420px; object-fit:cover; border:1px solid var(--line); margin-bottom:18px}
.post-title{font-family:'Orbitron',sans-serif; font-size:34px; line-height:1.1; margin:14px 0 10px}
.post-meta{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--haze); margin-bottom:18px}
.post-excerpt{font-size:18px; color:var(--sand); border-left:3px solid var(--ember); padding-left:16px; margin:18px 0}
.post-content{font-size:15px; line-height:1.8; color:#D0D8DF}
.post-content h2,.post-content h3{font-family:'Orbitron',sans-serif; color:#fff; margin:22px 0 10px}
.post-content h1{font-family:'Orbitron',sans-serif; color:#fff; margin:26px 0 12px; font-size:26px}
.post-content p{margin:12px 0}
.post-content ul, .post-content ol{margin:12px 0 12px 22px; color:#D0D8DF}
.post-content a{color:var(--ember); text-decoration:underline}
.post-content img{max-width:100%; height:auto; border:1px solid var(--line); border-radius:4px; margin:16px 0; display:block}
.post-content figure{margin:18px 0}
.post-content figcaption{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--haze); text-align:center; margin-top:6px}
.post-content blockquote{border-left:3px solid var(--ember); padding:10px 16px; background:var(--card); color:#9AA8B5; margin:16px 0; font-style:italic}
.post-content table{width:100%; border-collapse:collapse; margin:16px 0}
.post-content table th, .post-content table td{border:1px solid var(--line); padding:8px 10px; text-align:left}
.post-content table th{background:var(--card); color:#fff; font-family:'JetBrains Mono',monospace; font-size:12px}
.post-content pre{background:var(--void); border:1px solid var(--line); padding:14px; overflow:auto; border-radius:4px; font-family:'JetBrains Mono',monospace; font-size:13px}
.post-content code{background:var(--void); padding:2px 6px; border-radius:2px; font-family:'JetBrains Mono',monospace; font-size:13px; border:1px solid var(--line)}
.post-content iframe{max-width:100%; width:100%; aspect-ratio:16/9; border:1px solid var(--line); margin:16px 0}

/* LORE CTA */
.lore-cta{background:linear-gradient(135deg, #1A1E22 0%, #121417 100%); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:50px 0}
.lore-inner{display:grid; grid-template-columns:1.6fr 0.8fr; gap:30px; align-items:center}
.lore-box{background:var(--bg); border:1px solid var(--line); padding:20px}
.lore-line{display:flex; justify-content:space-between; border-bottom:1px solid var(--line); padding:10px 0; font-family:'JetBrains Mono',monospace; font-size:12px}
.lore-line span{color:var(--haze)}
.lore-line:last-child{border:0}

/* FOOTER */
.site-footer{background:var(--card); border-top:3px solid var(--ember); margin-top:0}
.footer-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:26px; padding:40px 0}
.footer-grid h4{font-family:'Orbitron',sans-serif; font-size:12px; letter-spacing:1px; margin-bottom:12px; color:#fff}
.footer-grid ul{list-style:none}
.footer-grid li{margin:8px 0}
.footer-grid a{color:var(--haze); font-size:13px}
.footer-grid a:hover{color:var(--ember)}
.footer-desc{color:var(--haze); font-size:13px; line-height:1.6; max-width:340px}
.footer-bottom{background:var(--void); padding:14px 0; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--haze); letter-spacing:1px; border-top:1px solid var(--line)}

/* FLASH */
.flash{padding:12px 20px; font-family:'JetBrains Mono',monospace; font-size:13px; text-align:center}
.flash-success{background:#1B3A2E; color:#4ECDC4; border-bottom:1px solid #2A5A40}
.flash-error{background:#3A1B1B; color:#FF6B6B; border-bottom:1px solid #5A2A2A}

/* HEADER MOBILE - hamburger */
.nav-toggle{display:none; background:var(--card); border:1px solid var(--line); color:#fff; width:40px; height:40px; border-radius:6px; font-size:20px; align-items:center; justify-content:center; cursor:pointer}
@media(max-width:900px){
  .hero-title{font-size:38px}
  .lore-inner{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .header-inner{flex-direction:row; flex-wrap:wrap; align-items:center; gap:12px}
  .nav-toggle{display:flex}
  .main-nav{display:none; order:3; width:100%; flex-direction:column; gap:0; background:var(--card); border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:8px}
  .main-nav.open{display:flex}
  .main-nav a{padding:12px 16px; border-bottom:1px solid var(--line)}
  .main-nav a:last-child{border:0}
  .header-actions{order:2; flex:1; justify-content:flex-end}
  .search-form{flex:1; max-width:260px}
  .search-form input{width:100%; min-width:0}
}
/* RESPONSIVE */
@media(max-width:900px){
  .hero-carousel, .hero, .hero-slides, .hero-slide{min-height:420px}
  .hero-title{font-size:34px}
  .hero-desc{font-size:14px}
  .hero-stats{flex-wrap:wrap; gap:16px}
  .hero-arc{font-size:120px; right:-10px; bottom:-10px}
  .hero-arrow{width:36px; height:36px; font-size:22px}
  .hero-dots{bottom:12px}
}
@media(max-width:768px){
  .top-bar{flex-direction:column; gap:4px; text-align:center; padding:8px 12px}
  .top-bar span:last-child{font-size:10px}
  .cat-grid{grid-template-columns:repeat(2,1fr); gap:10px}
  .section-head{flex-direction:column; gap:8px; align-items:flex-start}
  .lore-cta{padding:32px 0}
  .footer-grid{gap:20px; padding:28px 0}
}
@media(max-width:600px){
  .grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .cat-grid{grid-template-columns:1fr}
  .hero-carousel, .hero, .hero-slides, .hero-slide{min-height:360px}
  .hero-title{font-size:28px; line-height:1.05}
  .hero-desc{display:none}
  .hero-stats{margin-top:18px; padding-top:14px}
  .hero-stats strong{font-size:18px}
  .hero-kicker{font-size:9px; letter-spacing:2px}
  .post-title{font-size:24px}
  .post-excerpt{font-size:15px}
  .container{padding:0 16px}
  .header-inner{padding:10px 0}
  .logo-text{font-size:16px}
}
@media(max-width:480px){
  .hero-carousel, .hero, .hero-slides, .hero-slide{min-height:320px}
  .hero-title{font-size:24px}
  .hero-arrow{display:none}
  .btn-lg{padding:10px 18px; font-size:12px}
  .search-form{max-width:100%}
}