/* main.css - compiled-like stylesheet (light default). Paleta primária: #ff4300 */

/* Reset basics */
:root{
  --primary: #ff4300;
  --bg: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --card: #ffffff;
  --border: #e5e7eb;
}
.dark {
  --bg: #0b1220;
  --text: #e6eef8;
  --muted: #9aa6b2;
  --card: #071022;
  --border: #1f2937;
}

/* Base */
html,body{height:100%;}
body{background:#ffffff;; color:var(--text); font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; margin:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.container{max-width:1100px; margin:0 auto; padding:0 16px;}

/* Header */
.site-header{background:var(--bg); position:sticky; top:0; z-index:40;}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:18px 0; border-bottom:1px solid var(--border);}
.brand-link img.site-logo{height:48px;}
.site-nav .menu{display:flex; gap:14px; list-style:none; margin:0; padding:0;}
.site-nav .menu li a{color:var(--text); text-decoration:none; font-weight:600;}
.header-actions .dark-toggle{background:transparent;border:1px solid var(--border); padding:6px 8px; border-radius:6px; cursor:pointer;}

/* Layout */
.layout{display:grid; grid-template-columns: 1fr 320px; gap:28px; margin-top:20px;}
.content{grid-column:1;}
.sidebar-area{grid-column:2;}

/* Featured */
.featured{display:flex; gap:18px; align-items:flex-start;}
.featured-thumb{width:50%; height:320px; object-fit:cover; border-radius:6px;}
.featured-content{flex:1;}
.cat-badge{display:inline-block; color:#fff; padding:6px 10px; border-radius:4px; font-size:13px; margin-bottom:10px;}

/* Cards */
.grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:18px;}
.card{border:1px solid var(--border); border-radius:8px; overflow:hidden; background:var(--card);}
.card-thumb{width:100%; height:160px; object-fit:cover; display:block;}
.card-body{padding:12px;}
.card .cat{display:inline-block; padding:4px 8px; color:#fff; border-radius:4px; font-size:12px;}

/* Typography */
h1,h2,h3{color:var(--text); margin:8px 0;}
.excerpt{color:var(--muted);}

/* Carousel */
.swiper { width:100%; height:100%; }
.slide-thumb{width:100%; height:320px; object-fit:cover; border-radius:6px;}
.slide-title{font-size:20px; margin-top:8px; color:var(--text);}

/* Footer */
.site-footer{border-top:1px solid var(--border); padding:18px 0; margin-top:40px; color:var(--muted);}

/* Responsive */
@media(max-width:900px){
  .layout{grid-template-columns:1fr; padding-bottom:40px;}
  .featured-thumb{display:none;}
  .grid{grid-template-columns:1fr;}
}

/* Utility */
.text-primary{color:var(--primary);}
.btn-primary{background:var(--primary); color:#fff; padding:8px 12px; border-radius:6px; border:none;}