/* Base estável: conteúdo com largura máxima de 1440px e gutters previsíveis */
:root{--site-max:1440px;--site-gutter:clamp(20px,4vw,64px);--site-ink:#111019;--site-muted:#686574;--site-bg:#f8f7fb;--site-surface:#fff;--site-line:#e5e1ea}
html,body{width:100%;max-width:100%;overflow-x:hidden}
#header .header-shell,.studio-intro,.studio-services,.studio-work,.footer-grid,.copyright,.sites-showcase,.contact-layout,body:not(.portal-body)>main:not(.studio-home)>.content,body:not(.portal-body)>main:not(.studio-home)>.section{width:min(100%,var(--site-max));max-width:var(--site-max);margin-inline:auto}
.studio-hero,.page-hero,.contact-intro,.sites-hero{padding-right:max(var(--site-gutter),calc((100vw - var(--site-max))/2 + var(--site-gutter)))!important;padding-left:max(var(--site-gutter),calc((100vw - var(--site-max))/2 + var(--site-gutter)))!important}
.studio-intro,.studio-services,.studio-work,.sites-showcase,.contact-layout,body:not(.portal-body)>main:not(.studio-home)>.content,body:not(.portal-body)>main:not(.studio-home)>.section{padding-right:var(--site-gutter)!important;padding-left:var(--site-gutter)!important}
.footer-grid,.copyright{padding-right:var(--site-gutter);padding-left:var(--site-gutter)}

/* Cabeçalho equilibrado no desktop */
@media(min-width:1121px){
  #header{height:88px!important;padding:0 20px!important}
  #header.compact{height:74px!important}
  #header .header-shell{grid-template-columns:minmax(220px,1fr) auto 178px!important;gap:14px!important;width:min(calc(100% - 8px),var(--site-max))!important}
  #header nav{min-width:0;gap:2px!important;padding:5px!important}
  #header nav a{padding:11px clamp(10px,1.05vw,14px)!important;font-size:14px!important;line-height:1.15;white-space:nowrap}
  #header .brand-logo img{width:215px!important}
  #header .header-contact{justify-content:space-between;min-width:178px}
}

/* Tablet usa o mesmo menu móvel para não comprimir links */
@media(max-width:1120px){
  #header{height:76px!important;padding:8px 16px!important;background:rgba(250,249,252,.96)!important}
  #header .header-shell{position:relative;display:flex!important;width:100%!important;height:60px!important;gap:10px!important;padding:0!important}
  #header .brand-logo{order:1}#header .brand-logo img{width:185px!important}
  #header .menu{order:3;display:flex!important;width:42px;height:42px;margin-left:auto;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #ded9e8;border-radius:11px;background:#fff;color:#25202e}
  #header .menu span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:.2s}
  #header .menu.active span:first-child{transform:translateY(7px) rotate(45deg)}#header .menu.active span:nth-child(2){opacity:0}#header .menu.active span:last-child{transform:translateY(-7px) rotate(-45deg)}
  #header nav{position:absolute!important;z-index:120;top:67px!important;right:0!important;left:auto!important;display:none!important;width:min(420px,calc(100vw - 32px))!important;height:auto!important;padding:10px!important;border:1px solid #e1dce8!important;border-radius:15px!important;background:#fff!important;box-shadow:0 25px 65px rgba(23,16,38,.18)!important}
  #header nav.open{display:flex!important;flex-direction:column!important}
  #header nav a{width:100%;padding:14px 15px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#56515f!important;font-size:15px!important;line-height:1.2;text-align:left}
  #header nav a:hover,#header nav a.active{background:#f0eafb!important;color:#6c32d7!important}
  #header .header-contact{display:none!important}
}
@media(max-width:520px){#header{padding-inline:12px!important}#header .brand-logo img{width:160px!important}#header nav{width:calc(100vw - 24px)!important}.studio-hero,.page-hero,.contact-intro,.sites-hero{padding-inline:20px!important}}

/* O efeito acompanha o cursor sem inclinar ou borrar os componentes */
.hero-stage,.project-visual,.project-browser{transform:none!important}.project-browser:hover{transform:translateY(-4px)!important}

/* Tema escuro completo e consistente */
html[data-theme=dark]{--site-ink:#f2f5fa;--site-muted:#9ca7b8;--site-bg:#080a10;--site-surface:#0f141d;--site-line:#283142}
html[data-theme=dark] body:not(.portal-body),html[data-theme=dark] .studio-home,html[data-theme=dark] main:not(.studio-home){background:var(--site-bg)!important;color:var(--site-ink)!important}
html[data-theme=dark] #header{border-color:#222a39!important;background:rgba(8,10,16,.95)!important}html[data-theme=dark] #header .menu,html[data-theme=dark] #header .theme-toggle{border-color:#30394b!important;background:#10151e!important;color:#e7ebf2!important}
html[data-theme=dark] #header nav{border-color:#283142!important;background:#0e131c!important}html[data-theme=dark] #header nav a{color:#b2bccb!important}html[data-theme=dark] #header nav a:hover,html[data-theme=dark] #header nav a.active{background:#1b1630!important;color:#c6a9ff!important}
@media(min-width:1121px){html[data-theme=dark] #header nav a.active{background:linear-gradient(115deg,#6f30e8,#2769f2)!important;color:#fff!important}}
html[data-theme=dark] .studio-hero{background:linear-gradient(128deg,#090c13,#0d111a 56%,#151127)!important}html[data-theme=dark] .studio-hero h1,html[data-theme=dark] .studio-intro h2,html[data-theme=dark] .studio-section-head h2,html[data-theme=dark] .studio-service-card h3,html[data-theme=dark] .studio-empty-work h3{color:#f4f6fa!important}html[data-theme=dark] .studio-hero .hero-copy>p,html[data-theme=dark] .studio-intro p,html[data-theme=dark] .studio-service-card p,html[data-theme=dark] .hero-proof{color:#98a3b4!important}html[data-theme=dark] .studio-btn.text,html[data-theme=dark] .studio-link{color:#dce2ec!important;border-color:#4a5362}
html[data-theme=dark] .studio-intro,html[data-theme=dark] .studio-services,html[data-theme=dark] .studio-work{background:transparent!important}html[data-theme=dark] .studio-service-grid{border-color:#283142!important}html[data-theme=dark] .studio-service-card{border-color:#283142!important;background:#0c1119!important}html[data-theme=dark] .studio-service-card:hover{background:#111824!important;box-shadow:0 24px 60px rgba(0,0,0,.3)}html[data-theme=dark] .studio-service-card>div i{background:#211733;color:#b58cff}html[data-theme=dark] .studio-service-card>a{border-color:#344055;color:#dce2eb}html[data-theme=dark] .studio-service-card:hover>a{background:#e8ecf3;color:#11151d}
html[data-theme=dark] .studio-empty-work,html[data-theme=dark] .studio-tech-strip{border-color:#283142!important;background:#0d121a!important;color:#dce2eb!important}html[data-theme=dark] .hero-scroll{color:#8f9aaa}html[data-theme=dark] .hero-scroll i{border-color:#394355}
html[data-theme=dark] .page-hero,html[data-theme=dark] .contact-intro,html[data-theme=dark] .sites-hero{border-color:#252e3d!important;background:linear-gradient(135deg,#0b0f16,#111622)!important}html[data-theme=dark] .page-hero h1,html[data-theme=dark] .contact-intro h1,html[data-theme=dark] .sites-hero h1{color:#f4f6fa!important}html[data-theme=dark] :is(.page-hero,.contact-intro,.sites-hero) p{color:#9ca7b8!important}
html[data-theme=dark] main:not(.studio-home) .glass-card,html[data-theme=dark] main:not(.studio-home) .plan:not(.featured){border-color:#283142!important;background:#0d121a!important;color:#edf1f7!important}html[data-theme=dark] main:not(.studio-home) :is(.glass-card,.plan) h3{color:#edf1f7!important}html[data-theme=dark] main:not(.studio-home) :is(.glass-card,.plan) p{color:#9da8b8!important}html[data-theme=dark] main:not(.studio-home) .plan-items{border-color:#293243!important;color:#b2bccb!important}
html[data-theme=dark] .contact-status,html[data-theme=dark] .contact-sidebar,html[data-theme=dark] .contact-form{border-color:#293243!important;background:#0e131c!important;color:#edf1f7!important;box-shadow:none!important}html[data-theme=dark] .contact-status span,html[data-theme=dark] .contact-status strong,html[data-theme=dark] .contact-sidebar h2,html[data-theme=dark] .contact-steps strong,html[data-theme=dark] .form-section-title h2,html[data-theme=dark] .contact-form label{color:#e8ecf3!important}html[data-theme=dark] .contact-sidebar>p,html[data-theme=dark] .contact-steps small,html[data-theme=dark] .form-section-title p{color:#929dae!important}html[data-theme=dark] .contact-steps>div{border-color:#283142!important}html[data-theme=dark] .contact-direct,html[data-theme=dark] .privacy-check{border-color:#2d3748!important;background:#0a0e15!important;color:#b6c0cf!important}
html[data-theme=dark] .contact-form input,html[data-theme=dark] .contact-form select,html[data-theme=dark] .contact-form textarea{border-color:#303a4d!important;background:#090d14!important;color:#edf1f7!important}html[data-theme=dark] .contact-form input:focus,html[data-theme=dark] .contact-form select:focus,html[data-theme=dark] .contact-form textarea:focus{border-color:#8153e5!important;background:#0b1018!important}
html[data-theme=dark] .project-name-card{border-color:#293243!important;background:#0d121a!important;color:#eef2f7!important}html[data-theme=dark] .project-name-card span{color:#a98aff!important}
html[data-theme=dark] .sites-page .showcase-project{border-color:#293243!important;background:linear-gradient(160deg,#10151e,#0b0f16)!important;color:#edf1f7!important}html[data-theme=dark] .sites-page .showcase-copy h2{color:#f3f5f9!important}html[data-theme=dark] .sites-page .showcase-copy>p{color:#99a4b5!important}html[data-theme=dark] .sites-hero-meta{border-color:#2b3546!important;background:#10151e!important;color:#edf1f7!important}html[data-theme=dark] .project-stack span{border-color:#3a3150!important;background:#191426!important;color:#c0a5ef!important}html[data-theme=dark] .project-pagination a,html[data-theme=dark] .project-pagination span{border-color:#2e384a!important;background:#10151e!important;color:#aeb9c9!important}html[data-theme=dark] .project-pagination a.active{background:#7138e8!important;color:#fff!important}
html[data-theme=dark] body:not(.portal-body)>main:not(.studio-home)>.content h2,html[data-theme=dark] body:not(.portal-body)>main:not(.studio-home)>.content h3{color:#f0f3f8!important}html[data-theme=dark] body:not(.portal-body)>main:not(.studio-home)>.content p{color:#a4afbf!important}html[data-theme=dark] body:not(.portal-body)>main:not(.studio-home)>.content .tags span{border-color:#3a3150;background:#191426;color:#c3a7f1}
html[data-theme=dark] footer{border-color:#202838!important;background:#06080c!important}html[data-theme=dark] footer h3{color:#eef2f8}html[data-theme=dark] footer a,html[data-theme=dark] footer p{color:#9da7b6}.footer-logo img{filter:brightness(0) invert(1)}

@media(max-width:900px){.studio-hero{grid-template-columns:1fr!important;min-height:auto!important;gap:35px;padding-top:75px!important;padding-bottom:75px!important}.hero-copy{max-width:760px}.hero-stage{min-height:430px}.stage-window{min-height:390px}.studio-intro{grid-template-columns:50px 1fr!important}.studio-intro>div:last-child{grid-column:2}.contact-layout{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){:root{--site-gutter:20px}.studio-hero h1{font-size:clamp(42px,13vw,58px)!important}.hero-stage{min-height:350px}.stage-window{min-height:310px}.stage-content{padding:38px 22px}.studio-intro{display:block!important}.studio-intro>div:last-child{grid-column:auto}.studio-service-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr!important}.footer-grid>div{padding-bottom:20px}.copyright{align-items:flex-start;text-align:left}.sites-showcase{padding-inline:12px!important}}