:root{--bg:#2b0047;--bg2:#4f0079;--pink:#ff2e93;--yel:#ffcc00;--cyan:#22e4ff;--green:#3dff8f;--txt:#fff7ff;--mut:#cdb8ee;
--disp:'Poetsen One','Impact',sans-serif;--body:'Outfit',system-ui,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:calc(64px + env(safe-area-inset-top,0px))}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--txt);font-family:var(--body);overflow-x:hidden;line-height:1.5}
a{color:inherit;text-decoration:none}
canvas{position:fixed;inset:0;pointer-events:none;z-index:1}
section,header,footer{position:relative;z-index:2}
.wrap{max-width:1080px;margin:0 auto;padding:72px 20px}
h1,h2,h3{font-family:var(--disp);font-weight:400;line-height:1}
.btn{display:inline-block;font-family:var(--disp);font-size:1.15rem;padding:16px 30px;border-radius:999px;background:var(--yel);color:#2a0c55;border:3px solid #fff;box-shadow:5px 5px 0 var(--pink);transition:.15s;cursor:pointer}
.btn:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:8px 8px 0 var(--pink)}
.btn.alt{background:transparent;color:#fff;box-shadow:5px 5px 0 var(--cyan)}
/* hero */
.hero{min-height:88vh;display:flex;align-items:center;text-align:center;overflow:hidden;
background:radial-gradient(circle at 20% 15%,#ff2e9355,transparent 45%),radial-gradient(circle at 85% 80%,#22e4ff44,transparent 45%),linear-gradient(160deg,var(--bg2),var(--bg))}
.hero .wrap{padding-top:96px;padding-bottom:64px}
.tag{display:inline-block;background:var(--green);color:#1a0638;font-weight:800;padding:6px 16px;border-radius:99px;margin-top:18px;letter-spacing:.05em;font-size:.85rem}
h1{font-size:clamp(3.4rem,15vw,9.5rem);text-transform:uppercase;text-shadow:5px 5px 0 var(--pink),10px 10px 0 var(--cyan)}
h1 span{color:var(--yel)}
.sub{font-size:clamp(1.05rem,3vw,1.4rem);color:var(--mut);margin:26px auto 28px;max-width:640px}
.cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.count{display:flex;gap:12px;justify-content:center;margin-top:22px}
.count div{background:#ffffff14;border:2px solid #ffffff33;border-radius:16px;padding:12px 6px;min-width:70px;backdrop-filter:blur(6px)}
.count b{display:block;font-family:var(--disp);font-size:2rem;color:var(--yel);font-weight:400}
.count small{color:var(--mut);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
/* marquee */
.mq{background:var(--yel);color:#2a0c55;transform:rotate(-1.5deg);margin:-10px -10px;overflow:hidden;white-space:nowrap;border-block:4px solid #fff;z-index:3;position:relative}
.mq div{display:inline-block;padding:14px 0;font-family:var(--disp);font-size:1.5rem;animation:mq 90s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
/* sobre */
h2{font-size:clamp(2.2rem,7vw,4rem);margin-bottom:18px}
h2 em{font-style:normal;color:var(--pink)}
.sobre{display:grid;gap:30px;grid-template-columns:1.2fr 1fr;align-items:center}
.sobre p{color:var(--mut);font-size:1.1rem;margin-bottom:14px}
.cards{display:grid;gap:14px}
.card{background:linear-gradient(135deg,var(--pink),#a31cff);border-radius:22px;padding:22px;border:3px solid #fff;transform:rotate(1.5deg)}
.card:nth-child(2){background:linear-gradient(135deg,var(--cyan),#2b6bff);transform:rotate(-1.5deg)}
.card h3{font-size:1.5rem;margin-bottom:6px}
/* ingressos */
.tk{background:var(--bg2)}
.tk .lead{color:var(--mut);margin-bottom:34px;font-size:1.1rem}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.tk .grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.lote{position:relative;background:var(--bg);border:3px solid #ffffff44;border-radius:26px;padding:28px 24px;display:flex;flex-direction:column;gap:12px}
.lote.hot{border-color:var(--yel);box-shadow:0 0 0 4px var(--pink),0 20px 50px #ff2e9355;transform:scale(1.03)}
.lote.off{opacity:.55}
.lote .bd{position:absolute;top:-14px;right:18px;background:var(--pink);font-weight:800;font-size:.75rem;padding:5px 12px;border-radius:99px;letter-spacing:.06em}
.lote h3{font-size:1.6rem;color:var(--cyan)}
.price{font-family:var(--disp);font-size:3rem;color:var(--yel)}
.price small{font-size:1rem;color:var(--mut);font-family:var(--body)}
.lote ul{list-style:none;padding:0;color:var(--mut);display:grid;gap:6px;flex:1}
.lote li::before{content:"✦ ";color:var(--green)}
.lote .btn{text-align:center;font-size:1rem;padding:14px}
.lote.off .btn{background:#444;color:#aaa;box-shadow:none;pointer-events:none}
.note{margin-top:26px;color:var(--mut);font-size:.9rem;text-align:center}
/* info */
.info{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.info div{border-left:5px solid var(--pink);padding:6px 0 6px 16px}
.info small{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.75rem}
.info p{font-size:1.3rem;font-weight:600}
details{background:#ffffff10;border-radius:16px;padding:16px 20px;margin-top:12px}
summary{font-weight:800;cursor:pointer}
details p{color:var(--mut);margin-top:8px}
.final{text-align:center;background:linear-gradient(135deg,var(--pink),#a31cff)}
.final .btn{background:#fff;box-shadow:5px 5px 0 var(--yel)}
footer{text-align:center;padding:30px 20px 40px;color:var(--mut);font-size:.9rem}
footer a{color:var(--yel);font-weight:800}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#1a0638ee;backdrop-filter:blur(8px);display:none;border-top:2px solid var(--pink)}
.sticky .btn{display:block;text-align:center;padding:13px}
.lead2{color:var(--mut);margin-bottom:30px;font-size:1.1rem}
.art{background:linear-gradient(160deg,#ff2e93,#a31cff 70%,#4f0079);border:3px solid #ffffff44;border-radius:26px;padding:26px 18px}
.art img{height:230px;max-width:100%;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 0 10px #ffffff88)}
.art h3{font-size:2rem;color:var(--yel);margin-top:8px}.art small{color:var(--mut);letter-spacing:.1em;text-transform:uppercase}
.route{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));margin-top:20px}
.route div{background:#ffffff10;border-radius:20px;padding:22px;border-top:5px solid var(--green)}
.route b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--pink);font-family:var(--disp);font-weight:400;margin-bottom:10px}
.route h3{font-size:1.4rem;color:var(--cyan)}.route p{color:var(--mut)}
.gal{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));margin-top:20px}
.gal div{aspect-ratio:1;border-radius:18px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--pink),#a31cff)}
.gal div:nth-child(even){background:linear-gradient(135deg,var(--cyan),#2b6bff)}.gal div:nth-child(3n){background:linear-gradient(135deg,var(--yel),var(--pink));color:#2a0c55}
.logo{display:block;width:min(400px,80vw,52vh);margin:0 auto;filter:drop-shadow(0 10px 24px #0008)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);text-shadow:none}
.fth{position:absolute;width:46px;z-index:1;opacity:.92;animation:sway 6s ease-in-out infinite alternate;pointer-events:none}
@keyframes sway{from{translate:0 -10px}to{translate:12px 14px}}
.mas{width:min(260px,70%);margin:0 auto 6px;display:block;filter:drop-shadow(0 10px 18px #0006)}
.flogo{width:min(220px,60vw);margin-bottom:10px}
.spons{background:var(--bg);text-align:center}.spons .wrap{padding:40px 20px}.spons h3{font-size:1.1rem;color:var(--mut);letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px}.logos{display:flex;flex-wrap:wrap;gap:26px 44px;justify-content:center;align-items:center}.logos img{max-height:62px;max-width:150px;width:auto;opacity:.9}
.chk{list-style:none;padding:0;display:grid;gap:8px;margin:0 0 18px}.chk li{font-weight:600}.chk li::before{content:"✔️ "}
.legal{max-width:720px;margin:18px auto 0;font-size:.78rem;opacity:.75}
.city{font-size:1.5rem;color:var(--yel);margin:30px 0 14px}
.pv{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,340px))}
.store{background:#ffffff10;border:2px solid #ffffff33;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.store .lg{aspect-ratio:16/10}.store .lg img{width:100%;height:100%;object-fit:contain;display:block}
.store .tx{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.store h4{font-family:var(--disp);font-weight:400;font-size:1.3rem}
.store p{color:var(--mut);font-size:.95rem;flex:1}.store a{color:var(--cyan);font-weight:800}
.gal{display:block;columns:3 220px;column-gap:12px}.gal img{width:100%;height:auto;display:block;margin:0 0 12px;border-radius:18px;cursor:default;break-inside:avoid;border:3px solid #ffffff33}
.car{--w:230px;position:relative;width:100vw;margin:24px 0 0 calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.gal{display:flex;columns:auto;width:max-content;will-change:transform}
.gal img{flex:none;width:var(--w);height:calc(var(--w)*1.3);object-fit:cover;object-position:center 30%;margin:0 12px 0 0;border-radius:18px;break-inside:auto}
.car:hover .gal,.car:active .gal{animation-play-state:paused}
@keyframes car{to{transform:translateX(-50%)}}
@media(max-width:760px){.car{--w:170px}}
@media(prefers-reduced-motion:reduce){.car{overflow-x:auto}.gal{animation:none}}
.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:14px;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:#2b0047ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--pink)}
.nav .brand img{height:34px;width:auto;display:block}
.links{flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;justify-content:center}.links::-webkit-scrollbar{display:none}
.links a{font-weight:800;font-size:.85rem;white-space:nowrap;padding:8px 12px;border-radius:99px;color:var(--mut);transition:.15s}
.links a:hover,.links a.on{background:#ffffff1f;color:#fff}
.nav .btn{font-size:.9rem;padding:9px 18px;border-width:2px;box-shadow:3px 3px 0 var(--pink);white-space:nowrap}
.nav .btn:hover{box-shadow:5px 5px 0 var(--pink)}
#pontos .wrap{padding:44px 20px}#pontos h2{font-size:clamp(1.9rem,5vw,2.6rem);margin-bottom:10px}
.pv{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))}
.store{flex-direction:row;align-items:center;gap:12px;padding:10px;border-radius:16px;border-width:1px}
.store .lg{flex:none;width:64px;height:64px;aspect-ratio:auto;border-radius:12px;overflow:hidden}
.store .lg img{width:100%;height:100%;object-fit:contain}
.store .tx{padding:0;gap:2px}.store h4{font-size:1.05rem}.store p{font-size:.82rem;line-height:1.35}.store a{font-size:.85rem}
.ct{color:var(--yel);font-weight:800;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:760px){.nav{gap:8px;padding:6px 10px;padding-top:calc(6px + env(safe-area-inset-top,0px))}.nav .brand img{height:26px}.links{justify-content:flex-start}.links a{padding:7px 9px;font-size:.8rem}.nav .btn{padding:8px 12px;font-size:.8rem}}
.nav{display:block;padding-left:0;padding-right:0}
.ni{max-width:1080px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:14px}
.mapimg{width:100%;height:auto;display:block;margin-top:22px;border-radius:22px;border:3px solid #ffffff44;cursor:default}
.gal{animation:none!important}
@media(max-width:760px){.ni{padding:0 12px;gap:8px}}
.fc{--fw:150px;position:absolute;z-index:1;width:calc(var(--fw)*2.6);height:calc(var(--fw)*2.4);pointer-events:none;animation:sway 7s ease-in-out infinite alternate}
.fc img{position:absolute;bottom:0;left:50%;width:var(--fw);height:auto;margin-left:calc(var(--fw)*-.5 + var(--fw)*var(--dx));transform-origin:50% 94%;transform:rotate(var(--r));filter:drop-shadow(0 6px 8px #0005)}
.fc.f1{left:calc(var(--fw)*-.45);top:calc(66px - var(--fw)*.35);transform:rotate(135deg)}
.fc.f2{right:calc(var(--fw)*-.45);bottom:calc(var(--fw)*-.3);transform:rotate(-45deg);animation-delay:-3s}
.fc.f3{right:calc(var(--fw)*-.45);top:calc(66px - var(--fw)*.35);transform:rotate(-135deg);animation-delay:-1.5s}
.fc.f4{left:calc(var(--fw)*-.45);bottom:calc(var(--fw)*-.3);transform:rotate(45deg);animation-delay:-4.5s}
.hero .wrap{position:relative;z-index:2}
@media(max-width:899px){.fc{--fw:84px}.fc.f3,.fc.f4{display:none}}
@media(prefers-reduced-motion:reduce){.fc{animation:none}}
.ig{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));margin-top:22px}
.ic{background:#ffffff10;border:2px solid #ffffff33;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:4px}
.ic .ico{font-size:1.7rem;line-height:1;margin-bottom:6px}
.ic small{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.72rem}
.ic b{font-family:var(--disp);font-weight:400;font-size:1.5rem;color:var(--yel);line-height:1.1}
.ic p{color:var(--mut);font-size:.95rem}.ic a{color:var(--cyan);font-weight:800;margin-top:6px}
.faq{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));margin-top:22px}
.fq{background:var(--bg);border:2px solid #ffffff33;border-radius:20px;padding:20px 22px}
.fq h3{font-size:1.15rem;line-height:1.2;color:#fff;margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}
.fq h3::before{content:"?";flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--pink);font-size:.95rem}
.fq p{color:var(--mut)}.fq a{color:var(--yel);font-weight:800}
.chk{gap:12px;margin:6px 0 22px}
.chk li{display:flex;align-items:center;gap:14px;font-size:clamp(1.02rem,2.7vw,1.22rem);font-weight:800;line-height:1.25;background:linear-gradient(135deg,#ffffff1c,#ffffff0d);border:2px solid #ffffff3a;border-radius:18px;padding:14px 18px;box-shadow:4px 4px 0 #0003}
.chk li::before{content:"✓";flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:#1a0638;font-size:1.25rem;font-weight:900;box-shadow:0 0 0 3px #3dff8f44}
html{overflow-x:hidden}
img{pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.count b{font-variant-numeric:tabular-nums}
@media(max-width:400px){.count{gap:6px}.count div{min-width:0;flex:1;padding:10px 4px}.count b{font-size:1.6rem}.wrap{padding-left:16px;padding-right:16px}}
@media(max-width:560px){.ni{flex-wrap:wrap;row-gap:2px}.nav .btn{margin-left:auto}.links{order:3;flex:0 0 100%}html{scroll-padding-top:calc(92px + env(safe-area-inset-top,0px))}.hero .wrap{padding-top:124px}.fc.f1{top:calc(96px - var(--fw)*.35)}}
.art{position:relative;aspect-ratio:4/5;padding:0;overflow:hidden;background:radial-gradient(circle at 50% 75%,#ffcc0080,transparent 62%),linear-gradient(160deg,#ff2e93,#a31cff 70%,#4f0079)}
.art img{position:absolute;left:0;bottom:0;width:100%;height:90%;max-width:none;margin:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 12px #ffffffaa)}
.art .pill{position:absolute;left:50%;bottom:18px;transform:translateX(-50%) rotate(-2deg);background:var(--pink);color:#fff;font-family:var(--disp);font-size:1.7rem;letter-spacing:.12em;padding:6px 28px 8px;border-radius:99px;border:3px solid #fff;box-shadow:4px 4px 0 var(--yel);white-space:nowrap}
.art .tagc{position:absolute;top:14px;right:14px;background:var(--yel);color:#2a0c55;font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:99px;transform:rotate(4deg)}
@media(max-width:560px){.art{aspect-ratio:1/1}.art .pill{font-size:1.4rem;bottom:14px}}
@media(max-width:760px){.fth{width:30px}}
@media(max-width:760px){.sobre{grid-template-columns:1fr}.sticky{display:block}.lote.hot{transform:none}}
@media(prefers-reduced-motion:reduce){.mq div{animation:none}.fth{animation:none}html{scroll-behavior:auto}}

/* confete da primeira dobra */
.hc{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}