/* Em Rede — light canvas, woven connections, restrained color. */
.tutorial-section{background:#f8f6f2;border-top:1px solid #e5e0d8;padding:64px 0}
.tutorial-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px}
.tutorial-copy .eyebrow{font-size:9px;margin-bottom:18px}
.tutorial-copy h2{font-size:32px;line-height:1.2}
.tutorial-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#625c69}
.tutorial-meta{display:flex;gap:10px;align-items:center;margin:22px 0}
.tutorial-meta span{font-size:10px;background:#eee7f5;color:#3b1b68;padding:6px 10px;border-radius:5px}
.tutorial-meta span:last-child{background:#e5efe8;color:#00654e}
.tutorial-copy .tutorial-note{border-left:3px solid #e85a2a;padding-left:15px;font-size:12px!important}
.tutorial-copy .textlink{color:#3b1b68;margin-top:12px}
.tutorial-player{margin:0;min-width:0;background:white;border:1px solid #e5e0d8;border-radius:9px;overflow:hidden}
.tutorial-player video{display:block;width:100%;height:auto;aspect-ratio:910/512;background:#19171e;object-fit:contain}
.tutorial-player video:focus-visible{outline:3px solid #00785e;outline-offset:-3px}
.tutorial-player figcaption{font-size:11px;font-weight:600;padding:16px 20px;line-height:1.6;color:#3b1b68}
.tutorial-player figcaption span{display:block;font-size:10px;font-weight:400;color:#65616c;margin-top:3px}
@media(max-width:1000px){.tutorial-grid{gap:32px}.tutorial-copy h2{font-size:28px}}
@media(max-width:700px){.tutorial-section{padding:44px 0}.tutorial-grid{grid-template-columns:1fr;gap:26px}.tutorial-copy h2{font-size:28px}.tutorial-player figcaption{padding:14px 16px}.nav nav{gap:8px;font-size:9px}.tutorial-copy>p:not(.eyebrow){font-size:13px}}
:root{--navy:#2b1352;--ink:#19171e;--muted:#65616c;--purple:#3b1b68;--cyan:#00785e;--paper:#f8f6f2;--line:#e5e0d8;--orange:#e85a2a;--yellow:#f1bc34;--green:#00785e;color-scheme:light}
body{background:#fffefa;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.topbar{background:#2b1352;color:#fff6e6;font-size:9px;letter-spacing:1.7px}
.topbar .wrap{padding-block:9px}
header{background:#fffefa}
.nav{height:100px}
.brand{font-size:31px;color:var(--purple);gap:12px;letter-spacing:-1.4px;white-space:nowrap}
.brand small{font-size:6px;letter-spacing:1.05px;color:var(--muted);margin-top:8px}
.brand-bars{display:grid;grid-template-columns:repeat(2,11px);gap:4px;transform:rotate(-12deg);margin-right:3px}
.brand-bars i{width:11px;height:20px;border-radius:9px;background:var(--purple)}
.brand-bars i:nth-child(2){background:var(--orange)}
.brand-bars i:nth-child(3){background:var(--yellow)}
.brand-bars i:nth-child(4){background:var(--green)}
.nav nav{gap:26px;font-size:12px}
.nav nav a:hover{color:var(--purple);text-decoration:underline;text-underline-offset:6px}
.button{border-radius:7px;padding:14px 20px;border-color:#77717c;min-height:45px}
.navcta{border-color:#d6cbdc;background:transparent;color:var(--purple)}
.primary{background:var(--purple);border-color:var(--purple);color:#fff}
.primary:hover{background:#2b1352;border-color:#2b1352}
.hero{background:#f8f2e9;color:var(--ink);border-bottom:1px solid var(--line)}
.hero-grid{grid-template-columns:1.05fr 1fr;min-height:585px;gap:30px;align-items:center}
.hero-copy{padding:63px 0 58px}
.hero .eyebrow{color:var(--purple);font-size:9px;letter-spacing:1.6px;margin-bottom:26px}
.dot{background:var(--green)}
h1{font-size:62px;line-height:1.06;font-weight:700;letter-spacing:-2.7px;color:var(--purple);margin-bottom:24px}
h1 em{color:var(--purple);position:relative}
h1 em:after{content:'';display:block;width:63px;height:5px;background:var(--orange);border-radius:4px;margin-top:22px}
h2{color:var(--purple);font-weight:650;font-size:34px}
.hero-description{color:#5c5662;font-size:14px;max-width:410px;line-height:1.85}
.hero-actions{margin-top:28px;gap:25px}
.hero .textlink{color:var(--purple)}
.hero-bottom{color:#625c67;margin-top:34px;font-size:10px;gap:15px}
.hero-bottom strong{font-weight:600;color:var(--ink)}
.connection-dots{display:flex;align-items:center;gap:4px}
.connection-dots i{width:9px;height:9px;border-radius:50%;background:var(--purple)}
.connection-dots i:nth-child(2){background:var(--orange)}
.connection-dots i:nth-child(3){background:var(--yellow)}
.connection-dots i:nth-child(4){background:var(--green)}
.hero-art{min-height:510px;align-self:center;width:100%;position:relative}
.network-art{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
.art-label{top:18px;left:69px;right:auto;color:#655276;font-size:8px;letter-spacing:1.7px;line-height:1.6}
.art-caption{bottom:9px;left:66px;color:#746780;font-size:7px;letter-spacing:1.6px}
.quick{box-shadow:none;background:#fffefa;margin-top:30px;border-color:var(--line);border-radius:9px}
.quick>a,.quick>button{background:#fffefa;padding:24px}
.quick>a:hover,.quick>button:hover{background:#f8f4ed}
.quick-icon{background:#f0eaf7;color:var(--purple);width:39px;height:39px;border-radius:50%}
.quick>button:nth-child(2) .quick-icon{background:#fff1da;color:#9d470f}
.quick>button:nth-child(3) .quick-icon{background:#e5f1eb;color:var(--green)}
.section{padding-top:78px;padding-bottom:78px}
.module{border-color:var(--line);border-radius:9px;padding:26px;background:#fffefa;box-shadow:none}
.module:hover{border-color:#8a739f;box-shadow:0 7px 20px #2b135207;transform:translateY(-3px)}
.module h3{font-size:18px;color:var(--ink)}
.module p{line-height:1.7}
.stepnum{background:#eee7f5;color:var(--purple);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;padding:0}
.module:nth-child(3n+2) .stepnum{background:#fff0dc;color:#9a461a}
.module:nth-child(3n) .stepnum{background:#e5f1eb;color:#00654e}
.module.done{border-color:#447f68;background:#fafdf9}
.module.done .stepnum{background:#e1efe6;color:#00654e}
.progressbox progress{accent-color:var(--green);background:#e7e2db}
progress::-webkit-progress-value{background:var(--green)}
progress::-moz-progress-bar{background:var(--green)}
.purpose{background:#f3efe8;border-block:1px solid var(--line);position:relative}
.purpose-grid{gap:90px;padding-block:55px}
.purpose h2{font-weight:650}
.purpose h2 em{color:var(--green)}
.purpose p:not(.eyebrow){color:#5e5962}
.purpose .eyebrow{color:#68606c}
.edital-card{background:white;border-color:var(--line);border-top:3px solid var(--purple);border-radius:8px;padding:32px}
.cyan-card{background:white;border-color:var(--line);border-top:3px solid var(--green)}
.edital-head img{width:76px;height:76px}
.pill{background:#f6f2fa;border:0;color:#4e326c;font-size:8px}
.cyan-card .pill{background:#eaf3ed;color:#00654e;border:0}
.edital-card h3{color:var(--purple)}
.cyan-card h3{color:var(--green)}
.edital-fact{border-color:var(--line)}
.cyan-card .textlink{color:var(--green)}
.mural-section{background:#f8f6f2}
.mural-grid{grid-template-columns:repeat(3,1fr)}
.mural-card{border-color:var(--line);border-radius:8px}
.mural-art{background:#eee7f5;color:#503174;height:110px;padding:25px}
.mural-art:after{opacity:.14}
.mural-card:nth-child(2) .mural-art{background:#fff0d1;color:#875011}
.mural-card:nth-child(3) .mural-art{background:#e1eee7;color:#00654e}
.mural-body h3{color:var(--ink)}
.mural-body small{color:#624582}
.tag{background:#fffefa;border-color:#d4cbbd;color:#625b65}
.faq-section{gap:90px}
.search{background:#fffefa;border-color:#8b838e;max-width:350px}
.faq summary{font-size:13px;line-height:1.6}
.faq details p{color:#625c69}
.closing{background:#2b1352;border-radius:10px;position:relative;overflow:hidden}
.closing:before{content:'';height:4px;position:absolute;top:0;left:0;right:0;background:linear-gradient(to right,#3b1b68 0 25%,#e85a2a 25% 50%,#f1bc34 50% 75%,#00785e 75%)}
.closing h2{color:white}
.closing .eyebrow{color:#e4d7f2}
.closing p:not(.eyebrow){color:#e0d5e8}
.closing .primary{background:#f1bc34;color:#201525;border-color:#f1bc34}
.closing .primary:hover{background:#f5cb61;border-color:#f5cb61}
footer{background:#f8f6f2;border-color:var(--line)}
.footer-main>.brand{font-size:27px}
.footer-main>.brand small{font-size:6px}
.footer-main>strong{color:var(--purple)}
dialog{background:#fffefa;color:var(--ink);box-shadow:0 25px 100px #21142f3b;border:1px solid #d7cde0}
dialog::backdrop{background:#20102d90}
dialog p,dialog li{color:#5f5965}
.note{background:#f2edf7;border-left-color:var(--purple)}
.close{background:#eee8f3;color:var(--purple)}
#editor input,#editor textarea{background:white;border-color:#8d8594}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:5px}
@media(max-width:1050px){.nav nav{gap:18px}.hero-grid{gap:12px}.hero h1{font-size:53px}.hero-art{min-height:450px;display:flex;align-items:center}.art-label{left:42px;top:25px}.art-caption{left:42px;bottom:25px}.hero-actions{gap:18px}.hero-actions .button{gap:16px}}
@media(max-width:700px){.topbar{font-size:8px;letter-spacing:1px}.nav{height:auto;padding-block:21px}.brand{font-size:30px}.nav nav{gap:10px;font-size:10px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:39px 0 14px}.hero h1{font-size:clamp(39px,10.7vw,56px);letter-spacing:-1.8px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-description{font-size:13px;max-width:430px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-bottom{margin-top:25px}.hero-art{min-height:0;max-width:400px;margin:8px 0 27px;display:block}.network-art{width:100%;height:auto}.art-label{left:12%;top:4%;font-size:6px}.art-caption{left:12%;bottom:1%;font-size:6px}.section{padding-block:49px}.quick{margin-top:22px}.quick-icon{display:grid}.modules{gap:12px}.module{padding:18px}.module h3{font-size:16px}.module p{font-size:11px;min-height:68px}.purpose-grid{gap:18px;padding-block:38px}.purpose h2{font-size:29px}.edital-card{padding:26px}.mural-grid{grid-template-columns:1fr}.mural-card{grid-template-columns:100px 1fr}.mural-art{height:100%;padding:21px 12px}.faq-section{gap:20px}.closing{padding:30px 25px}.footer-main>.brand{font-size:25px}.footer-main>.brand small{font-size:5px}.brand-bars{grid-template-columns:repeat(2,9px);gap:3px}.brand-bars i{width:9px;height:17px}}
@media(forced-colors:active){.button,.module,.edital-card,.mural-card,.quick,.search{border:1px solid CanvasText}.brand-bars i,.connection-dots i{background:CanvasText}a,button{forced-color-adjust:auto}.hero h1,.purple,h2{color:CanvasText}}