/*
Theme Name: Maxtrack Blog
Description: Front-end isolado do Radar Maxtrack.
Version: 1.0.0
*/
:root{--mx-orange:#f26522;--mx-blue:#009cff;--mx-ink:#111827;--mx-muted:#64748b;--mx-bg:#f5f7fa;--mx-card:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--mx-bg);color:var(--mx-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}
.mx-header{background:#0d1117;color:#fff;border-bottom:3px solid var(--mx-orange);position:sticky;top:0;z-index:10}
.mx-header-inner{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.mx-brand{font-weight:900;letter-spacing:.08em;text-decoration:none;font-size:1.25rem}
.mx-brand span{color:var(--mx-orange)}
.mx-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:.88rem}
.mx-nav a{text-decoration:none;color:#dbeafe}
.mx-nav a:hover,.mx-nav a:focus{color:#fff;text-decoration:underline;text-underline-offset:4px}
.mx-wrap{max-width:1180px;margin:auto;padding:52px 24px 72px}
.mx-kicker{color:var(--mx-orange);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}
.mx-hero{background:linear-gradient(135deg,#0d1117,#152338);color:#fff;border-radius:20px;padding:50px clamp(24px,6vw,72px);margin-bottom:34px;box-shadow:0 18px 50px rgba(15,23,42,.18)}
.mx-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.02;margin:10px 0 18px;max-width:760px}
.mx-hero p{max-width:680px;color:#cbd5e1;font-size:1.1rem;margin:0}
.mx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mx-card{background:var(--mx-card);border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-height:100%;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease}
.mx-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,23,42,.13)}
.mx-card-media{height:210px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);overflow:hidden}
.mx-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.mx-card-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.mx-card h2{font-size:1.18rem;line-height:1.25;margin:0;color:#0f172a}
.mx-card h2 a{text-decoration:none}
.mx-card h2 a:hover{color:var(--mx-orange)}
.mx-date{font-size:.8rem;color:var(--mx-muted);font-weight:700}
.mx-excerpt{color:#475569;margin:0}
.mx-cta{margin-top:auto;color:var(--mx-orange);font-weight:800;text-decoration:none}
.mx-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:40px;text-align:center;color:#475569}
.mx-article{max-width:880px;margin:auto;background:#fff;border-radius:20px;padding:clamp(24px,5vw,64px);box-shadow:0 12px 38px rgba(15,23,42,.08)}
.mx-article h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;margin:10px 0 16px}
.mx-article-content{font-size:1.08rem;color:#334155}
.mx-article-content img{max-width:100%;height:auto;border-radius:12px;display:block;margin:24px auto}
.mx-article-content figure{margin:28px 0}
.mx-back{display:inline-block;margin-top:30px;color:var(--mx-orange);font-weight:800;text-decoration:none}
.mx-footer{background:#0d1117;color:#cbd5e1;padding:28px 24px;text-align:center;font-size:.86rem}
@media(max-width:820px){.mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-header-inner{align-items:flex-start;flex-direction:column}.mx-nav{gap:12px}}
@media(max-width:560px){.mx-wrap{padding:28px 14px 48px}.mx-grid{grid-template-columns:1fr}.mx-hero{border-radius:14px;padding:32px 22px}.mx-card-media{height:190px}.mx-article{border-radius:14px;padding:24px 18px}}