/*
Theme Name: MN Negoce V2
Author: ChatGPT
Description: Clean, lightweight starter theme for MULTI NEGOCE (staging).
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: mn-negoce-v2
*/

:root{
  --mn-red:#e40613;
  --mn-slate:#52788f;
  --mn-ink:#1f2937;
  --mn-bg:#f5f7fa;
  --mn-white:#ffffff;
  --mn-radius:18px;
  --mn-shadow:0 10px 30px rgba(0,0,0,.08);
  --mn-shadow-soft:0 6px 18px rgba(0,0,0,.06);
  --mn-max:1180px;
  --mn-gutter:20px;
  --mn-font: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--mn-font);color:var(--mn-ink);background:var(--mn-bg);line-height:1.55}
a{color:var(--mn-red);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

.mn-container{max-width:var(--mn-max);margin:0 auto;padding:0 var(--mn-gutter)}
.mn-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(31,41,55,.08)}
.mn-header-inner{display:flex;align-items:center;gap:18px;padding:14px 0}
.mn-brand{display:flex;align-items:center;gap:12px;min-width:220px}
.mn-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--mn-red),#ff3a44);box-shadow:var(--mn-shadow-soft)}
.mn-brand-title{font-weight:800;letter-spacing:.3px;color:var(--mn-ink)}
.mn-brand-sub{font-size:12px;color:rgba(31,41,55,.7);margin-top:2px}
.mn-nav{margin-left:auto}
.mn-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.mn-nav a{display:inline-flex;align-items:center;padding:8px 10px;border-radius:12px;color:rgba(31,41,55,.85);font-weight:650}
.mn-nav a:hover{background:rgba(82,120,143,.10);text-decoration:none}
.mn-nav .current-menu-item>a,.mn-nav .current_page_item>a{background:rgba(228,6,19,.10);color:var(--mn-red)}

.mn-main{padding:28px 0 54px}
.mn-card{background:var(--mn-white);border-radius:var(--mn-radius);box-shadow:var(--mn-shadow);padding:22px}
.mn-hero{
  background:radial-gradient(1200px 500px at 20% 0%,rgba(82,120,143,.22),transparent 60%),
             radial-gradient(900px 420px at 90% 10%,rgba(228,6,19,.15),transparent 55%),
             linear-gradient(180deg,#ffffff,#ffffff);
  border-radius:calc(var(--mn-radius) + 8px);
  box-shadow:var(--mn-shadow);
  padding:46px 26px;
  overflow:hidden;
}
.mn-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}
.mn-kicker{color:var(--mn-slate);font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:12px}
.mn-h1{font-size:44px;line-height:1.1;margin:10px 0 10px;font-weight:900;letter-spacing:-.8px}
.mn-lead{font-size:18px;color:rgba(31,41,55,.78);margin:0 0 20px}
.mn-actions{display:flex;gap:10px;flex-wrap:wrap}
.mn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--mn-shadow-soft)}
.mn-btn:active{transform:translateY(1px)}
.mn-btn-primary{background:var(--mn-red);color:#fff}
.mn-btn-primary:hover{background:#c90510;text-decoration:none}
.mn-btn-secondary{background:#fff;border-color:rgba(82,120,143,.25);color:var(--mn-ink)}
.mn-btn-secondary:hover{background:rgba(82,120,143,.08);text-decoration:none}
.mn-badge{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(82,120,143,.10);color:rgba(31,41,55,.8);font-weight:750;font-size:13px}

.mn-grid{display:grid;gap:14px}
.mn-grid-3{grid-template-columns:repeat(3,1fr)}
.mn-grid-4{grid-template-columns:repeat(4,1fr)}

.mn-cat{background:#fff;border-radius:16px;box-shadow:var(--mn-shadow-soft);padding:18px;border:1px solid rgba(31,41,55,.06);transition:transform .08s ease,box-shadow .2s ease}
.mn-cat:hover{transform:translateY(-1px);box-shadow:var(--mn-shadow)}
.mn-cat-title{font-weight:900;margin:0 0 6px}
.mn-cat-desc{margin:0;color:rgba(31,41,55,.72);font-size:14px}

.mn-section{margin-top:18px}
.mn-h2{font-size:26px;margin:0 0 10px;font-weight:900;letter-spacing:-.3px}
.mn-muted{color:rgba(31,41,55,.7)}
.mn-slab{background:linear-gradient(135deg,rgba(82,120,143,.14),rgba(82,120,143,.06));border:1px solid rgba(82,120,143,.18);border-radius:18px;padding:18px}
.mn-cta{background:linear-gradient(135deg,var(--mn-red),#ff3a44);color:#fff;border-radius:22px;padding:22px;box-shadow:var(--mn-shadow)}
.mn-cta h3{margin:0 0 6px;font-weight:950;letter-spacing:-.2px}
.mn-cta p{margin:0 0 12px;opacity:.92}
.mn-footer{background:#0f172a;color:rgba(255,255,255,.86);padding:28px 0}
.mn-footer a{color:#fff;text-decoration:underline}
.mn-footer-grid{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.mn-footer small{opacity:.78}

.mn-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:16px;border:1px solid rgba(31,41,55,.08);background:#fff;box-shadow:var(--mn-shadow-soft)}
.mn-table th,.mn-table td{padding:12px 12px;border-bottom:1px solid rgba(31,41,55,.06);text-align:left;font-size:14px}
.mn-table th{background:rgba(82,120,143,.10);color:rgba(31,41,55,.9);font-weight:900}
.mn-table tr:last-child td{border-bottom:none}

@media (max-width:920px){
  .mn-hero-grid{grid-template-columns:1fr}
  .mn-h1{font-size:36px}
  .mn-grid-4{grid-template-columns:repeat(2,1fr)}
  .mn-grid-3{grid-template-columns:repeat(2,1fr)}
  .mn-brand{min-width:auto}
}
@media (max-width:520px){
  .mn-grid-4,.mn-grid-3{grid-template-columns:1fr}
  .mn-h1{font-size:32px}
}