@font-face{font-family:B;font-weight:800;font-display:swap;src:url(../fonts/fonte_47b6f4e6.woff2) format("woff2")}
@font-face{font-family:I;font-weight:600;font-display:swap;src:url(../fonts/fonte_75fb76ec.woff2) format("woff2")}
@font-face{font-family:I;font-weight:800;font-display:swap;src:url(../fonts/fonte_1b59c7d1.woff2) format("woff2")}
:root{--v:#1F4D2B;--vn:#14361D;--a:#F2C12E;--c:#FFFDF4;--g:#111611;--m:#4A574C}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--c);color:var(--g);font:600 17px/1.6 I,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit}h1,h2,h3,.bt,.logo{font-family:B,system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}
.w{max-width:1120px;margin:0 auto;padding:0 20px}
nav{position:sticky;top:0;z-index:20;background:rgba(31,77,43,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
nav .w{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.logo{display:inline-flex;align-items:center;gap:8px;color:var(--c);text-decoration:none;font-size:22px;border:3px solid var(--a);border-radius:99px;padding:3px 16px 1px 10px}
.nl{display:flex;gap:22px;align-items:center}.nl a{color:var(--c);text-decoration:none;font-size:15px;opacity:.9}.nl a:hover{opacity:1;text-decoration:underline}
.bt{display:inline-flex;align-items:center;gap:10px;background:var(--a);color:var(--vn);text-decoration:none;border-radius:99px;padding:12px 24px 10px;font-size:19px;box-shadow:0 6px 0 #C99A12;transition:transform .15s,box-shadow .15s}
.bt:hover{transform:translateY(2px);box-shadow:0 4px 0 #C99A12}.bt.sm{padding:8px 16px 6px;font-size:16px;box-shadow:none}
.bt.wa{background:#25D366;color:#06301a;box-shadow:0 6px 0 #179c4a}
header{background:radial-gradient(ellipse at 50% 100%,var(--vn) 0%,var(--v) 65%);color:var(--c);text-align:center;padding:64px 0 0;overflow:hidden}
header h1{font-size:clamp(44px,9vw,92px);line-height:.92}header .sl{display:inline-block;margin:18px 0 8px;background:var(--a);color:var(--vn);font-family:B;font-size:clamp(20px,3.6vw,30px);padding:6px 22px 2px;border-radius:99px;transform:rotate(-2deg)}
header p.s{max-width:640px;margin:14px auto 28px;font-size:clamp(17px,2.4vw,20px);opacity:.92}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cta .ol{background:transparent;color:var(--c);border:3px solid var(--c);box-shadow:none}
.lineup{position:relative;height:clamp(200px,34vw,320px);margin-top:36px;max-width:900px;margin-left:auto;margin-right:auto}
.lineup img{position:absolute;bottom:-6px;height:100%;width:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35));animation:up .8s cubic-bezier(.2,.9,.3,1.3) both}
.h0{left:2%;height:86%!important;animation-delay:.25s!important}.h1{left:20%;height:92%!important;animation-delay:.15s!important}.h2{left:50%;transform:translateX(-50%);z-index:2;animation-name:upc!important}.h3{right:20%;height:95%!important;animation-delay:.15s!important}.h4{right:2%;height:86%!important;animation-delay:.25s!important}
@keyframes up{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}@keyframes upc{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
section{padding:84px 0}.k{color:var(--v);font:800 14px I;text-transform:uppercase;letter-spacing:.14em}h2{font-size:clamp(34px,5.5vw,56px);line-height:1;margin:8px 0 14px}.ld{color:var(--m);max-width:680px;font-size:19px}
.st{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.sp{background:#fff;border-radius:24px;padding:28px;border:2px solid #E8E4D4}
.sp .n{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--v);color:var(--a);font:800 26px B}.sp h3{font-size:26px;margin:14px 0 6px}.sp p{color:var(--m)}
#elenco{background:#F4F0E2}.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:40px}
.pc{background:#fff;border-radius:26px;overflow:hidden;border-bottom:8px solid var(--c);transition:transform .2s}.pc:hover{transform:translateY(-6px)}
.pi{background:radial-gradient(circle at 50% 70%,var(--cl) 0 62%,#fff 63%);height:290px;display:flex;justify-content:center;align-items:flex-end;padding-top:14px}.pi img{height:100%;width:auto}
.pt{padding:20px 24px 26px}.cg{display:inline-block;background:var(--c);color:#fff;font:800 12px I;text-transform:uppercase;letter-spacing:.1em;padding:5px 12px;border-radius:99px}
.pt h3{font-size:32px;margin:10px 0 6px}.pt p{color:var(--m)}.pt q{display:block;margin-top:14px;font:800 20px B;color:var(--c)}
#anuncie{background:var(--g);color:var(--c);position:relative;overflow:hidden}#anuncie:before{content:"";position:absolute;right:-180px;top:-180px;width:520px;height:520px;border-radius:50%;background:var(--v);opacity:.7}
#anuncie .w{position:relative}#anuncie .k{color:var(--a)}#anuncie .ld{color:#D8DDD4}
.ag{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:36px;align-items:start}
.ofer{background:var(--a);color:var(--vn);border-radius:28px;padding:32px;position:relative}.ofer h3{font-size:34px;line-height:1.05}.ofer ul{margin:16px 0 24px;padding-left:22px}.ofer li{margin:6px 0}
.selo{position:absolute;top:-16px;right:24px;background:var(--g);color:var(--a);font:800 14px I;padding:8px 14px;border-radius:99px;transform:rotate(4deg);text-transform:uppercase;letter-spacing:.08em}
.ex{list-style:none;padding:0;display:grid;gap:12px}.ex li{background:#1C251D;border:1px solid #2C3A2E;border-radius:18px;padding:16px 18px;display:grid;gap:4px}.ex b{color:var(--a);font:800 18px B}.ex span{color:#D8DDD4}
.fm{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.fm span{border:2px solid #3A4A3C;border-radius:99px;padding:6px 14px;font-size:15px}
.nt{font-size:14px;color:#A9B3A8;margin-top:16px}
.rds{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:32px}
.rd{display:flex;gap:14px;align-items:center;background:#fff;border:2px solid #E8E4D4;border-radius:20px;padding:18px 20px;text-decoration:none;transition:border-color .2s,transform .2s}.rd:hover{border-color:var(--v);transform:translateY(-3px)}.rd svg{color:var(--v)}.rd span{display:grid}.rd small{color:var(--m);font-size:14px}
footer{background:var(--v);color:var(--c);text-align:center;padding:40px 20px;font-size:15px}footer .logo{margin-bottom:12px}
.fw{position:fixed;right:18px;bottom:18px;z-index:30;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.3)}
:focus-visible{outline:3px solid var(--a);outline-offset:3px}
@media (max-width:860px){.st,.ag{grid-template-columns:1fr}.nl a:not(.bt){display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* cores por personagem */
.pc-afonso{--c:#2F5D34;--cl:#DFE9D4}
.pc-leo{--c:#4F7A17;--cl:#E4EFCF}
.pc-chico{--c:#A87F00;--cl:#F8ECC4}
.pc-mara{--c:#8E1F2F;--cl:#F5DCDC}
.pc-lara{--c:#C4570F;--cl:#FBE1CC}
.nota-pequena{margin-top:14px;font-size:14px}
.titulo-medio{font-size:26px;margin-bottom:14px}

/* logo oficial (12/10/2026) */
.logo{border:0;padding:0;border-radius:0}
.logo img{display:block;height:46px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
footer .logo img{height:84px;margin:0 auto}
.h1logo{margin:0 0 6px;line-height:0}
.h1logo img{width:min(460px,82vw);height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}

/* v3 (12/10/2026): logo ajustada, personagens flutuando, seções animadas ao rolar */
.logo{border:0!important;padding:0!important;border-radius:0!important;line-height:0}
.logo img{height:44px;width:auto}
footer .logo img{height:80px;width:auto}
.h1logo{margin:0 auto 4px;line-height:0}
.h1logo img{width:min(420px,76vw);height:auto;animation:logoIn .9s cubic-bezier(.2,.9,.3,1.25) both}
@media (max-width:640px){.logo img{height:36px}.h1logo img{width:min(300px,78vw)}}
@keyframes logoIn{from{opacity:0;transform:scale(.85) rotate(-3deg)}to{opacity:1;transform:none}}
@keyframes flutua{from{translate:0 0}to{translate:0 -12px}}
.lineup img{animation:up .8s cubic-bezier(.2,.9,.3,1.3) both,flutua 3.4s ease-in-out 1s infinite alternate}
.h0{animation-delay:.25s,1.25s!important;animation-duration:.8s,3.8s!important}
.h1{animation-delay:.15s,1.6s!important;animation-duration:.8s,3.2s!important}
.h2{animation-name:upc,flutua!important;animation-delay:0s,1s!important;animation-duration:.8s,3.6s!important}
.h3{animation-delay:.15s,1.4s!important;animation-duration:.8s,3.5s!important}
.h4{animation-delay:.25s,1.8s!important;animation-duration:.8s,3.9s!important}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.3,1)}
.js .rv.on{opacity:1;transform:none}
.pc{transition:translate .25s ease,box-shadow .25s ease,opacity .7s ease,transform .7s cubic-bezier(.2,.8,.3,1)}
.pc:hover{translate:0 -6px;box-shadow:0 18px 30px rgba(0,0,0,.12)}
.pc .pi img{transition:transform .35s ease}
.pc:hover .pi img{transform:scale(1.04) rotate(-1deg)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}
.pg{display:flex;flex-wrap:wrap;justify-content:center}
.pg>.pc{flex:1 1 300px;max-width:calc((100% - 44px)/3)}
@media (max-width:1000px){.pg>.pc{max-width:calc((100% - 22px)/2)}}
@media (max-width:660px){.pg>.pc{max-width:100%}}

/* v4 (12/10/2026): nova logo oficial (proporção 1,94:1, fundo transparente) */
.h1logo img{width:min(460px,84vw);height:auto}
@media (max-width:640px){.h1logo img{width:min(320px,84vw)}}