/* Experiência pública v19: navegação autoral e movimento com propósito */
html{color-scheme:light;scroll-behavior:smooth}
body:not(.portal-body){transition:background-color .3s ease,color .3s ease}
@media(min-width:781px){
  #header{height:86px!important;padding:0 24px!important;border-bottom:1px solid rgba(111,91,145,.14)!important;background:rgba(250,249,252,.86)!important;box-shadow:0 12px 36px rgba(30,21,49,.045)!important;backdrop-filter:blur(22px) saturate(150%)!important;transition:height .3s ease,background .3s ease,box-shadow .3s ease!important}
  #header.compact{height:72px!important;background:rgba(250,249,252,.95)!important;box-shadow:0 14px 40px rgba(30,21,49,.09)!important}
  #header:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent 8%,#7437ff 34%,#0878ff 53%,#2fe4c7 68%,transparent 92%);transform:scaleX(.35);opacity:.55;transition:transform .45s ease,opacity .45s ease}
  #header.compact:after{transform:scaleX(1);opacity:.8}
  #header .header-shell{position:relative;display:grid!important;grid-template-columns:minmax(205px,1fr) auto auto auto;gap:17px;max-width:1320px!important;height:100%;margin:auto!important;padding:0!important}
  #header .brand-logo{position:relative;width:max-content;transition:transform .25s ease}#header .brand-logo:hover{transform:translateY(-2px)}#header .brand-logo:after{content:"";position:absolute;right:-13px;top:50%;width:5px;height:5px;border-radius:50%;background:#2fe4c7;box-shadow:0 0 0 5px rgba(47,228,199,.11),0 0 16px #2fe4c7;transform:translateY(-50%)}
  #header nav{position:relative;display:flex!important;gap:3px!important;padding:5px!important;border:1px solid rgba(113,56,232,.1);border-radius:15px;background:rgba(255,255,255,.54);box-shadow:inset 0 1px rgba(255,255,255,.65)}
  #header nav a{position:relative;padding:10px 12px!important;border-radius:10px;color:#625d6b!important;font-size:11px!important;font-weight:700;transition:color .2s ease,background .2s ease,transform .2s ease!important}
  #header nav a:after{display:none!important}#header nav a:hover{color:#17131f!important;background:rgba(113,56,232,.065);transform:translateY(-1px)}#header nav a.active{color:#fff!important;background:linear-gradient(115deg,#6f30e8,#2769f2)!important;box-shadow:0 8px 20px rgba(91,50,205,.2)}
  #header .header-contact{position:relative;min-height:46px;padding:0 8px 0 17px!important;border:1px solid #17131f!important;border-radius:12px!important;background:#111019!important;color:#fff!important;overflow:hidden;box-shadow:0 10px 28px rgba(18,14,27,.14)!important}
  #header .header-contact:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.13),transparent 70%);transform:translateX(-120%);transition:transform .55s ease}#header .header-contact:hover:before{transform:translateX(120%)}#header .header-contact b{display:grid;place-items:center;width:30px;height:30px;margin-left:12px;border-radius:9px;background:linear-gradient(135deg,#7937ff,#0878ff)}
}
.site-progress{position:fixed;z-index:200;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#7937ff,#0878ff,#2fe4c7);box-shadow:0 0 12px rgba(72,111,255,.55);pointer-events:none}
.studio-home:before,.sites-page:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle 420px at var(--mx,75%) var(--my,22%),rgba(112,55,255,.07),transparent 70%);pointer-events:none}
.studio-btn,.btn,.header-contact{isolation:isolate}.studio-btn:after,main:not(.studio-home) .btn:after{content:"";position:absolute;z-index:-1;top:-60%;left:-35%;width:25%;height:220%;background:rgba(255,255,255,.2);transform:rotate(22deg) translateX(-320%);transition:transform .65s ease}.studio-btn:hover:after,main:not(.studio-home) .btn:hover:after{transform:rotate(22deg) translateX(650%)}
.hero-stage,.project-visual,.project-browser{transform:perspective(1200px) rotateX(calc((var(--pointer-y,.5) - .5)*-1.5deg)) rotateY(calc((var(--pointer-x,.5) - .5)*2deg));transition:transform .25s ease,box-shadow .25s ease}

/* Páginas internas abertas: conteúdo editorial sem aparência de cartão flutuante */
body:not(.portal-body)>main:not(.studio-home)>.content{max-width:1296px;margin:0 auto!important;padding:clamp(62px,8vw,110px) clamp(24px,5vw,76px)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body:not(.portal-body)>main:not(.studio-home)>.content:before{content:"";display:block;width:100%;height:1px;margin-bottom:clamp(45px,6vw,78px);background:linear-gradient(90deg,#7a2cff,#087dff 18%,#e4dfeb 18%,#e4dfeb)}
body:not(.portal-body)>main:not(.studio-home)>.section{max-width:1296px!important;padding-inline:24px!important}

@media(max-width:780px){#header .header-shell{gap:10px}#header .brand-logo{order:1}#header .menu{order:3;margin-left:auto}#header nav{top:71px!important}body:not(.portal-body)>main:not(.studio-home)>.content{padding:45px 20px 65px!important}.hero-stage,.project-visual,.project-browser{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-progress{display:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-stage,.project-visual,.project-browser{transform:none!important}}