@font-face{font-family:Barlow;src:url('assets/fontes/BarlowCondensed-Black.ttf');font-weight:900;font-display:block}
@font-face{font-family:Inter;src:url('assets/fontes/Inter-Regular.ttf');font-weight:400;font-display:block}
@font-face{font-family:Inter;src:url('assets/fontes/Inter-SemiBold.ttf');font-weight:600;font-display:block}
@font-face{font-family:Inter;src:url('assets/fontes/Inter-Bold.ttf');font-weight:700;font-display:block}
:root{--paper:#F7F6F2;--ink:#171923;--purple:#8A2BE2;--yellow:#FFD400;--orange:#FF6A00;--page-w:1122.5197px;--page-h:793.7008px}
*{box-sizing:border-box}body{margin:0;background:#dededb;color:var(--ink);font:14px/1.5 Inter,Arial,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Barlow,Arial,sans-serif;font-weight:900;line-height:.94}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}img{display:block;max-width:100%;object-fit:contain}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reader-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:24px;padding:19px 24px;background:var(--ink);color:white;font-size:11px}.reader-nav a{text-decoration:none;white-space:nowrap}.reader-nav .brand{font-weight:600;color:var(--yellow);margin-right:auto;letter-spacing:1.7px}main{padding:26px 0 1px}.page-wrap{width:var(--page-w);margin:0 auto 26px;scroll-margin-top:100px}.page{width:var(--page-w);height:var(--page-h);position:relative;overflow:hidden;isolation:isolate;background:var(--paper)}.running{position:absolute;top:29px;left:60px;right:60px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;z-index:7}.page-footer{position:absolute;left:0;right:0;bottom:0;height:46px;padding:15px 60px 0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;z-index:8;background:var(--paper)}.page-footer a{text-decoration:none}.heading{position:absolute;left:60px;top:92px;right:60px;z-index:5}.kicker{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:600;color:var(--purple);margin-bottom:17px}.heading h2{font-size:66px;letter-spacing:-.3px}.lead{font-size:15px;max-width:480px;margin-top:17px}.page-note{position:absolute;left:60px;bottom:67px;right:60px;font-size:12px;line-height:1.6;z-index:5}.full-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cover .full-art{object-fit:cover}.image-page .page-footer{background:transparent}.ash-opening .full-art{top:30px;height:720px}.icon{display:inline-flex;align-items:center;justify-content:center;flex:none;color:inherit}.icon svg{width:100%;height:100%}.dark{background:var(--ink);color:white}.dark .kicker{color:var(--yellow)}.dark .page-footer{background:var(--ink);color:white}
/* Marca e consulta visual */
.toc-grid{position:absolute;left:60px;right:60px;top:220px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 30px}.toc-item{display:block;text-decoration:none;font-size:13px;font-weight:600}.toc-visual{height:155px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:white;margin-bottom:12px}.toc-logo img{width:210px}.toc-colors .toc-visual{gap:0}.toc-colors i{display:block;flex:1;height:100%;background:var(--yellow)}.toc-colors i:nth-child(2){background:var(--purple)}.toc-colors i:nth-child(3){background:var(--orange);flex:.5}.toc-pattern .toc-visual{background:var(--yellow) url('assets/sistema/padroes/01-hora-da-troca.svg') center/200px}.toc-icon .icon{width:88px;height:88px;color:var(--purple)}.toc-character img{width:200px;position:absolute;top:3px;right:50px}.toc-app .toc-visual{background:var(--purple);color:white}.toc-app .icon{width:70px;height:70px}.logo-main{position:absolute;top:213px;left:60px;right:60px;height:255px;display:flex;align-items:center;justify-content:center}.logo-main img{width:655px;max-height:255px}.finish-row{position:absolute;left:60px;right:60px;top:510px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.finish-row>div{display:flex;flex-direction:column;align-items:center}.finish-row img{width:245px;height:105px}.finish-row span{font-size:11px;margin-top:15px}.format-grid{position:absolute;top:260px;left:60px;right:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.format-art{height:260px;display:flex;justify-content:center;align-items:center}.format-art img{max-width:210px;max-height:230px}.format-grid h3{font-size:27px;margin-top:24px}.format-grid p{font-size:11px;margin-top:9px;max-width:210px}
/* Cores e tipografia */
.color-board{position:absolute;left:60px;right:60px;top:215px}.primary-colors{height:330px;display:flex}.primary-colors .swatch:first-child{flex:1.3}.primary-colors .swatch:nth-child(2){flex:1}.primary-colors .swatch:last-child{flex:.8}.swatch{position:relative;flex:1}.swatch>span{position:absolute;bottom:24px;left:24px;font-size:12px;font-weight:600}.swatch b{display:block;margin-top:4px;font-weight:400;font-size:15px}.swatch.dark{color:white}.swatch.light{color:var(--ink)}.neutral-colors{height:105px;display:grid;grid-template-columns:repeat(5,1fr)}.neutral-colors .swatch>span{left:17px;bottom:19px;font-size:10px}.neutral-colors .swatch b{font-size:12px}.neutral-colors .swatch:first-child,.neutral-colors .swatch:nth-child(4){box-shadow:inset 0 0 0 1px #17192325}.type-grid{position:absolute;top:230px;left:60px;right:60px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.type-display{height:420px;background:var(--yellow);padding:27px 34px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase}.type-display>div{font:900 105px/.88 Barlow,Arial,sans-serif;margin-top:38px}.type-body .aa{font-size:95px;line-height:1;letter-spacing:-5px}.type-body h3{font-family:Inter,sans-serif;font-size:28px;margin-top:15px}.type-body p{font-size:15px;max-width:300px;margin-top:20px}.type-weights{display:flex;flex-direction:column;gap:9px;font-size:15px;margin-top:24px}.type-body .type-numbers{font-size:22px;letter-spacing:2px;line-height:1.6;margin-top:30px}.voice-art{position:absolute;left:10px;top:255px;width:450px;height:440px;overflow:hidden}.voice-art>img:first-child{position:absolute;left:-210px;top:20px;width:630px;max-width:none}.voice-art>img:last-child{position:absolute;left:70px;top:0;height:440px;max-width:none}.voice-bubbles{position:absolute;left:530px;right:60px;top:240px}.bubble{padding:28px 32px;border-radius:24px 24px 24px 0;font-size:25px;font-weight:600;line-height:1.4;margin-bottom:25px}.bubble.purple{background:var(--purple);color:white}.bubble.yellow{background:var(--yellow);color:var(--ink);border-radius:24px 24px 0 24px;margin-left:45px}.voice-bubbles>p{font-size:14px;max-width:410px;line-height:1.7;margin-top:28px}
/* Padrões */
.hora{background-image:url('assets/sistema/padroes/01-hora-da-troca.svg');background-repeat:repeat}.pattern-splash{position:absolute;left:460px;top:0;right:0;bottom:46px;background-size:384px}.splash-copy{position:absolute;left:60px;top:200px;z-index:4}.splash-copy h2{font-size:104px;line-height:.88;letter-spacing:-.5px}.splash-copy>p:not(.kicker){font-size:15px;line-height:1.7;margin-top:32px;max-width:330px}.splash-copy>img{width:205px;margin-top:55px}.scale-grid{position:absolute;left:60px;right:60px;top:270px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.sample{height:325px}.sample.small{background-size:190px}.sample.large{background-size:420px}.sample.two-colors{background-image:url('assets/sistema/padroes/01-hora-da-troca-duas-cores.svg');background-size:250px}.scale-grid h3{font-size:28px;margin-top:20px}.scale-grid p{font-size:12px;margin-top:8px}.orbit-large{position:absolute;left:425px;top:-35px;width:950px;max-width:none;height:950px}.base-page .splash-copy{top:210px}.base-page .splash-copy h2{font-size:104px}.orbit-open{position:absolute;left:480px;top:70px;width:740px;max-width:none;height:740px}.open-page .splash-copy{top:230px}.open-page .splash-copy h2{font-size:113px}
/* Ícones e personagens */
.custom-icons{position:absolute;left:100px;right:100px;top:250px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:65px}.custom-icons>div{display:flex;flex-direction:column;align-items:center;gap:22px}.custom-icons .icon{width:105px;height:105px;color:var(--purple)}.custom-icons>div>span:last-child{font-size:13px}.functional-icons{position:absolute;left:60px;right:60px;top:265px;display:grid;grid-template-columns:repeat(6,1fr);row-gap:56px}.functional-icons>div{display:flex;flex-direction:column;align-items:center;gap:16px}.functional-icons .icon{width:39px;height:39px;color:var(--purple)}.functional-icons>div>span:last-child{font-size:11px}.character-grid{position:absolute;top:235px;left:50px;right:50px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.portrait{position:relative;height:370px;overflow:hidden}.portrait:before{content:'';position:absolute;width:330px;height:330px;border:63px solid var(--purple);border-radius:50%;left:-65px;bottom:-210px}.character-grid>div:nth-child(2) .portrait:before,.character-grid>div:nth-child(4) .portrait:before{border-color:var(--yellow)}.portrait img{position:absolute;inset:20px 0 0;width:100%;height:335px;max-width:none}.character-grid h3{font-size:30px;margin:22px 0 8px}.character-grid p{font-size:12px}.campaign-pair{position:absolute;left:85px;right:85px;top:205px;display:flex;justify-content:space-between}.campaign-pair img{width:400px;height:500px;outline:1px solid #17192320}.campaign-pair figcaption{font-size:11px;margin-top:13px}
/* Site e redes */
.site-frame{position:absolute;left:60px;right:60px;top:200px;height:501px;border:1px solid #17192350;background:white;border-radius:8px;overflow:hidden}.site-nav{height:60px;padding:8px 25px;display:flex;gap:28px;align-items:center;border-bottom:1px solid #17192315;font-size:10px}.site-nav>img{width:125px;height:42px;margin-right:auto}.site-nav>div{display:flex;gap:22px;margin-left:25px}.site-nav .icon{width:19px;height:19px}.site-hero{position:relative;height:220px;overflow:hidden;background:var(--paper)}.site-hero>img:first-child{position:absolute;left:485px;top:-130px;width:600px;max-width:none}.site-hero>div{position:absolute;left:36px;top:25px;font:900 78px/.87 Barlow,Arial,sans-serif;z-index:2}.site-hero em{font-style:normal;color:var(--purple)}.site-hero>img:last-child{position:absolute;right:95px;top:6px;height:265px;max-width:none}.site-categories{height:65px;display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid #17192315;font-size:10px}.site-categories>span{display:flex;align-items:center;gap:9px}.site-categories .icon{width:22px;height:22px;color:var(--purple)}.site-products{height:154px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:18px 20px}.site-products>div{display:flex;align-items:center;gap:14px;padding:0 12px;border-right:1px solid #17192320}.site-products>div:last-child{border:0}.site-products img{height:115px;width:83px}.site-products b{display:block;font-size:12px}.site-products small{display:block;font-size:8px;line-height:1.7;margin-top:7px}.site-products .icon{width:18px;height:18px;align-self:flex-start;margin-top:7px;margin-left:auto}.social-grid{position:absolute;left:60px;right:60px;top:245px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.social-grid figure{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper);color:var(--ink)}.social-grid figure>img{width:100%;height:100%}.social-grid .social-type>img{position:absolute;width:130px;height:auto;left:25px;top:22px}.social-type>div{position:absolute;top:103px;left:25px;font:900 74px/.86 Barlow,Arial,sans-serif;color:var(--purple)}.social-pattern{position:absolute;bottom:0;left:0;right:0;height:73px;background:url('assets/sistema/padroes/01-hora-da-troca.svg') center/160px}
/* Aplicações físicas em 2D */
.pack-stage{position:absolute;left:60px;right:60px;top:230px;height:450px}.tissue{position:absolute;left:480px;top:5px;width:470px;height:365px;transform:rotate(5deg);background:url('assets/sistema/padroes/01-hora-da-troca-duas-cores.svg') center/250px}.mailer{position:absolute;left:10px;top:90px;width:540px;height:300px;background:white;border:1.5px solid var(--ink);box-shadow:9px 9px 0 var(--ink);overflow:hidden}.mailer>img{position:absolute;left:34px;top:23px;width:255px;height:110px}.mailer>span{position:absolute;left:40px;top:144px;font-size:9px;letter-spacing:1.4px;font-weight:600}.mailer>div{position:absolute;bottom:0;left:0;right:0;height:95px;background:url('assets/sistema/padroes/01-hora-da-troca.svg') center/230px;border-top:1.5px solid var(--ink)}.thanks{position:absolute;right:37px;top:55px;width:325px;height:360px;padding:29px 26px;background:var(--yellow);transform:rotate(-4deg);border:1.5px solid var(--ink)}.thanks>span{font-size:8px;font-weight:600;letter-spacing:1.2px}.thanks>strong{display:block;font:900 61px/.89 Barlow,sans-serif;margin-top:27px}.thanks>div{position:absolute;bottom:18px;right:24px}.thanks .icon{width:55px;height:55px;color:var(--purple)}.sticker{position:absolute;top:28px;left:380px;width:125px;height:125px;transform:rotate(-13deg);background:var(--paper);border-radius:50%;border:1px solid var(--ink)}.sticker img{width:100%;height:100%}.real-stage{position:absolute;top:225px;left:70px;right:70px;height:460px}.shirt{position:absolute;left:0;top:0;width:480px;height:460px}.event-ticket{position:absolute;left:615px;top:25px;width:315px;height:400px;background:var(--purple);color:white;padding:29px;overflow:hidden}.event-ticket>span{font-size:9px;letter-spacing:1.6px;font-weight:600}.event-ticket strong{display:block;font:900 63px/.9 Barlow,sans-serif;margin-top:32px;color:var(--yellow)}.event-ticket .icon{position:absolute;left:28px;top:220px;width:55px;height:55px}.event-ticket>div{position:absolute;left:0;right:0;bottom:0;height:75px;background:url('assets/sistema/padroes/01-hora-da-troca.svg') center/190px}
/* Cuidados e arquivos */
.rule-grid{position:absolute;top:265px;left:60px;right:60px;display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:32px}.rule-grid>div{position:relative;height:180px;padding-top:113px}.rule-grid h3{font-size:26px}.rule-grid p{font-size:11px;line-height:1.5;margin-top:8px;max-width:400px}.clearspace{position:absolute;left:24px;top:4px;width:300px;height:90px;border:1px dashed var(--purple);padding:12px 28px}.clearspace img{width:100%;height:100%}.contrast-pair{position:absolute;left:0;top:0;display:flex;gap:10px}.contrast-pair span{padding:24px 15px;background:var(--purple);color:white;font-size:14px}.contrast-pair span:last-child{background:var(--yellow);color:var(--ink)}.icon-sizes{position:absolute;top:7px;left:0;display:flex;gap:43px;align-items:end;height:85px}.icon-sizes>div{display:flex;align-items:center;flex-direction:column;gap:12px;font-size:10px}.icon-sizes .icon{width:var(--s);height:var(--s);color:var(--purple)}.rule-character{position:absolute;top:-18px;left:40px;width:145px;height:126px;overflow:hidden}.rule-character img{width:145px;height:145px}.closing-orbit{position:absolute;left:650px;top:130px;width:850px;max-width:none;height:850px}.closing-pikachu{position:absolute;left:675px;top:180px;width:500px;height:500px;max-width:none;z-index:2}.closing-copy{position:absolute;left:60px;top:215px;z-index:3}.closing-copy h2{font-size:99px;line-height:.88}.closing-copy>p:not(.kicker){font-size:15px;margin-top:27px}.file-links{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:40px;font-size:13px}.file-links a{padding-bottom:3px;border-bottom:1px solid var(--ink);text-decoration:none}
@media(max-width:850px){.reader-nav{gap:13px 18px;flex-wrap:wrap;justify-content:start;padding:14px 18px;font-size:10px}.reader-nav .brand{width:100%}main{padding-top:14px}.page-wrap{margin-bottom:14px}}
@page{size:A4 landscape;margin:0}
@media print{body{background:white}.reader-nav{display:none}main{padding:0}.page-wrap{zoom:1!important;margin:0!important;break-after:page;page-break-after:always}.page-wrap:last-child{break-after:auto;page-break-after:auto}.page{width:297mm;height:210mm}.page a{text-decoration:none}}

.pattern-page .running span:last-child{background:var(--paper);padding:3px 6px}.thanks:after{content:"";position:absolute;left:0;right:0;bottom:0;height:62px;background:var(--paper) url("assets/sistema/padroes/orbita-base.svg") center/325px}.thanks>div{bottom:81px}
/* Mockups: originais preservados; a fotografia conduz a leitura. */
.photo-link{display:block;text-decoration:none}.photo-link img{display:block;width:100%;height:100%;object-fit:contain}.photo-link:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.toc-app .toc-visual>img{width:100%;height:100%;object-fit:cover}.photo-pair{position:absolute;left:60px;right:60px;top:250px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.photo-pair .photo-link{width:100%;aspect-ratio:3/2}.photo-pair figcaption{font:900 30px/1 Barlow,Arial,sans-serif;margin-top:21px}.photo-trio{position:absolute;left:60px;right:60px;top:230px;display:grid;grid-template-columns:650px 1fr;grid-template-rows:auto auto;gap:19px 30px}.photo-trio figure:first-child{grid-row:1/3}.photo-trio .photo-link{aspect-ratio:3/2}.photo-trio figcaption{font-size:11px;margin-top:10px}.photo-trio figure:first-child figcaption{font:900 29px/1 Barlow,Arial,sans-serif;margin-top:20px}.feature-photo{position:absolute;left:0;right:0;top:0;height:calc(100% - 46px)}.feature-photo img{object-fit:contain}.photo-feature .running{left:30px;right:30px;top:23px;pointer-events:none}.photo-feature .running span{background:var(--paper);color:var(--ink);padding:7px 9px}.photo-feature .page-footer a{font-size:8px;letter-spacing:.7px}.photo-copy{position:absolute;left:60px;top:235px;width:395px}.photo-copy h2{font-size:89px;line-height:.88}.photo-copy>p:not(.kicker){font-size:15px;line-height:1.7;margin-top:32px;max-width:300px}.photo-copy>span{display:block;font-size:10px;margin-top:32px;color:#555866}.site-photo{position:absolute;left:550px;top:70px;width:480px;height:640px;outline:1px solid #17192320}.site-photo-page .running{z-index:5}