:root {
    --mu-ink: #071d18;
    --mu-ink-2: #10231f;
    --mu-muted: #61706a;
    --mu-soft: #eef7f1;
    --mu-paper: #f6faf4;
    --mu-card: rgba(255, 255, 255, .88);
    --mu-line: #d9e6df;
    --mu-green: #135c3c;
    --mu-green-2: #1f7a50;
    --mu-lime: #c7ef6e;
    --mu-blue: #245b78;
    --mu-shadow: 0 24px 70px rgba(7, 29, 24, .10);
    --mu-radius: 28px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background:
        radial-gradient(circle at 8% 0%, rgba(199, 239, 110, .28), transparent 24rem),
        radial-gradient(circle at 90% 12%, rgba(36, 91, 120, .12), transparent 26rem),
        linear-gradient(180deg, #fbfdf9 0%, var(--mu-paper) 42%, #edf5ee 100%) !important;
    color: var(--mu-ink) !important;
    letter-spacing: 0 !important;
}

a {
    transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.shell {
    width: min(1200px, calc(100% - 32px)) !important;
}

.nav {
    position: sticky;
    top: 0;
    z-index: 20;
    backdrop-filter: blur(18px);
    background: rgba(246, 250, 244, .72);
    border-bottom: 1px solid rgba(217, 230, 223, .78);
}

.brand {
    color: var(--mu-ink) !important;
    font-weight: 950 !important;
}

.mark {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.32), 0 12px 34px rgba(19, 92, 60, .24);
}

.nav-actions a,
.nav-links a {
    border-radius: 999px;
    padding: 10px 12px;
}

.nav-actions a:hover,
.nav-links a:hover {
    background: rgba(19, 92, 60, .08);
    color: var(--mu-green);
}

.button {
    background: var(--mu-ink) !important;
    color: white !important;
    border: 1px solid rgba(7, 29, 24, .9) !important;
    box-shadow: 0 10px 26px rgba(7, 29, 24, .16);
}

.button:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(7, 29, 24, .20);
}

.button.secondary {
    background: rgba(255,255,255,.82) !important;
    color: var(--mu-ink) !important;
    border-color: var(--mu-line) !important;
    box-shadow: none;
}

.hero,
.layout,
.market-layout {
    position: relative;
}

.hero-card,
.panel,
.category,
.seller-card,
.listing-card,
.property,
.job,
.tile,
.insight,
.guide,
.card,
.empty {
    background: var(--mu-card) !important;
    border: 1px solid rgba(217, 230, 223, .86) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.84) inset, 0 18px 54px rgba(7, 29, 24, .06);
}

.hero-card,
.panel,
.card {
    border-radius: var(--mu-radius) !important;
}

.hero-card.dark,
.panel:not(.light).dark,
.playbook-card,
.valuation {
    background:
        linear-gradient(145deg, rgba(7, 29, 24, .98), rgba(18, 55, 45, .96)) !important;
    color: white !important;
    box-shadow: 0 28px 80px rgba(7, 29, 24, .22);
}

h1,
h2,
h3 {
    color: var(--mu-ink);
    letter-spacing: -.055em !important;
}

h1 {
    text-wrap: balance;
}

p {
    color: var(--mu-muted);
}

.kicker,
.eyebrow {
    color: var(--mu-green) !important;
}

.search,
.filters {
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(217, 230, 223, .9) !important;
    box-shadow: var(--mu-shadow);
}

input,
select,
textarea {
    background: rgba(255,255,255,.96) !important;
    border-color: var(--mu-line) !important;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(19, 92, 60, .72) !important;
    box-shadow: 0 0 0 4px rgba(19, 92, 60, .10);
}

.chip,
.segment,
.pill,
.job-pill,
.badge {
    background: #edf7ef !important;
    color: var(--mu-green) !important;
    border: 1px solid rgba(19, 92, 60, .12) !important;
}

.chip:hover,
.segment:hover,
.category:hover,
.seller-card:hover,
.listing-card:hover,
.property:hover,
.job:hover,
.guide:hover {
    transform: translateY(-3px);
    box-shadow: 0 24px 70px rgba(7, 29, 24, .13);
}

.listing-card,
.property,
.job,
.seller-card,
.category,
.guide {
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.listing-image,
.photo,
.photo-frame,
.media,
.seller-avatar,
.avatar {
    background:
        linear-gradient(135deg, rgba(199, 239, 110, .46), rgba(219, 233, 244, .86)),
        linear-gradient(45deg, rgba(19, 92, 60, .08), transparent) !important;
}

.listing-image span,
.photo-frame,
.media {
    color: var(--mu-green) !important;
}

.listing-footer strong,
.price,
.salary {
    color: var(--mu-ink) !important;
}

.feed-row {
    border-radius: 18px;
    transition: background .18s ease, transform .18s ease;
}

.feed-row:hover {
    background: rgba(19, 92, 60, .06);
    transform: translateX(3px);
}

.photo-scroll,
.photo-rail {
    background: linear-gradient(135deg, #eef7f1, #f9fbf6) !important;
    border: 1px solid var(--mu-line);
    box-shadow: var(--mu-shadow);
}

.gallery-hint,
.gallery-note {
    padding: 0 4px;
}

.success,
.notice,
.autonexa-route {
    background: linear-gradient(135deg, #edf7ef, #f8fcf3) !important;
    border-color: #cae5d2 !important;
}

.errors {
    background: #fff6f6 !important;
}

.stats .stat,
.fact,
.insight,
.tile {
    background: rgba(255,255,255,.72) !important;
}

@media (max-width: 780px) {
    .nav {
        position: static;
    }

    .shell {
        width: min(100% - 24px, 1200px) !important;
    }

    .hero-card,
    .panel,
    .card {
        padding: 22px !important;
    }
}

/* category-aware marketplace placeholder images */
.listing-image {
    position: relative;
    overflow: hidden;
    min-height: 178px;
    display: grid;
    place-items: center;
}

.listing-image::before {
    content: "";
    position: absolute;
    width: 152px;
    height: 108px;
    border-radius: 26px;
    background: rgba(255,255,255,.58);
    box-shadow: 0 18px 46px rgba(7,29,24,.12);
    transform: rotate(-7deg);
}

.listing-image span {
    position: relative;
    z-index: 2;
    width: 72px;
    height: 72px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.72);
    box-shadow: 0 10px 28px rgba(7,29,24,.12);
    font-size: 15px !important;
    letter-spacing: 0 !important;
}

.listing-image.eletrodomesticos { background: linear-gradient(135deg,#fff4c8,#d9eef7) !important; }
.listing-image.casa-mobilia { background: linear-gradient(135deg,#e5f7e8,#fff7df) !important; }
.listing-image.moda-beleza { background: linear-gradient(135deg,#ffe4ef,#efe7ff) !important; }
.listing-image.bebe-crianca { background: linear-gradient(135deg,#fff1d8,#e6f6ff) !important; }
.listing-image.ferramentas { background: linear-gradient(135deg,#eee8ff,#e6f6ed) !important; }
.listing-image.barcos-nautica { background: linear-gradient(135deg,#d8efff,#eaf7ef) !important; }
.listing-image.empregos { background: linear-gradient(135deg,#eee8ff,#f8fbf6) !important; }
.listing-image.imobiliario { background: linear-gradient(135deg,#e7f6ef,#fff6df) !important; }
.listing-image.motas { background: linear-gradient(135deg,#d9eef7,#f8fbf6) !important; }
.listing-image.carros { background: linear-gradient(135deg,#dff3e7,#dbe9f4) !important; }