*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#266feb;color:#fff}.welcome{isolation:isolate;position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:22px 20px 28px;background:radial-gradient(ellipse at 50% 25%,#59abff,#2979ed 70%)}.backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(#2576ec75,#256becbb 55%,#143bada6),url('assets/fachada-atualizada.png') center bottom/cover no-repeat;opacity:.6}.welcome:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#2489ff55 10%,transparent 65%);pointer-events:none}.top-enter{position:relative;z-index:5;padding:9px 25px;color:#fff;background:#211452e8;border:1px solid #ffffffa0;border-radius:6px;font-size:14px;text-decoration:none;transition:background .2s}.top-enter:hover{background:#49268c}.centerpiece{position:relative;z-index:3;width:430px;max-width:100%;text-align:center;margin:12px auto 0}.campaign-logo{width:100%;height:315px;position:relative;overflow:hidden;filter:drop-shadow(0 9px 9px #123d7440);animation:appear .85s both}.campaign-logo img{position:absolute;width:135%;height:auto;left:-16%;top:-69px}.enrollment{font-size:13px;letter-spacing:2px;margin:4px 0 19px;text-shadow:0 2px 6px #123a86}.enrollment strong{display:inline-block;font-size:19px;letter-spacing:0;background:#ffe043;color:#24205d;padding:5px 10px;margin-left:6px;transform:rotate(-4deg);border-radius:4px}.access{position:relative;z-index:5;width:100%;margin:0 auto}.links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:10px 13px;border:1.5px solid #ffffffcf;border-radius:30px;background:#342075f2;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;text-decoration:none;box-shadow:0 5px 16px #15397b30;transition:transform .2s,background .2s;animation:appear .7s .15s both}.link:first-child{grid-column:1/-1;background:#ffdf3d;color:#28205c;font-size:14px}.link b{font-size:17px;font-weight:400}.link:hover{background:#f5a529;color:#232055;transform:translateY(-3px)}.school-name{font-size:10px;font-weight:700;letter-spacing:1.6px;line-height:1.7;margin:22px 0 0;text-shadow:0 1px 5px #0b3896}.school-name span{display:block;font-weight:400;letter-spacing:.3px;font-size:10px}.students{position:absolute;bottom:0;z-index:1;pointer-events:none;width:36vw;max-width:600px;height:calc(100% - 75px);min-height:540px}.students img{position:absolute;bottom:0;height:auto;object-fit:contain;filter:drop-shadow(0 12px 12px #12478520);animation:appear 1s .1s both}.students-left{left:0}.students-right{right:0}.medal{left:-5%;width:91%;z-index:1}.reader{left:34%;width:73%;z-index:2}.rocket{right:34%;width:83%;z-index:2}.basket{right:-9%;width:88%;z-index:1}a:focus-visible{outline:3px solid #fff;outline-offset:4px}@keyframes appear{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@media(min-width:1450px){.centerpiece{width:480px}.campaign-logo{height:355px}.campaign-logo img{top:-78px}.link{min-height:49px}.students{width:37vw}}@media(max-width:1100px){.centerpiece{width:380px}.campaign-logo{height:280px}.campaign-logo img{top:-61px}.students{width:37vw}.reader{left:15%;width:85%}.rocket{right:15%;width:92%}.medal{left:-30%;width:100%;opacity:.85}.basket{right:-28%;width:100%;opacity:.85}}@media(max-width:760px){.welcome{padding:19px 16px 250px;min-height:100svh}.top-enter{font-size:12px;padding:9px 20px}.centerpiece{width:390px;margin-top:9px}.campaign-logo{height:285px}.campaign-logo img{top:-63px}.enrollment{margin:0 0 17px;font-size:11px;letter-spacing:1.2px}.enrollment strong{font-size:17px}.students{min-height:0;height:250px;width:48vw;max-width:270px;bottom:-5px}.medal,.basket{display:none}.reader{left:-4%;width:100%}.rocket{right:-4%;width:100%}.students img{max-height:275px;object-fit:contain;object-position:bottom}.school-name{margin-top:16px}.backdrop{background-position:center bottom}.link{min-height:45px;font-size:10px;padding:10px}.link:first-child{font-size:13px}}@media(max-width:380px){.campaign-logo{height:245px}.campaign-logo img{top:-54px}.link{font-size:9px}.welcome{padding-bottom:220px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Preserve toda a marca, inclusive a palavra Futuros. */
.campaign-logo{height:auto;aspect-ratio:1.04}.campaign-logo img{top:-16%}
/* Botões no estilo do exemplo fornecido. */
.links{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px;margin:auto}
.link,.link:first-child{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:13px 24px;border:0;border-radius:8px;background:#004479;color:#fff;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.25px;line-height:1.3;box-shadow:none;transition:transform .3s ease,opacity .3s ease}
.link>span{text-align:center}.link:first-child{background:#ff5c00;font-size:16px}
.link .nav-arrow{display:none}
.link:hover,.link:first-child:hover{background:#004479;color:white;transform:scale(1.03);opacity:.9;box-shadow:none}
.link:first-child:hover{background:#ff5c00}
.link:active,.link:first-child:active{transform:scale(.99)}
.top-enter{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:transparent;border:2px solid #004479;border-radius:8px;color:#003258;font-size:13px;font-weight:700;text-transform:uppercase;padding:10px 22px;box-shadow:none;transition:transform .3s ease,background .3s ease}
.top-enter span{display:flex}.top-enter svg{width:17px;height:17px}
.top-enter:hover{background:#004479;color:white;transform:scale(1.03)}
.link:focus-visible,.top-enter:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:760px){.links{max-width:340px;gap:11px}.link,.link:first-child{font-size:14px;min-height:47px;padding:12px 20px}.top-enter{font-size:11px}.school-name{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.link,.top-enter{transition:none!important}}

/* Botoes no estilo do exemplo fornecido. */
.access{max-width:350px}.links{display:flex;flex-direction:column;gap:10px}
.link,.link:first-child{width:100%;min-height:47px;display:flex;justify-content:center;padding:12px 20px;border:0;border-radius:8px;background:#004479;color:#fff;font-size:14px;font-weight:600;line-height:1.35;letter-spacing:.3px;text-transform:uppercase;box-shadow:0 3px 10px #10367c20;transition:transform .25s,background .25s,box-shadow .25s}
.link>span{flex:initial;text-align:center}.link:first-child{background:#ff5c00}.link .nav-arrow{display:none}
.link:hover{transform:scale(1.025);background:#00375f;color:#fff;box-shadow:0 5px 15px #10367c35}.link:first-child:hover{background:#e45100;color:#fff}.link:active,.link:first-child:active{transform:scale(.985);box-shadow:none}
.top-enter{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;background:#004479;border:1px solid #ffffff70;box-shadow:none;font-size:13px;font-weight:600}.top-enter span{display:grid;place-items:center}.top-enter svg{width:17px;height:17px}.top-enter:hover{background:#00375f}a:focus-visible{outline:3px solid #ffe34d;outline-offset:4px}
@media(max-width:760px){.access{max-width:350px}.link,.link:first-child{font-size:13px;min-height:47px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.link,.top-enter{transition:none!important}}
.top-enter,.top-enter:hover{color:#fff}

.enrollment{margin:0 auto 18px;display:flex;justify-content:center}.enrollment img{display:block;width:166px;max-width:60%;height:auto;filter:drop-shadow(0 2px 3px #163c7b40)}

/* Logo fornecida sem as margens da versao anterior. */
.campaign-logo{height:auto;aspect-ratio:3990/3588;margin:18px auto 12px}.campaign-logo img{position:static;display:block;width:100%;height:auto;left:auto;top:auto}

/* Posicoes originais com mais espaco entre os alunos. */
@media(min-width:1101px){
.students{width:38vw;max-width:620px}
.medal{left:-10%;width:80%;z-index:1}
.reader{left:40%;width:65%;z-index:2}
.rocket{right:40%;width:73%;z-index:2}
.basket{right:-13%;width:79%;z-index:1}
}
@media(min-width:761px) and (max-width:1100px){
.medal{left:-24%;width:87%;opacity:1}
.reader{left:29%;width:70%}
.rocket{right:29%;width:78%}
.basket{right:-27%;width:86%;opacity:1}
}
@media(max-width:760px){.medal,.basket{display:none}.rocket{display:block;right:-12%;width:94%;opacity:1}.reader{left:-12%;width:94%}}
/* Navegacao moderna. */
.links{gap:11px}
.link,.link:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:12px 17px;border:1px solid #ffffff45;border-radius:16px;background:linear-gradient(135deg,#075b93,#073b6b);color:#fff;font-size:14px;font-weight:600;letter-spacing:0;line-height:1.35;text-transform:none;box-shadow:inset 0 1px 0 #ffffff17,0 6px 16px #08336e30;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;opacity:1}
.link>span{flex:1;text-align:left}
.link:first-child{background:linear-gradient(120deg,#ff8b32,#f65c0b);border-color:#ffb773;font-size:15px;box-shadow:inset 0 1px 0 #ffffff40,0 7px 20px #8b380e25}
.link .nav-arrow{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#ffffff14;border:1px solid #ffffff26}
.nav-arrow svg{display:block;width:16px;height:16px}
.link:hover,.link:first-child:hover{transform:translateY(-2px);opacity:1;background:linear-gradient(135deg,#0871ad,#08518a);box-shadow:inset 0 1px 0 #ffffff25,0 10px 22px #08336e40}
.link:first-child:hover{background:linear-gradient(120deg,#ff9d4d,#ff711e)}
.link:active,.link:first-child:active{transform:translateY(1px);box-shadow:0 2px 5px #08336e25}
.top-enter{padding:11px 19px;min-height:44px;background:#063e6df2;border:1px solid #ffffff60;border-radius:14px;color:#fff;font-size:12px;text-transform:none;box-shadow:0 4px 14px #08336e25;transition:transform .2s,background .2s}
.top-enter:hover{background:#08578c;transform:translateY(-2px);color:#fff}
.link:focus-visible,.top-enter:focus-visible{outline:3px solid #ffe562;outline-offset:4px}
@media(max-width:760px){.link,.link:first-child{min-height:53px;font-size:13px;padding:11px 16px}.link:first-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.link,.top-enter{transition:none!important}}

/* Botoes com pontas totalmente arredondadas. */
.link,.link:first-child,.top-enter{border-radius:999px}

/* Tipografia da pagina. */
html,body,button,input,select,textarea,.link,.top-enter{font-family:'Poppins',sans-serif}

/* Logo da campanha um pouco menor e centralizada. */
.campaign-logo{width:88%}
/* Computador: distribui a campanha pela altura disponivel da janela. */
@media(min-width:761px){
.welcome{min-height:100svh;padding:12px 20px;gap:8px}
.top-enter{min-height:38px;padding:8px 18px;flex-shrink:0;font-size:12px}
.centerpiece{width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}
.campaign-logo{width:88%;height:clamp(80px,calc(100svh - 440px),340px);aspect-ratio:auto;margin:0 auto;flex-shrink:0}
.campaign-logo img{width:100%;height:100%;object-fit:contain;position:static}
.enrollment{margin:0;min-height:54px;align-items:center}
.enrollment img{width:118px;height:auto;max-height:54px;object-fit:contain}
.access{max-width:350px;width:100%;margin:0}
.links{gap:8px}
.link,.link:first-child{min-height:44px;padding:8px 17px;font-size:13px}
.link .nav-arrow{width:26px;height:26px;flex-basis:26px}
.school-name{margin:4px 0 0;line-height:1.4;font-size:9px}
.school-name span{font-size:9px}
.students{min-height:0;height:calc(100svh - 70px)}
.students img{max-height:calc(100svh - 80px);object-fit:contain;object-position:bottom}
}
@media(min-width:761px) and (max-height:550px){
.links{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.link:first-child{grid-column:1/-1}
.link,.link:first-child{font-size:11px;padding:8px 12px}
.campaign-logo{height:clamp(65px,calc(100svh - 330px),200px)}
.enrollment{min-height:40px}.enrollment img{width:88px;max-height:40px}
}
@media(min-width:761px){.enrollment{width:100%}.enrollment img{max-width:none}}