/* Gestar Mídia — Signature Reveal v6 — centralização geométrica responsiva.
   O SVG original é preservado. O conjunto usa layout flex de largura intrínseca:
   o ícone + nome ficam perfeitamente centrados como uma única peça. */
#splash.gm-intro-splash{
 display:grid;place-items:center;
 background:radial-gradient(ellipse at 50% 60%,#221037 0%,#0f091c 54%,#07050e 100%);
 isolation:isolate;overflow:hidden;
}
#splash.gm-intro-splash:before{
 content:"";position:absolute;inset:-20%;width:auto;height:auto;border-radius:0;
 background:radial-gradient(circle at 18% 74%,#722ce71b,transparent 38%),radial-gradient(circle at 83% 24%,#25b5ed14,transparent 33%);
 animation:gm-ambient 5.4s ease-in-out both;pointer-events:none;
}
#splash.gm-intro-splash:after{content:none}
.gm-cinematic{
 --gm-symbol:clamp(48px,9vw,78px);
 --gm-gap:clamp(8px,1.8vw,16px);
 --gm-start-shift:0px;
 position:relative;display:flex;align-items:center;justify-content:center;
 gap:var(--gm-gap);
 width:max-content;max-width:94vw;height:150px;margin:auto;
 z-index:1;isolation:isolate;
}
.gm-cinematic-mark{
 position:relative;flex:0 0 var(--gm-symbol);
 width:var(--gm-symbol);height:var(--gm-symbol);
 display:block;opacity:0;
 transform:translateX(var(--gm-start-shift)) scale(.88);
 filter:drop-shadow(0 0 14px #8025ef80);
 animation:gm-logo-enter 5.25s cubic-bezier(.22,.76,.21,1) both;
}
.gm-cinematic-mark svg{width:100%;height:100%;display:block;overflow:visible}
.gm-cinematic-mark .gm-triangle{fill:url(#gm-intro-gradient)}
.gm-cinematic-mark .gm-highlight{fill:#ffffff33}
.gm-cinematic-mark .gm-shine{fill:url(#gm-intro-blue)}
.gm-cinematic-name{
 position:relative;display:block;flex:0 0 auto;
 white-space:nowrap;
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-weight:850;font-size:clamp(21px,5vw,51px);
 letter-spacing:-.048em;line-height:1.18;
 opacity:0;filter:blur(9px);transform:translateY(14px);
 animation:gm-word-arrive 5.25s ease both;
}
.gm-name-white{color:#fff}.gm-name-purple{color:#ad55fc}
.gm-aura{
 position:absolute;left:50%;top:50%;width:130px;height:130px;
 transform:translate(-50%,-50%) scale(.15);border-radius:50%;
 box-shadow:0 0 0 1px #ae68ff80,0 0 42px #782cff65;opacity:0;
 animation:gm-aura-pulse 5.25s ease-out both;pointer-events:none;
}
.gm-cinematic-flare{
 position:absolute;left:0;right:0;top:calc(50% + var(--gm-symbol)*.64);
 height:2px;background:linear-gradient(90deg,transparent,#9e40f9,#5dd1fd,transparent);
 transform:scaleX(0);transform-origin:center;opacity:0;
 animation:gm-flare-draw 5.25s ease both;pointer-events:none;
}
.gm-cinematic-caption{
 position:absolute;top:calc(50% + var(--gm-symbol)*.78);
 left:0;width:100%;text-align:center;
 font:600 clamp(8px,1.3vw,10px) Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 letter-spacing:.22em;color:#a69bb9;white-space:nowrap;
 opacity:0;animation:gm-caption-show 5.25s ease both;
}
@keyframes gm-logo-enter{
 0%{opacity:0;transform:translateX(var(--gm-start-shift)) scale(.7)}
 10%,22%{opacity:1;transform:translateX(var(--gm-start-shift)) scale(1)}
 27%{opacity:1;transform:translateX(var(--gm-start-shift)) scale(.91)}
 34%{opacity:1;transform:translateX(var(--gm-start-shift)) scale(1.08)}
 55%,100%{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes gm-word-arrive{
 0%,42%{opacity:0;filter:blur(9px);transform:translateY(14px)}
 62%,100%{opacity:1;filter:blur(0);transform:translateY(0)}
}
@keyframes gm-aura-pulse{
 0%,23%{opacity:0;transform:translate(-50%,-50%) scale(.15)}
 31%{opacity:.85;transform:translate(-50%,-50%) scale(1)}
 43%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}
}
@keyframes gm-flare-draw{
 0%,51%{opacity:0;transform:scaleX(0)}
 60%{opacity:.75;transform:scaleX(1)}
 73%,100%{opacity:0;transform:scaleX(1)}
}
@keyframes gm-caption-show{
 0%,68%{opacity:0;transform:translateY(6px)}
 80%,100%{opacity:1;transform:translateY(0)}
}
@keyframes gm-ambient{from{opacity:.35;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}
@media(max-width:580px){
 .gm-cinematic{--gm-symbol:clamp(38px,11vw,52px);--gm-gap:clamp(6px,1.8vw,10px);height:112px}
 .gm-cinematic-name{font-size:clamp(17px,5.35vw,29px);letter-spacing:-.055em}
 .gm-cinematic-caption{letter-spacing:.1em;font-size:clamp(7px,1.8vw,9px)}
}
@media(prefers-reduced-motion:reduce){
 .gm-cinematic-mark{animation:none;opacity:1;transform:none}
 .gm-cinematic-name{animation:none;opacity:1;filter:none;transform:none}
 .gm-cinematic-caption{animation:none;opacity:1}
 .gm-aura,.gm-cinematic-flare{display:none}
}
