/* MartinsCode Premium v35
   Camada final: identidade própria, menu editorial e páginas internas no padrão da home. */

:root{
  --mc-page:min(1440px,calc(100% - 64px));
  --mc-content:min(1180px,calc(100% - 64px));
  --mc-panel:rgba(255,255,255,.035);
  --mc-panel-strong:rgba(255,255,255,.055);
  --mc-hairline:rgba(255,255,255,.105);
  --mc-ink:#f7f5ff;
  --mc-body:#aaa8c0;
  --mc-faint:#77758c;
  --mc-accent:#7c5cff;
  --mc-blue:#3984ff;
  --mc-green:#69e6ae;
  --mc-gradient:linear-gradient(115deg,#8d60ff 0%,#4f72ff 52%,#2e8cff 100%);
  --mc-radius:16px;
}
html[data-theme="light"]{
  --mc-panel:rgba(31,24,56,.035);
  --mc-panel-strong:#fff;
  --mc-hairline:rgba(30,24,52,.12);
  --mc-ink:#11101a;
  --mc-body:#5c596b;
  --mc-faint:#8a8797;
}

/* ---------- Navegação: estúdio digital, não interface de chatbot ---------- */
#header{
  height:86px!important;
  min-height:86px!important;
  border-bottom:1px solid var(--mc-hairline)!important;
  background:rgba(7,7,13,.88)!important;
  backdrop-filter:blur(24px) saturate(135%)!important;
}
html[data-theme="light"] #header{background:rgba(250,250,254,.92)!important}
#header.compact{height:74px!important;min-height:74px!important}
#header .header-shell{
  width:var(--mc-page)!important;
  grid-template-columns:minmax(248px,310px) minmax(500px,1fr) auto!important;
  gap:24px!important;
}
#header .header-brand-block{
  display:flex;align-items:center;gap:20px;min-width:0;height:100%;
}
#header .header-brand-block::after{
  content:"";width:1px;height:34px;margin-left:auto;background:var(--mc-hairline);
}
#header .header-shell .brand-logo{
  width:196px!important;min-width:196px!important;max-width:196px!important;
}
#header .header-shell .brand-logo img{height:31px!important;max-width:196px!important}
#header .header-signature{
  display:block;color:var(--mc-faint);font:600 8px/1.45 "Space Grotesk",sans-serif;
  letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;
}
#header nav{
  justify-content:flex-start!important;gap:0!important;height:100%!important;
}
#header nav>a{
  position:relative!important;display:grid!important;grid-template-columns:auto 1fr!important;
  align-items:center!important;gap:7px!important;min-height:100%!important;padding:0 14px!important;
  border-radius:0!important;background:transparent!important;color:var(--mc-body)!important;
  font-size:12px!important;font-weight:650!important;letter-spacing:.005em!important;
}
#header nav>a::before{
  content:attr(data-index);align-self:start;margin-top:22px;color:var(--mc-faint);
  font:700 7px/1 "Space Grotesk",sans-serif;letter-spacing:.08em;transition:.2s;
}
#header nav>a::after{
  content:""!important;position:absolute!important;left:14px!important;right:14px!important;bottom:0!important;
  height:2px!important;border-radius:0!important;background:var(--mc-gradient)!important;
  transform:scaleX(0);transform-origin:left;transition:transform .22s ease;
}
#header nav>a:hover,#header nav>a.active{background:transparent!important;color:var(--mc-ink)!important}
#header nav>a:hover::before,#header nav>a.active::before{color:#8f6cff}
#header nav>a:hover::after,#header nav>a.active::after{transform:scaleX(1)}
#header .header-tools{gap:10px}
#header .theme-toggle{
  width:42px;height:42px;border-radius:8px;background:transparent!important;border-color:var(--mc-hairline)!important;
}
#header .theme-toggle:hover{background:var(--mc-panel)!important;border-color:rgba(125,91,255,.48)!important}
#header .header-contact{
  position:relative!important;min-height:44px!important;padding:10px 14px 10px 17px!important;
  border:1px solid rgba(255,255,255,.92)!important;border-radius:8px!important;
  background:#f7f6fb!important;color:#0c0b12!important;box-shadow:none!important;overflow:hidden;
}
#header .header-contact::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--mc-gradient);
}
#header .header-contact b{
  display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#161320;color:#fff;
}
#header .header-contact:hover{transform:translateY(-1px)!important;background:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important}
html[data-theme="light"] #header .header-contact{border-color:#17131f!important;background:#17131f!important;color:#fff!important}
html[data-theme="light"] #header .header-contact b{background:#fff;color:#17131f}
.nav-mobile-intro,.nav-mobile-footer{display:none}
.menu{display:none!important}

/* ---------- Base das páginas internas ---------- */
body:not(.portal-body)>main:not(.nx-home){
  position:relative;isolation:isolate;min-height:70vh;background:transparent!important;color:var(--mc-ink)!important;overflow:hidden;
}
body:not(.portal-body)>main:not(.nx-home)::before{
  content:"";position:absolute;z-index:-2;inset:0 0 auto;height:640px;pointer-events:none;
  background:
    radial-gradient(circle at 8% 12%,rgba(126,86,255,.13),transparent 34%),
    radial-gradient(circle at 92% 18%,rgba(46,132,255,.10),transparent 30%);
}
body:not(.portal-body)>main:not(.nx-home)::after{
  content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:560px;pointer-events:none;opacity:.32;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 88%);
}
html[data-theme="light"] body:not(.portal-body)>main:not(.nx-home)::after{
  background-image:linear-gradient(rgba(45,34,76,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(45,34,76,.05) 1px,transparent 1px);
}

.page-hero,.catalog-hero,.plans-hero,.quick-contact-hero,.sites-hero,.case-hero,.legal-hero{
  position:relative!important;width:var(--mc-page)!important;max-width:none!important;min-height:0!important;
  margin:0 auto!important;padding:96px 0 72px!important;border:0!important;border-bottom:1px solid var(--mc-hairline)!important;
  background:transparent!important;color:var(--mc-ink)!important;box-shadow:none!important;
}
.page-hero::before,.catalog-hero::before,.plans-hero::before,.quick-contact-hero::before,.sites-hero::before,.case-hero::before,.legal-hero::before{
  display:none!important;
}
.page-hero::after,.case-hero::after,.legal-hero::after{
  content:"MARTINSCODE / DIGITAL STUDIO";position:absolute;right:0;top:105px;color:var(--mc-faint);
  font:700 8px/1 "Space Grotesk",sans-serif;letter-spacing:.18em;writing-mode:vertical-rl;
}
.page-hero h1,.catalog-hero h1,.plans-hero h1,.quick-contact-hero h1,.sites-hero h1,.case-hero h1,.legal-hero h1{
  max-width:1040px!important;margin:20px 0 22px!important;color:var(--mc-ink)!important;
  font:700 clamp(50px,5.4vw,82px)/1.01 "Space Grotesk",sans-serif!important;
  letter-spacing:-.055em!important;text-wrap:balance!important;
}
.page-hero p,.catalog-hero p,.plans-hero p,.quick-contact-hero p,.sites-hero p,.case-hero p,.legal-hero p{
  max-width:760px!important;margin:0!important;color:var(--mc-body)!important;font-size:17px!important;line-height:1.75!important;
}
.eyebrow,.nx-label{
  display:inline-flex!important;align-items:center!important;gap:10px!important;color:#9f81ff!important;
  font:700 10px/1 "Space Grotesk",sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}
.eyebrow::before,.nx-label::before{width:28px!important;height:1px!important;background:var(--mc-gradient)!important;border-radius:0!important}

.content,.catalog-section,.plans-section,.quick-contact-layout,.sites-showcase,.case-content,.legal-content,.portfolio-section{
  width:var(--mc-page)!important;max-width:none!important;margin:0 auto!important;padding:76px 0 106px!important;color:var(--mc-ink)!important;
}
.content{max-width:1180px!important}
.content h2,.legal-content h2,.case-content h2{
  margin:48px 0 15px!important;color:var(--mc-ink)!important;font:700 clamp(29px,3vw,42px)/1.12 "Space Grotesk",sans-serif!important;letter-spacing:-.04em!important;
}
.content h2:first-child,.legal-content h2:first-child,.case-content h2:first-child{margin-top:0!important}
.content h3,.legal-content h3,.case-content h3{color:var(--mc-ink)!important}
.content p,.legal-content p,.case-content p{
  color:var(--mc-body)!important;font-size:16px!important;line-height:1.85!important;
}
.content>.btn,.btn,.case-action{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;min-height:50px!important;
  padding:13px 18px!important;border:0!important;border-radius:9px!important;background:var(--mc-gradient)!important;color:#fff!important;
  font-size:13px!important;font-weight:750!important;box-shadow:0 14px 34px rgba(91,79,255,.22)!important;transition:.22s!important;
}
.content>.btn:hover,.btn:hover,.case-action:hover{transform:translateY(-2px)!important;box-shadow:0 18px 40px rgba(91,79,255,.32)!important}

/* ---------- Componentes editoriais reutilizáveis ---------- */
.mc-intro-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:70px;align-items:start}
.mc-intro-kicker{position:sticky;top:120px}
.mc-intro-kicker span{display:block;color:#9f81ff;font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.mc-intro-kicker h2{margin:18px 0 18px!important;font-size:clamp(36px,4vw,58px)!important}
.mc-intro-kicker p{max-width:510px}
.mc-intro-copy{padding-left:36px;border-left:1px solid var(--mc-hairline)}
.mc-intro-copy>p:first-child{margin-top:0;font-size:20px!important;line-height:1.65!important;color:var(--mc-ink)!important}
.mc-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:36px;border:1px solid var(--mc-hairline);background:var(--mc-hairline)}
.mc-stat-strip div{min-height:120px;padding:24px;background:var(--nx-bg)}
html[data-theme="light"] .mc-stat-strip div{background:#fff}
.mc-stat-strip strong{display:block;color:var(--mc-ink);font-size:30px;letter-spacing:-.04em}
.mc-stat-strip span{display:block;margin-top:8px;color:var(--mc-faint);font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em}
.mc-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:0 0 38px}
.mc-section-head h2{max-width:780px;margin:14px 0 0!important}
.mc-section-head p{max-width:430px;margin:0;color:var(--mc-body);font-size:14px;line-height:1.7}
.mc-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mc-editorial-card{position:relative;min-height:280px;padding:28px;border:1px solid var(--mc-hairline);border-radius:var(--mc-radius);background:var(--mc-panel);overflow:hidden;transition:.25s}
.mc-editorial-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--mc-gradient);transform:scaleX(.2);transform-origin:left;transition:.25s}
.mc-editorial-card:hover{transform:translateY(-5px);border-color:rgba(138,99,255,.42);background:var(--mc-panel-strong)}
.mc-editorial-card:hover::before{transform:scaleX(1)}
.mc-editorial-card>span{display:block;color:#9f81ff;font-size:10px;font-weight:750;letter-spacing:.12em}
.mc-editorial-card h3{margin:70px 0 13px;color:var(--mc-ink);font-size:24px;line-height:1.15;letter-spacing:-.035em}
.mc-editorial-card p{margin:0;color:var(--mc-body);font-size:13px;line-height:1.72}
.mc-process-band{margin-top:86px;padding:42px;border:1px solid var(--mc-hairline);border-radius:var(--mc-radius);background:linear-gradient(120deg,rgba(139,92,246,.095),rgba(59,130,246,.035))}
.mc-process-band header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.mc-process-band h2{margin:10px 0 0!important}.mc-process-band header p{max-width:430px;margin:0}
.mc-process-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mc-hairline)}
.mc-process-list article{padding:25px 23px 8px;border-right:1px solid var(--mc-hairline)}
.mc-process-list article:last-child{border-right:0}
.mc-process-list span{color:#9f81ff;font-size:10px;font-weight:750}.mc-process-list h3{margin:25px 0 9px;color:var(--mc-ink);font-size:18px}.mc-process-list p{margin:0;color:var(--mc-body);font-size:12px;line-height:1.7}
.mc-cta-panel,.page-wide-cta,.plans-custom,.sites-note{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:42px!important;
  width:var(--mc-page)!important;max-width:none!important;margin:0 auto 96px!important;padding:42px!important;
  border:1px solid rgba(132,97,255,.3)!important;border-radius:var(--mc-radius)!important;
  background:linear-gradient(115deg,rgba(126,86,255,.14),rgba(31,43,82,.32))!important;color:var(--mc-ink)!important;overflow:hidden!important;
}
.mc-cta-panel::after,.page-wide-cta::after,.plans-custom::after,.sites-note::after{
  content:"MC";position:absolute;right:28px;bottom:-34px;color:rgba(255,255,255,.035);font:800 150px/.8 "Space Grotesk",sans-serif;pointer-events:none;
}
html[data-theme="light"] .mc-cta-panel::after,html[data-theme="light"] .page-wide-cta::after,html[data-theme="light"] .plans-custom::after,html[data-theme="light"] .sites-note::after{color:rgba(40,24,78,.04)}
.mc-cta-panel h2,.page-wide-cta h2,.plans-custom h2,.sites-note h2{margin:0 0 10px!important;color:var(--mc-ink)!important;font-size:clamp(28px,3vw,43px)!important;letter-spacing:-.04em!important}
.mc-cta-panel p,.page-wide-cta p,.plans-custom p,.sites-note p{max-width:660px!important;margin:0!important;color:var(--mc-body)!important;font-size:14px!important;line-height:1.7!important}
.mc-cta-panel>a,.page-wide-cta>a,.plans-custom a,.sites-note .btn{
  position:relative;z-index:1;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:13px 18px!important;
  border-radius:8px!important;background:#fff!important;color:#121019!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;
}

/* ---------- Sobre ---------- */
.about-page>.content{width:var(--mc-page)!important;max-width:none!important;margin:0 auto!important;padding:76px 0 106px!important;background:transparent!important}
.about-page .about-principles{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin:70px 0 0!important}
.about-page .about-principles section{
  position:relative!important;min-height:300px!important;margin:0!important;padding:28px!important;border:1px solid var(--mc-hairline)!important;
  border-radius:var(--mc-radius)!important;background:var(--mc-panel)!important;color:var(--mc-ink)!important;overflow:hidden!important;
}
.about-page .about-principles section::before{position:absolute;right:22px;top:20px;color:var(--mc-faint);font-size:10px;font-weight:800}
.about-page .about-principles section:nth-child(1)::before{content:"01"}.about-page .about-principles section:nth-child(2)::before{content:"02"}.about-page .about-principles section:nth-child(3)::before{content:"03"}.about-page .about-principles section:nth-child(4)::before{content:"04"}
.about-page .about-principles section h2{margin:130px 0 12px!important;font-size:23px!important}.about-page .about-principles section p{margin:0!important;font-size:13px!important;line-height:1.7!important}

/* ---------- Catálogos, serviços e tecnologias ---------- */
.catalog-hero,.plans-hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.55fr)!important;gap:clamp(56px,7vw,110px)!important;align-items:end!important}
.catalog-hero-note,.plans-hero-note{
  position:relative!important;padding:30px!important;border:1px solid var(--mc-hairline)!important;border-radius:var(--mc-radius)!important;
  background:var(--mc-panel)!important;color:var(--mc-ink)!important;overflow:hidden!important;
}
.catalog-hero-note::before,.plans-hero-note::before{content:"";position:absolute;left:0;top:0;width:80px;height:2px;background:var(--mc-gradient)}
.catalog-hero-note>span,.plans-hero-note>span{color:#9f81ff!important;font-size:9px!important;letter-spacing:.14em!important}
.catalog-hero-note h2,.plans-hero-note h2{margin:14px 0 11px!important;color:var(--mc-ink)!important;font-size:25px!important;letter-spacing:-.035em!important}
.catalog-hero-note p,.plans-hero-note p{font-size:13px!important;line-height:1.7!important}
.catalog-tags{gap:7px!important;margin-top:24px!important}.catalog-tags span{padding:8px 10px!important;border:1px solid var(--mc-hairline)!important;border-radius:6px!important;background:transparent!important;color:var(--mc-body)!important;font-size:8px!important;letter-spacing:.1em!important}
.catalog-section-head,.plans-section-head{margin-bottom:42px!important}.catalog-section-head h2,.plans-section-head h2{font-size:clamp(38px,4vw,58px)!important}.catalog-section-head>p,.plans-section-head>p{font-size:14px!important;line-height:1.75!important}
.services-catalog-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.technology-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.catalog-card{
  position:relative!important;min-height:330px!important;padding:28px!important;border:1px solid var(--mc-hairline)!important;border-radius:var(--mc-radius)!important;
  background:var(--mc-panel)!important;color:var(--mc-ink)!important;box-shadow:none!important;overflow:hidden!important;transition:.25s!important;
}
.catalog-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--mc-gradient);transform:scaleX(.16);transform-origin:left;transition:.25s}
.catalog-card:hover{transform:translateY(-5px)!important;border-color:rgba(132,95,255,.42)!important;background:var(--mc-panel-strong)!important;box-shadow:0 24px 60px rgba(0,0,0,.15)!important}.catalog-card:hover::before{transform:scaleX(1)}
.catalog-card .icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border:1px solid rgba(139,92,246,.24)!important;border-radius:10px!important;background:rgba(139,92,246,.1)!important;color:#a78bfa!important}
.catalog-index{color:var(--mc-faint)!important}.catalog-card h3{margin:65px 0 13px!important;color:var(--mc-ink)!important;font-size:24px!important}.catalog-card p{color:var(--mc-body)!important;font-size:13px!important;line-height:1.7!important}.catalog-card>a{color:#a98aff!important;font-size:11px!important}.technology-card strong{color:var(--mc-ink)!important;font-size:11px!important;line-height:1.65!important}

/* ---------- Planos ---------- */
.plans-grid,.plan-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.plan-card,.plan{
  min-height:620px!important;padding:30px!important;border:1px solid var(--mc-hairline)!important;border-radius:var(--mc-radius)!important;
  background:var(--mc-panel)!important;color:var(--mc-ink)!important;box-shadow:none!important;transition:.25s!important;
}
.plan-card:hover,.plan:hover{transform:translateY(-5px)!important;border-color:rgba(132,95,255,.42)!important;background:var(--mc-panel-strong)!important}
.plan.featured,.plan-card.featured{border-color:rgba(139,92,246,.48)!important;background:linear-gradient(160deg,rgba(139,92,246,.13),var(--mc-panel))!important}
.plan-card h3,.plan h3{color:var(--mc-ink)!important}.plan-card>p,.plan>p,.plan-items span{color:var(--mc-body)!important}.plan-divider{border-color:var(--mc-hairline)!important}.plan-number{color:var(--mc-faint)!important}.plan-badge{border-radius:5px!important;background:rgba(139,92,246,.14)!important;color:#ab8dff!important}.plan-action{margin-top:auto!important;border-radius:8px!important}

/* ---------- Contato ---------- */
.quick-contact-hero{text-align:left!important}.quick-contact-hero .eyebrow{justify-content:flex-start!important}.quick-contact-hero h1,.quick-contact-hero p{margin-left:0!important;margin-right:0!important}
.quick-contact-layout{grid-template-columns:minmax(300px,.64fr) minmax(0,1.36fr)!important;gap:14px!important}
.quick-contact-aside,.quick-contact-form{
  padding:36px!important;border:1px solid var(--mc-hairline)!important;border-radius:var(--mc-radius)!important;background:var(--mc-panel)!important;color:var(--mc-ink)!important;box-shadow:none!important;
}
.quick-contact-aside h2,.quick-contact-form h2{color:var(--mc-ink)!important}.quick-contact-aside>p,.quick-contact-form>p,.contact-points small{color:var(--mc-body)!important}.contact-points>div{border-color:var(--mc-hairline)!important}.contact-points b{color:#9f81ff!important}
.quick-contact-grid label{color:var(--mc-body)!important}.quick-contact-grid input,.quick-contact-grid select,.quick-contact-grid textarea{border-radius:8px!important;background:rgba(255,255,255,.025)!important;border-color:var(--mc-hairline)!important;color:var(--mc-ink)!important}.quick-contact-grid input:focus,.quick-contact-grid select:focus,.quick-contact-grid textarea:focus{border-color:#8c62ff!important;box-shadow:0 0 0 4px rgba(139,92,246,.1)!important}.quick-contact-submit{border-radius:8px!important;background:var(--mc-gradient)!important}

/* ---------- Portfólio ---------- */
.sites-hero{grid-template-columns:minmax(0,1fr) 250px!important;gap:80px!important}.sites-hero-meta{padding:30px!important;border:1px solid var(--mc-hairline)!important;border-radius:var(--mc-radius)!important;background:var(--mc-panel)!important}.sites-hero-meta strong{font-size:74px!important;color:var(--mc-ink)!important}.sites-hero-meta span{color:var(--mc-body)!important}.showcase-project{grid-template-columns:minmax(350px,.68fr) minmax(0,1.32fr)!important;gap:clamp(48px,7vw,110px)!important;padding:70px 0!important;border-color:var(--mc-hairline)!important}.showcase-copy h2{font-size:clamp(40px,4.2vw,62px)!important}.showcase-copy>p{font-size:15px!important;line-height:1.75!important}.project-stack span{border-radius:6px!important;background:transparent!important;border-color:var(--mc-hairline)!important}.project-browser{border-radius:var(--mc-radius)!important;border-color:var(--mc-hairline)!important;box-shadow:0 34px 90px rgba(0,0,0,.32)!important}.browser-bar{border-color:var(--mc-hairline)!important}.project-pagination a,.project-pagination span{border-radius:7px!important}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portfolio-card{position:relative;min-height:300px;padding:28px;border:1px solid var(--mc-hairline);border-radius:var(--mc-radius);background:var(--mc-panel);color:var(--mc-ink);transition:.25s}.portfolio-card:hover{transform:translateY(-5px);border-color:rgba(132,95,255,.42);background:var(--mc-panel-strong)}.portfolio-card small{color:#9f81ff;font-weight:750;letter-spacing:.12em}.portfolio-card h3{margin:110px 0 14px;font-size:25px;letter-spacing:-.035em}.portfolio-card span{color:var(--mc-body);font-size:12px}.portfolio-card::after{content:"↗";position:absolute;right:25px;bottom:23px;color:#9f81ff;font-size:18px}

/* ---------- Serviço individual / estudo de caso ---------- */
.case-hero{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr)!important;gap:80px!important;align-items:end!important}
.case-hero-main{max-width:960px}.case-hero-side{padding:28px;border:1px solid var(--mc-hairline);border-radius:var(--mc-radius);background:var(--mc-panel)}.case-hero-side span{display:block;color:#9f81ff;font-size:9px;font-weight:750;letter-spacing:.14em}.case-hero-side strong{display:block;margin:16px 0 8px;color:var(--mc-ink);font-size:23px;letter-spacing:-.035em}.case-hero-side p{font-size:13px!important}.case-content{display:grid;grid-template-columns:minmax(0,.64fr) minmax(0,1.36fr);gap:70px}.case-sidebar{position:sticky;top:120px;align-self:start}.case-sidebar span{display:block;padding:15px 0;border-bottom:1px solid var(--mc-hairline);color:var(--mc-body);font-size:11px}.case-sidebar span b{display:inline-block;width:34px;color:#9f81ff}.case-main{max-width:850px}.case-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:32px 0}.case-benefits article{padding:24px;border:1px solid var(--mc-hairline);border-radius:12px;background:var(--mc-panel)}.case-benefits span{color:#9f81ff;font-size:10px;font-weight:800}.case-benefits h3{margin:24px 0 8px;font-size:20px}.case-benefits p{margin:0;font-size:13px!important;line-height:1.7!important}.case-steps{display:grid;gap:0;margin:28px 0 42px;border-top:1px solid var(--mc-hairline)}.case-steps article{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--mc-hairline)}.case-steps span{color:#9f81ff;font-size:11px}.case-steps h3{margin:0 0 7px;font-size:19px}.case-steps p{margin:0;font-size:13px!important}.case-faq{margin-top:34px}.case-faq details{border-bottom:1px solid var(--mc-hairline)}.case-faq summary{padding:19px 0;color:var(--mc-ink);font-size:15px;font-weight:700;cursor:pointer}.case-faq details p{margin:0 0 20px;font-size:13px!important}
.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{padding:9px 11px;border:1px solid var(--mc-hairline);border-radius:6px;background:var(--mc-panel);color:var(--mc-body);font-size:11px}

/* ---------- Jurídico e 404 ---------- */
.legal-hero{padding-bottom:54px!important}.legal-hero h1{font-size:clamp(46px,5vw,72px)!important}.legal-content{max-width:960px!important}.legal-content section{padding:30px 0;border-bottom:1px solid var(--mc-hairline)}.legal-content section:first-child{padding-top:0}.legal-content section:last-child{border-bottom:0}.legal-content h2{font-size:27px!important}.legal-content p{font-size:15px!important}.error-page{display:grid;place-items:center;min-height:calc(100vh - 86px)!important}.error-panel{width:var(--mc-page);padding:90px 0;text-align:center}.error-code{display:block;color:transparent;-webkit-text-stroke:1px rgba(159,129,255,.45);font-size:clamp(110px,18vw,250px);font-weight:800;line-height:.75;letter-spacing:-.08em}.error-panel h1{max-width:760px;margin:38px auto 16px;color:var(--mc-ink);font-size:clamp(38px,5vw,70px);line-height:1.03;letter-spacing:-.055em}.error-panel p{max-width:600px;margin:0 auto 30px;color:var(--mc-body);line-height:1.7}

/* ---------- Rodapé ---------- */
footer{position:relative!important;background:#05050a!important;color:#fff!important;border-top:1px solid var(--mc-hairline)!important}
footer::before{content:"MARTINSCODE";position:absolute;right:4vw;top:46px;color:rgba(255,255,255,.022);font:800 clamp(70px,10vw,150px)/1 "Space Grotesk",sans-serif;letter-spacing:-.06em;pointer-events:none}
footer .footer-grid{position:relative;width:var(--mc-page)!important;max-width:none!important;margin:auto!important;padding:78px 0 60px!important;display:grid!important;grid-template-columns:1.35fr .7fr .8fr 1fr!important;gap:60px!important}
footer .footer-grid>div:first-child{max-width:420px}.footer-grid h3{color:#fff!important;font-size:10px!important;letter-spacing:.13em!important;text-transform:uppercase!important}.footer-grid p,.footer-grid a{color:#8e8c9e!important}.footer-grid a{display:block!important;padding:6px 0!important;font-size:12px!important}.footer-grid a:hover{color:#fff!important}.copyright{width:var(--mc-page)!important;max-width:none!important;margin:auto!important;padding:22px 0!important;color:#777584!important;border-top:1px solid rgba(255,255,255,.08)!important;font-size:10px!important;letter-spacing:.04em!important}

/* ---------- Responsividade ---------- */
@media(max-width:1180px){
  #header .header-shell{grid-template-columns:minmax(190px,230px) 1fr auto!important;gap:14px!important}
  #header .header-signature{display:none}#header .header-brand-block::after{display:none}
  #header nav>a{padding:0 10px!important}#header nav>a::before{display:none}
  .mc-card-grid{grid-template-columns:repeat(2,1fr)}
  .technology-grid{grid-template-columns:repeat(2,1fr)!important}
  .about-page .about-principles{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:980px){
  :root{--mc-page:min(100% - 36px,1440px);--mc-content:min(100% - 36px,1180px)}
  body.nav-open{overflow:hidden}
  #header{height:76px!important;min-height:76px!important}
  #header.compact{height:70px!important;min-height:70px!important}
  #header .header-shell{grid-template-columns:1fr auto auto!important;gap:10px!important}
  #header .header-shell .brand-logo{width:182px!important;min-width:182px!important;max-width:182px!important}
  #header .header-shell .brand-logo img{height:29px!important;max-width:182px!important}
  #header .header-tools{display:flex!important;grid-column:2!important}.menu{grid-column:3!important}
  #header .header-contact{display:none!important}
  .menu{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:auto!important;height:42px!important;
    padding:0 12px!important;border:1px solid var(--mc-hairline)!important;border-radius:8px!important;background:transparent!important;color:var(--mc-ink)!important;
  }
  .menu-word{font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.menu-lines{position:relative;display:block;width:17px;height:12px}.menu-lines b{position:absolute;right:0;width:17px;height:1px;background:currentColor;transition:.24s}.menu-lines b:first-child{top:3px}.menu-lines b:last-child{bottom:3px;width:12px}.menu.active .menu-lines b:first-child{top:6px;transform:rotate(45deg)}.menu.active .menu-lines b:last-child{bottom:5px;width:17px;transform:rotate(-45deg)}
  #header nav{
    position:fixed!important;inset:76px 0 0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    width:100%!important;height:calc(100dvh - 76px)!important;padding:28px 20px 24px!important;border:0!important;border-top:1px solid var(--mc-hairline)!important;
    background:rgba(7,7,13,.985)!important;backdrop-filter:blur(24px)!important;overflow:auto!important;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s!important;
  }
  html[data-theme="light"] #header nav{background:rgba(250,250,254,.99)!important}
  #header nav.open{opacity:1;visibility:visible;transform:none}
  .nav-mobile-intro{display:block;padding:0 3px 24px;border-bottom:1px solid var(--mc-hairline)}.nav-mobile-intro small{display:block;color:#9f81ff;font-size:8px;font-weight:800;letter-spacing:.16em}.nav-mobile-intro strong{display:block;margin-top:8px;color:var(--mc-ink);font-size:19px;letter-spacing:-.03em}
  #header nav>a{display:grid!important;grid-template-columns:38px 1fr!important;gap:8px!important;min-height:64px!important;padding:0 3px!important;border-bottom:1px solid var(--mc-hairline)!important;color:var(--mc-body)!important;font-size:24px!important;font-weight:650!important;letter-spacing:-.035em!important}
  #header nav>a::before{display:block!important;align-self:center!important;margin:0!important;color:#8c68ff!important;font-size:8px!important}.menu #header nav>a::after{display:none!important}#header nav>a::after{display:none!important}
  #header nav>a.active,#header nav>a:hover{color:var(--mc-ink)!important}
  .nav-mobile-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:auto;padding-top:24px}.nav-mobile-footer>span{max-width:250px;color:var(--mc-faint);font-size:10px;line-height:1.6}.nav-mobile-footer>a{display:inline-flex;align-items:center;gap:16px;padding:13px 15px;border-radius:8px;background:var(--mc-gradient);color:#fff;font-size:11px;font-weight:800}
  .page-hero,.catalog-hero,.plans-hero,.quick-contact-hero,.sites-hero,.case-hero,.legal-hero{padding:72px 0 54px!important}
  .catalog-hero,.plans-hero,.sites-hero,.case-hero{grid-template-columns:1fr!important;gap:32px!important}
  .page-hero::after,.case-hero::after,.legal-hero::after{display:none}
  .content,.catalog-section,.plans-section,.quick-contact-layout,.sites-showcase,.case-content,.legal-content,.portfolio-section{padding:58px 0 82px!important}
  .mc-intro-grid,.case-content{grid-template-columns:1fr;gap:38px}.mc-intro-kicker,.case-sidebar{position:static}.mc-intro-copy{padding-left:0;border-left:0}
  .mc-process-list{grid-template-columns:repeat(2,1fr)}.mc-process-list article:nth-child(2){border-right:0}.mc-process-list article:nth-child(-n+2){border-bottom:1px solid var(--mc-hairline)}
  .services-catalog-grid{grid-template-columns:repeat(2,1fr)!important}.plans-grid,.plan-grid{grid-template-columns:1fr!important}.plan-card,.plan{min-height:auto!important}
  .quick-contact-layout{grid-template-columns:1fr!important}.showcase-project{grid-template-columns:1fr!important;gap:34px!important}.showcase-copy{max-width:700px!important}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .mc-cta-panel,.page-wide-cta,.plans-custom,.sites-note{grid-template-columns:1fr!important}
  footer .footer-grid{grid-template-columns:1.2fr 1fr 1fr!important}.footer-grid>div:first-child{grid-column:1/-1!important}
}
@media(max-width:680px){
  :root{--mc-page:calc(100% - 28px);--mc-content:calc(100% - 28px)}
  #header .header-shell .brand-logo{width:160px!important;min-width:160px!important;max-width:160px!important}#header .header-shell .brand-logo img{height:26px!important;max-width:160px!important}
  #header .theme-toggle{width:40px;height:40px}.menu{height:40px!important;padding:0 10px!important}.menu-word{display:none}
  .nav-mobile-footer{grid-template-columns:1fr}.nav-mobile-footer>a{justify-content:space-between}
  .page-hero,.catalog-hero,.plans-hero,.quick-contact-hero,.sites-hero,.case-hero,.legal-hero{padding:58px 0 42px!important}
  .page-hero h1,.catalog-hero h1,.plans-hero h1,.quick-contact-hero h1,.sites-hero h1,.case-hero h1,.legal-hero h1{font-size:clamp(40px,12vw,58px)!important;line-height:1.02!important}.page-hero p,.catalog-hero p,.plans-hero p,.quick-contact-hero p,.sites-hero p,.case-hero p,.legal-hero p{font-size:15px!important}
  .content,.catalog-section,.plans-section,.quick-contact-layout,.sites-showcase,.case-content,.legal-content,.portfolio-section{padding:46px 0 68px!important}
  .mc-stat-strip{grid-template-columns:1fr}.mc-stat-strip div{min-height:auto}.mc-section-head,.mc-process-band header{display:block}.mc-section-head p,.mc-process-band header p{margin-top:16px}.mc-card-grid,.services-catalog-grid,.technology-grid,.about-page .about-principles,.portfolio-grid,.case-benefits{grid-template-columns:1fr!important}
  .mc-editorial-card,.catalog-card{min-height:260px!important}.about-page .about-principles section{min-height:255px!important}.about-page .about-principles section h2{margin-top:100px!important}
  .mc-process-band{padding:25px}.mc-process-list{grid-template-columns:1fr}.mc-process-list article{border-right:0!important;border-bottom:1px solid var(--mc-hairline)!important}.mc-process-list article:last-child{border-bottom:0!important}
  .mc-cta-panel,.page-wide-cta,.plans-custom,.sites-note{padding:28px!important;margin-bottom:68px!important}.mc-cta-panel>a,.page-wide-cta>a,.plans-custom a,.sites-note .btn{width:100%!important}
  .catalog-hero-note,.plans-hero-note,.quick-contact-aside,.quick-contact-form,.case-hero-side{padding:24px!important}.quick-contact-grid{grid-template-columns:1fr!important}.quick-contact-grid .full{grid-column:auto!important}
  .sites-hero-meta{max-width:none!important}.showcase-project{padding:48px 0!important}.showcase-copy h2{font-size:38px!important}.project-browser{border-radius:12px!important}
  .case-steps article{grid-template-columns:42px 1fr}.error-code{font-size:120px}.error-panel{padding:70px 0}
  footer .footer-grid{grid-template-columns:1fr!important;gap:30px!important;padding:58px 0 44px!important}.footer-grid>div:first-child{grid-column:auto!important}.copyright{flex-direction:column!important;gap:8px!important}
}
@media(prefers-reduced-motion:reduce){.catalog-card,.mc-editorial-card,.portfolio-card,.plan{transition:none!important}}

/* Neutraliza estilos antigos do menu ativo e do botão hambúrguer. */
html[data-theme] #header nav>a.active,
html[data-theme] #header nav>a:hover{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}
#header .menu .menu-word,
#header .menu.active .menu-word{
  display:block!important;width:auto!important;height:auto!important;margin:0!important;
  border-radius:0!important;background:none!important;transform:none!important;opacity:1!important;
}
@media(max-width:980px){
  html[data-theme] #header nav>a.active{padding-left:12px!important;border-left:2px solid #8c68ff!important;color:var(--mc-ink)!important}
  html[data-theme] #header nav>a.active span{color:var(--mc-ink)!important}
}
