:root{--bg:#080f1e;--panel:#111e31;--line:#293b52;--text:#f2f7ff;--muted:#a9bace;--cyan:#38d4d4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:radial-gradient(ellipse at 95% 0,#143e50 0,transparent 30%),var(--bg);color:var(--text);font:16px/1.7 Manrope,Arial,sans-serif}a{color:inherit}header{border-bottom:1px solid var(--line);background:#080f1eed;position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.bar{max-width:1180px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:145px;height:64px;object-fit:contain}.label,.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);font-weight:700}main{max-width:1180px;margin:auto;padding:0 28px}h1{font-size:clamp(42px,6.7vw,80px);letter-spacing:-3px;line-height:1.04;margin:25px 0;max-width:900px}h1 span{color:var(--cyan)}h2{font-size:clamp(29px,4vw,43px);line-height:1.15;letter-spacing:-1px;margin:10px 0 20px}h3{font-size:21px;line-height:1.3;margin:0 0 12px}p{margin:0 0 16px;color:var(--muted)}strong{color:var(--text)}.hero{padding:72px 0 48px}.lead{font-size:20px;max-width:720px}.note{border-left:3px solid var(--cyan);padding:18px 23px;background:#12283a;border-radius:0 12px 12px 0;max-width:820px;margin:30px 0}.note p{margin:0}.button{display:inline-flex;text-decoration:none;align-items:center;gap:25px;background:var(--cyan);color:#08141e;font-weight:bold;padding:14px 23px;border-radius:8px}.nav{display:flex;flex-wrap:wrap;gap:9px;margin:35px 0 0}.nav a{border:1px solid var(--line);border-radius:30px;text-decoration:none;font-size:13px;padding:9px 16px}.nav a:hover{border-color:var(--cyan);color:var(--cyan)}section{padding:60px 0;border-top:1px solid var(--line)}.section-title{display:grid;grid-template-columns:80px 1fr;gap:20px;margin-bottom:25px}.num{font-size:54px;line-height:1.1;color:#385269;letter-spacing:-3px}.section-title p{max-width:730px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.card p:last-child{margin-bottom:0}.accent{border-color:#2c717b;background:linear-gradient(130deg,#163746,#111e31)}.mini{font-size:11px;color:var(--cyan);letter-spacing:1.5px;text-transform:uppercase;display:block;margin-bottom:15px}.flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;font-size:13px}.flow span{padding:9px 13px;background:#192d40;border-radius:8px}.flow b{color:var(--cyan)}.video{margin-top:22px;background:linear-gradient(135deg,#10273a,#09131f);border:1px solid #3b657b;border-radius:16px;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:20px;padding:30px}.play{width:70px;height:70px;border-radius:50%;border:1px solid #38d4d455;display:grid;place-items:center;color:var(--cyan);font-size:25px}.video h3{margin-bottom:6px}.video p{margin:0;font-size:14px}.status{display:inline-block;border:1px solid #3b5268;border-radius:30px;padding:3px 10px;font-size:11px;color:#b9cad8;margin-top:12px}.schedule{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.quantity{font-size:65px;font-weight:700;line-height:1.1;color:var(--cyan);letter-spacing:-3px}.quantity small{font-size:18px;letter-spacing:0;color:var(--text);font-weight:normal}.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.checklist .card{padding:23px}.check{font-size:13px;color:var(--cyan);display:block;margin-bottom:18px}.checklist h3{font-size:18px}.checklist p{font-size:14px}.wide{margin-top:18px}.closing{padding:70px 0 80px;text-align:center}.closing h2{max-width:850px;margin:20px auto;font-size:clamp(31px,4vw,49px)}.closing p{max-width:650px;margin:0 auto 23px}.footer{border-top:1px solid var(--line);padding:25px;text-align:center;color:var(--muted);font-size:12px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--cyan);font-size:22px}details[open] summary:after{content:'−'}details p{margin:15px 0 0;max-width:800px}a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@media(max-width:700px){.bar{padding:12px 20px}.logo{width:120px;height:52px}.label{font-size:9px;max-width:115px;text-align:right}main{padding:0 20px}h1{letter-spacing:-1.8px}.hero{padding:48px 0 35px}.lead{font-size:18px}.grid,.schedule{grid-template-columns:1fr}.checklist{grid-template-columns:1fr 1fr}.section-title{grid-template-columns:42px 1fr;gap:13px}.num{font-size:35px;letter-spacing:-1px}.card{padding:23px}section{padding:42px 0}.video{grid-template-columns:1fr;padding:24px}.play{width:48px;height:48px;font-size:18px}.checklist .card{padding:19px}.closing{padding:48px 0}.nav a{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
h1,h2,h3{font-family:"Space Grotesk",Arial,sans-serif}button{font:inherit}.video{position:relative}.video-trigger{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;border-radius:16px;cursor:pointer}.video:has(.video-trigger:hover){border-color:var(--cyan);background:#153346}.video-trigger:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.theater{width:min(1200px,94vw);max-width:none;padding:0;border:1px solid #33495d;border-radius:18px;background:#080f1e;color:var(--text);max-height:94dvh;overflow:auto}.theater::backdrop{background:#000e;backdrop-filter:blur(7px)}.theater-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px}.theater-top h3{font-size:20px;margin:0}.close-theater{border:1px solid #476073;background:#142537;color:white;border-radius:8px;padding:8px 15px;cursor:pointer;white-space:nowrap}.screen{aspect-ratio:16/9;background:#03070c;display:grid;place-items:center;position:relative}.screen video{width:100%;height:100%;object-fit:contain}.screen video[hidden]{display:none}.video-pending{text-align:center;padding:24px;max-width:550px}.video-pending .play{margin:0 auto 20px}.video-pending p{margin:10px 0 0}.theater-footer{padding:12px 24px;color:var(--muted);font-size:12px}@media(max-width:600px){.theater-top{padding:15px}.theater-top h3{font-size:16px}.close-theater{font-size:12px;padding:8px}.video-pending h3{font-size:16px}.video-pending p{font-size:13px}.theater-footer{padding:12px 15px}}.mobile-guide,.slide-navigation{display:none}@media(max-width:700px){body{background:radial-gradient(ellipse at 100% 0,#174356 0,transparent 38%),#080f1e}main{padding:0 20px}.bar{padding:12px 20px}.logo{width:112px;height:49px}.bar .label{font-size:8px;letter-spacing:1.1px;max-width:155px}.hero{padding:35px 0 32px}h1{font-size:43px;line-height:1.08;letter-spacing:-2px;margin:20px 0}.lead{font-size:16px;line-height:1.8}.hero .note{font-size:14px;padding:17px 18px;margin:24px 0}.hero>.button{display:flex;justify-content:space-between;width:100%}.hero .nav{display:grid;grid-template-columns:1fr;gap:10px;margin-top:25px}.hero .nav a{display:flex;align-items:center;justify-content:space-between;border:1px solid #2c465b;border-radius:13px;background:linear-gradient(120deg,#142b3d,#101d2d);padding:17px 18px;font-size:14px;font-weight:600}.hero .nav a:after{content:'↗';color:var(--cyan);font-size:20px}.mobile-guide{display:block;padding:24px 0 8px}.mobile-guide[hidden]{display:none}.guide-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.guide-menu{background:none;border:1px solid #385569;color:#d4e7f2;border-radius:30px;padding:8px 13px;font-size:12px;cursor:pointer}.guide-count{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--cyan)}.guide-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.guide-progress span{height:3px;border-radius:4px;background:#263a4d}.guide-progress span.current{background:var(--cyan)}.mobile-slide{display:none!important}.mobile-slide.is-current{display:block!important;animation:slideReveal .3s ease-out}.mobile-slide.is-current.hero{border:0}.mobile-slide.is-current:not(.hero){border-top:0;padding-top:27px}.section-title{display:block;margin-bottom:25px}.section-title>.num{display:block;font:500 16px 'Space Grotesk',sans-serif;color:var(--cyan);letter-spacing:1px;margin-bottom:16px}.section-title .eyebrow{font-size:10px;letter-spacing:1.6px}.section-title h2,#duvidas h2{font-size:35px;line-height:1.12;margin:12px 0 17px}.section-title p{font-size:15px}.grid,.schedule,.checklist{grid-template-columns:1fr;gap:14px}.card{border-radius:17px;padding:23px;background:linear-gradient(145deg,#152539,#0e1b2b)}.card.accent{background:linear-gradient(130deg,#153a48,#102032)}.card p{font-size:14px;line-height:1.85}.card h3{font-size:21px}.mini{font-size:10px}.checklist .card{display:grid;grid-template-columns:1fr;padding:21px}.check{margin-bottom:10px}.checklist h3{font-size:21px}.checklist p{font-size:14px}.video{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:22px 18px;border-radius:16px;background:linear-gradient(120deg,#17404b,#102133);border-style:solid;border-color:#347680}.video .play{width:43px;height:43px}.video h3{font-size:18px}.video p{font-size:12px}.status{font-size:10px}.quantity{font-size:60px}.flow{gap:7px;font-size:11px}.flow span{padding:8px 10px}.note{font-size:14px}.slide-navigation{display:flex;flex-direction:column;gap:15px;margin:32px 0 0;padding-top:25px;border-top:1px solid var(--line)}.slide-next{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;background:var(--cyan);border:0;border-radius:13px;padding:17px 20px;text-align:left;color:#071521;cursor:pointer}.slide-next small{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;opacity:.72;margin-bottom:4px}.slide-next strong{color:#071521;font-size:16px}.slide-next .arrow{font-size:25px}.slide-back{align-self:flex-start;border:0;padding:5px 0;background:none;color:#a8bdcf;font-size:13px;cursor:pointer}.closing.is-current{padding:36px 0 44px}.closing h2{font-size:34px;line-height:1.2}.closing p{font-size:15px}details{padding:21px 0}summary{font-size:15px}details p{font-size:14px}.footer{font-size:10px;padding:21px}.theater{width:94vw}@keyframes slideReveal{from{opacity:0;transform:translateX(13px)}to{opacity:1;transform:translateX(0)}}}@media(prefers-reduced-motion:reduce){.mobile-slide.is-current{animation:none}}
/* Identidade visual alinhada à referência GBK GP4. */
:root{--bg:#050811;--panel:#0c1220;--line:#22304a;--text:#f5f8ff;--muted:#9eabc1;--blue:#367bff;--cyan:#26d9ff}
body{background:radial-gradient(ellipse at 95% 0,#1c6dff26,transparent 36%),var(--bg)}header{background:#050811ed}.card,.checklist .card{background:linear-gradient(150deg,#10192a,#090e18);border:1px solid var(--line);border-radius:18px}.card.accent{background:linear-gradient(145deg,#111b2d,#080c15);border-color:#283b60}.note{background:#0a1425;border:1px solid #2b4777;border-left:3px solid var(--cyan);border-radius:14px}.video{background:radial-gradient(circle at 70% 10%,#296eff38,transparent 38%),linear-gradient(145deg,#101a2d,#080d17);border:1px solid #2b4777;border-radius:24px}.video-trigger{border-radius:24px}.video:has(.video-trigger:hover){border-color:#367bff;background:linear-gradient(145deg,#172849,#0b1422)}.play{background:#1b5fff;border:1px solid #6d9eff;color:white;box-shadow:0 0 0 8px #246cff14}.button,.slide-next{background:linear-gradient(135deg,var(--blue),#6058f5);color:white;border:1px solid transparent;border-radius:10px;box-shadow:0 14px 36px #2265ff2e}.slide-next strong{color:white}.button:hover,.slide-next:hover{box-shadow:0 18px 42px #2265ff4d}.nav a,.hero .nav a{border-radius:10px;border:1px solid #33435f;background:#0c1422}.flow span{border:1px solid #202d45;border-radius:12px;background:#0d1422}.status{border:1px solid #33435f;border-radius:10px}.theater{background:#050811;border-color:#2b4777;border-radius:24px}.close-theater{border-radius:10px;background:#0c1422;border-color:#33435f}.screen{background:#050811}.guide-menu{background:#0c1422;border:1px solid #33435f;border-radius:10px}.guide-progress span{background:#22304a}.guide-progress span.current{background:linear-gradient(90deg,#367bff,#26d9ff)}.num{color:#6b85ad}h1 span{color:transparent;background:linear-gradient(90deg,#fff 5%,var(--cyan) 55%,#8f8cff);background-clip:text;-webkit-background-clip:text}.footer{color:#718099;border-color:#172238}
@media(max-width:700px){body{background:radial-gradient(ellipse at 100% 0,#1c6dff26,transparent 38%),#050811}.card,.checklist .card{border-radius:18px}.video,.video-trigger{border-radius:24px}.hero .nav a{border-color:#33435f;background:linear-gradient(145deg,#101a2d,#080d17)}.note{border-radius:14px}.slide-next{border-radius:10px}.bar .label{color:#9eabc1}}
.theater{width:60vw;max-width:60vw}.screen iframe{display:block;width:100%;height:100%;border:0;aspect-ratio:16/9}.theater-top{padding:12px;gap:8px;align-items:flex-start}.theater-top h3{font-size:clamp(10px,1.2vw,18px);overflow-wrap:anywhere}.close-theater{padding:6px 8px;font-size:11px}.theater-footer{padding:10px 12px;font-size:10px}@media(max-width:700px){.theater{width:72vw;max-width:72vw;border-radius:12px}.theater-top{flex-direction:column;padding:7px}.theater-top h3{font-size:10px}.close-theater{font-size:9px;padding:4px 6px}.theater-footer{font-size:8px;padding:7px}}@media(max-width:700px){.hero .nav a:after{content:none;display:none}.button>span,.slide-next>.arrow,.flow>b{display:none}}
/* Mobile: category hub and independent reading slides. */
.mobile-intro,.menu-heading,.category-description,.category-number,.home-reminder{display:none}
@media(max-width:700px){
html{scroll-padding-top:90px}body{background:#070b14}header{background:#070b14f5}.bar{padding:12px 22px;min-height:76px}.bar .logo{width:104px;height:44px}.bar .label{font-size:8px;letter-spacing:1.2px;line-height:1.7}
main{padding:0 22px;max-width:540px}.hero{padding:30px 0 28px;min-height:calc(100svh - 124px)}.hero>.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8a9ebc}.hero h1{font-size:34px;line-height:1.13;letter-spacing:-1.4px;margin:15px 0 14px}.hero h1 span{background:none;color:#f5f8ff;-webkit-text-fill-color:initial}.hero>.lead,.hero>.note,.hero>.button{display:none}.mobile-intro{display:block;font-size:14px;line-height:1.7;margin:0;color:#9eabc1;max-width:340px}.menu-heading{display:block;margin:25px 0 12px;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#a5b4ca}.hero .nav{margin:0;gap:9px;display:grid;grid-template-columns:1fr}.hero .nav a{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;min-height:72px;padding:13px 15px;border:1px solid #253149;border-radius:14px;background:#0e1523;font-size:14px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}.hero .nav a:hover,.hero .nav a:active{background:#15243c;border-color:#527cbb;color:white}.category-number{display:grid;place-items:center;width:32px;height:32px;background:#17253c;border:1px solid #294065;border-radius:10px;font:500 11px 'Space Grotesk',sans-serif;color:#9ebfff}.category-description{display:block;color:#8f9fb6;font-size:11px;font-weight:400;line-height:1.5;margin-top:4px}.home-reminder{display:block;font-size:11px;line-height:1.7;margin:19px 0 0;color:#7f90aa}.mobile-guide{padding:20px 0 0}.guide-top{margin-bottom:14px;gap:14px;flex-direction:row-reverse}.guide-menu{font-size:12px;padding:9px 13px;border-radius:10px;color:#d6e2f4;min-height:40px}.guide-count{font-size:10px;letter-spacing:1px;color:#91a4c2}.guide-progress{gap:6px}.guide-progress span{height:3px}.mobile-slide.is-current:not(.hero){padding:28px 0 28px;min-height:calc(100svh - 190px)}.section-title{margin-bottom:24px}.section-title>.num{display:none}.section-title .eyebrow,#duvidas>.eyebrow{font-size:9px;letter-spacing:1.6px;color:#829ec7}.section-title h2,#duvidas h2{font-size:30px;line-height:1.16;letter-spacing:-1px;margin:11px 0 14px}.section-title p{font-size:14px;line-height:1.8}.grid,.schedule,.checklist{gap:12px}.card,.checklist .card{padding:21px;border-radius:14px;background:#0e1523;border-color:#263249}.card.accent{background:#101c2e;border-color:#2b4062}.card h3,.checklist h3{font-size:19px;line-height:1.3;letter-spacing:-.4px}.card p,.checklist p{font-size:13px;line-height:1.85}.mini{font-size:9px;letter-spacing:1.4px;margin-bottom:12px}.note{padding:18px;margin:22px 0;border-radius:14px;border:1px solid #304467;background:#101c2e;font-size:13px;line-height:1.85}.wide{margin-top:14px}#conteudos>p{margin-top:20px;font-size:13px;line-height:1.85}.video{padding:20px 17px;border-radius:14px;grid-template-columns:36px 1fr;gap:14px;background:#101c2e}.video-trigger{border-radius:14px}.video .play{height:34px;width:34px;font-size:14px;box-shadow:none}.video h3{font-size:16px;line-height:1.35}.video p{font-size:11px;line-height:1.7}.status{font-size:9px;margin-top:9px}.flow{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px}.flow span{text-align:center;padding:9px 5px}.slide-navigation{display:grid;grid-template-columns:1fr 1.4fr;align-items:stretch;gap:10px;margin-top:28px;padding-top:20px}.slide-next{grid-column:2;grid-row:1;min-height:65px;padding:12px 15px;border-radius:12px;box-shadow:none}.slide-next small{font-size:8px;letter-spacing:1px}.slide-next strong{font-size:13px;line-height:1.4}.slide-back{grid-column:1;grid-row:1;align-self:stretch;text-align:left;border:1px solid #293951;border-radius:12px;padding:12px;color:#bbc9de;background:#0e1523;font-size:11px;line-height:1.5}.slide-back small{display:block;color:#8195b2;font-size:8px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}details{padding:19px 0}summary{font-size:14px;line-height:1.6}details p{font-size:13px;line-height:1.85}.closing h2{font-size:29px}.closing p{font-size:14px}.footer{padding:17px 22px;font-size:9px;letter-spacing:.2px}button:focus-visible,a:focus-visible{outline:2px solid #87b5ff;outline-offset:4px}
}
@media(max-width:360px){main{padding:0 18px}.hero h1{font-size:30px}.hero .nav a{padding:12px;gap:10px}.category-description{font-size:10px}.bar{padding:12px 18px}}
@media(max-width:700px){.theater{width:94vw;max-width:94vw;height:60dvh;max-height:90dvh;border-radius:18px}.theater[open]{display:flex;flex-direction:column}.theater-top{flex-direction:row;align-items:center;padding:14px;flex-shrink:0}.theater-top h3{font-size:15px;line-height:1.3}.close-theater{font-size:12px;padding:8px 10px}.theater .screen{flex:1;min-height:0;width:100%;aspect-ratio:auto;display:block}.theater .screen iframe{width:100%;height:100%;aspect-ratio:auto}.theater-footer{font-size:10px;padding:10px 14px;flex-shrink:0}}.device-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.device-choice{background:linear-gradient(135deg,#367bff,#6058f5);color:white;border:1px solid #6d9eff55;border-radius:10px;padding:16px 18px;text-align:left;cursor:pointer;transition:box-shadow .2s,transform .2s}.device-choice strong{display:block;font:600 18px "Space Grotesk",Arial,sans-serif;color:white}.device-choice small{display:block;font-size:11px;margin-top:5px;color:#e0e8ff}.device-choice:hover{box-shadow:0 10px 30px #2265ff40;transform:translateY(-2px)}.device-choice:focus-visible{outline:3px solid #26d9ff;outline-offset:4px}@media(max-width:700px){.device-tutorial{grid-template-columns:1fr}.device-tutorial>.play{display:none}.device-choices{grid-template-columns:1fr;gap:10px;margin-top:18px}.device-choice{padding:16px}.device-choice strong{font-size:18px}}.recording-illustration{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border:1px solid var(--line);border-radius:12px;margin-top:20px;background:#0c1220}.checklist .card{display:flex;flex-direction:column}.checklist .card .recording-illustration{margin-top:auto}.checklist .card p{margin-bottom:20px}@media(max-width:700px){.checklist .card{display:flex}.recording-illustration{border-radius:12px}.checklist .card .recording-illustration{margin-top:0}}
/* Entradas suaves e interações no estilo da referência GP4. */
.motion-ready .motion-item{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--motion-delay,0ms)}.motion-ready .motion-item.motion-visible{opacity:1;transform:translateY(0)}
.card,.video,.hero .nav a,.device-choice,.button,.slide-next,.guide-menu{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease,transform .25s ease}
header{transition:box-shadow .3s ease,border-color .3s ease}body.has-scrolled header{box-shadow:0 12px 35px #0005;border-color:#2b4777}.button:active,.slide-next:active,.device-choice:active,.guide-menu:active{transform:scale(.98)}
.guide-progress span{transition:background .4s ease,box-shadow .4s ease}.guide-progress span.current{box-shadow:0 0 10px #26d9ff25}.theater[open]{animation:theaterEnter .3s cubic-bezier(.22,1,.36,1)}.theater[open]::backdrop{animation:backdropEnter .3s ease}details[open] p{animation:answerEnter .3s ease}
@media(hover:hover) and (pointer:fine){.card.motion-visible:hover{transform:translateY(-4px);border-color:#34507c;box-shadow:0 18px 35px #0003}.video:hover,.hero .nav a:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2265ff20}.button:hover,.slide-next:hover,.device-choice:hover{transform:translateY(-2px)}}
@keyframes theaterEnter{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdropEnter{from{opacity:0}to{opacity:1}}@keyframes answerEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.motion-ready .motion-item{opacity:1;transform:none;transition:none}.theater[open],.theater[open]::backdrop,details[open] p{animation:none}.card,.video,.hero .nav a,.device-choice,.button,.slide-next,.guide-menu,header,.guide-progress span{transition:none}}


/* ==========================================
   GBK DIGITAL — FADE UP
   Animação de entrada e scroll
========================================== */

/* Estado inicial: não animar sem JavaScript */
.js-animations .fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.8s ease,
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

/* Estado final: elemento visível */
.js-animations .fade-up.is-visible {
  opacity: 1;
  transform: translateY(0);
  will-change: auto;
}

/* Pequenos atrasos para entrada em sequência */
.fade-delay-1 {
  transition-delay: 0.1s !important;
}

.fade-delay-2 {
  transition-delay: 0.2s !important;
}

.fade-delay-3 {
  transition-delay: 0.3s !important;
}

/* Acessibilidade: reduzir movimentos */
@media (prefers-reduced-motion: reduce) {
  .js-animations .fade-up {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}