@font-face{font-family:"Pop Display";src:url("./font/display.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Pop Body";src:url("./font/body-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Pop Body";src:url("./font/body-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Pop Body";src:url("./font/body-700.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --paper:#fff7ec; --ink:#160a2e; --mag:#ff2d95; --cyan:#00d6e8; --sun:#ffe600; --tang:#ff5d2e; --lilac:#efe2ff;
  --o:3px solid var(--ink); --sh:6px 6px 0 var(--ink); --sh-sm:4px 4px 0 var(--ink); --sh-lg:9px 9px 0 var(--ink);
  --r:22px; --r-lg:32px; --wrap:1240px; --disp:"Pop Display",system-ui,sans-serif; --body:"Pop Body",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background-image:radial-gradient(var(--ink) 1.4px,transparent 1.4px);background-size:26px 26px;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;background:var(--paper);opacity:.86;z-index:-1}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--disp);line-height:1;letter-spacing:-.5px}
.tx-wrap{width:min(100% - 2.4rem,var(--wrap));margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
::selection{background:var(--sun);color:var(--ink)}


.spark{position:absolute;font-family:var(--disp);color:var(--sun);-webkit-text-stroke:2px var(--ink);pointer-events:none;z-index:2}


.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--disp);font-size:.78rem;letter-spacing:.4px;
  padding:.85rem 1.4rem;border:var(--o);border-radius:999px;background:var(--sun);color:var(--ink);cursor:pointer;
  box-shadow:var(--sh);transition:transform .08s,box-shadow .08s;text-transform:uppercase}
.btn:hover{transform:translate(3px,3px);box-shadow:var(--sh-sm)}
.btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}
.btn:focus-visible{outline:4px dashed var(--mag);outline-offset:3px}
.btn.mag{background:var(--mag);color:#fff}
.btn.cyan{background:var(--cyan)}
.btn.wht{background:#fff}
.btn.lg{font-size:.92rem;padding:1.05rem 1.8rem}

.chip{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--disp);font-size:.62rem;letter-spacing:.5px;text-transform:uppercase;
  padding:.5rem .85rem;border:var(--o);border-radius:999px;background:#fff;box-shadow:var(--sh-sm);transition:transform .08s,box-shadow .08s}

.tx-card{background:#fff;border:var(--o);border-radius:var(--r);box-shadow:var(--sh)}


.tx-head{position:relative;margin-bottom:2.2rem}
.tx-kick{display:inline-block;font-family:var(--disp);font-size:.66rem;letter-spacing:1px;text-transform:uppercase;
  background:var(--ink);color:var(--sun);padding:.45rem .9rem;border-radius:999px;transform:rotate(-2deg);margin-bottom:1rem}
.tx-h2{font-size:clamp(2rem,6vw,3.8rem);text-transform:uppercase}
.tx-h2 em{font-style:normal;color:var(--mag);-webkit-text-stroke:2px var(--ink)}
.tx-sub{font-family:var(--body);max-width:54ch;margin-top:.9rem;font-size:1.05rem;font-weight:500}

section{padding-block:clamp(3.2rem,7vw,6rem);position:relative}


.tx-hdr{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:var(--o)}
.tx-bar{display:flex;align-items:center;gap:1rem;height:74px}
.tx-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--disp);font-size:1.15rem}
.tx-logo .mk{width:40px;height:40px;border-radius:12px;border:var(--o);box-shadow:var(--sh-sm)}
.tx-logo b{color:var(--mag);-webkit-text-stroke:1.5px var(--ink)}
.tx-nav{display:flex;gap:.3rem;margin-left:auto}
.tx-nav a{font-family:var(--disp);font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;padding:.5rem .8rem;border-radius:999px;border:2px solid transparent;transition:background .12s,border-color .12s}
.tx-nav a:hover{background:var(--cyan);border:var(--o)}
.tx-nav a.on{background:var(--mag);color:#fff;border:var(--o)}
.tx-hdr .btn{margin-left:.4rem}
.tx-burger{margin-left:auto;display:none;width:52px;height:48px;border:var(--o);border-radius:14px;background:var(--sun);box-shadow:var(--sh-sm);cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.tx-burger span{width:24px;height:3px;background:var(--ink);border-radius:2px}
@media(max-width:920px){.tx-nav,.tx-hdr .btn{display:none}.tx-burger{display:flex}}


.tx-sheet{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none}
.tx-sheet .ov{position:absolute;inset:0;background:rgba(22,10,46,.55);opacity:0;transition:opacity .25s}
.tx-sheet .pan{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-top:5px solid var(--ink);border-radius:30px 30px 0 0;
  padding:1rem 1.3rem 2rem;transform:translateY(102%);transition:transform .32s cubic-bezier(.16,1,.3,1);max-height:88vh;overflow:auto}
.tx-sheet.open{visibility:visible;pointer-events:auto}
.tx-sheet.open .ov{opacity:1}
.tx-sheet.open .pan{transform:translateY(0)}
.tx-sheet .grab{width:64px;height:7px;background:var(--ink);border-radius:99px;margin:.3rem auto 1.1rem}
.tx-sheet .sh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}
.tx-sheet .sh-x{width:46px;height:46px;border:var(--o);border-radius:12px;background:var(--mag);color:#fff;font-family:var(--disp);font-size:1.1rem;box-shadow:var(--sh-sm);cursor:pointer}
.tx-sheet a{display:flex;align-items:center;gap:.7rem;font-family:var(--disp);font-size:1rem;text-transform:uppercase;padding:1rem 1.1rem;margin-top:.6rem;border:var(--o);border-radius:16px;background:#fff;box-shadow:var(--sh-sm)}
.tx-sheet a:nth-child(odd){background:var(--lilac)}
.tx-sheet a .n{margin-left:auto;color:var(--mag)}
.tx-sheet .btn{display:flex;justify-content:center;margin-top:1.1rem;width:100%}


#festa{padding-top:clamp(2.4rem,5vw,4rem);overflow:hidden}
.fe-bg{position:absolute;inset:0;z-index:0}
.fe-bg img{width:100%;height:100%;object-fit:cover}
.fe-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,45,149,.78),rgba(22,10,46,.82))}
#festa .tx-wrap{position:relative;z-index:3}
.fe-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}
.fe-tag{display:inline-flex;align-items:center;gap:.5rem;background:var(--sun);border:var(--o);box-shadow:var(--sh-sm);border-radius:999px;padding:.5rem 1rem;font-family:var(--disp);font-size:.66rem;text-transform:uppercase;transform:rotate(-1.5deg)}
.fe-h1{color:#fff;font-size:clamp(2.6rem,8.5vw,6rem);text-transform:uppercase;margin:1.1rem 0;text-shadow:5px 5px 0 var(--ink)}
.fe-h1 .y{color:var(--sun)}
.fe-h1 .c{color:var(--cyan)}
.fe-lead{color:#fff;font-weight:500;font-size:1.15rem;max-width:46ch;text-shadow:1px 1px 0 rgba(0,0,0,.4)}
.fe-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.fe-mini{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:1.8rem}
.fe-mini div{color:#fff}
.fe-mini b{display:block;font-family:var(--disp);font-size:1.5rem;color:var(--sun)}
.fe-mini span{font-size:.78rem;font-weight:500}

.fe-col{position:relative;min-height:380px}
.fe-col .cc{position:absolute;border:var(--o);border-radius:20px;box-shadow:var(--sh);background:#fff;overflow:hidden}
.fe-col .c1{width:46%;top:0;left:8%;transform:rotate(-6deg);z-index:3}
.fe-col .c2{width:44%;top:14%;right:2%;transform:rotate(7deg);z-index:2}
.fe-col .c3{width:40%;bottom:2%;left:0;transform:rotate(5deg);z-index:4}
.fe-col .c4{width:42%;bottom:6%;right:6%;transform:rotate(-8deg);z-index:1}
.fe-col .cc img{width:100%;height:100%;object-fit:cover}
.fe-badge{position:absolute;z-index:6;top:38%;left:42%;width:96px;height:96px;background:var(--cyan);border:var(--o);border-radius:50%;box-shadow:var(--sh-sm);
  display:grid;place-items:center;text-align:center;font-family:var(--disp);font-size:.62rem;line-height:1.1;transform:rotate(-12deg)}
@media(max-width:860px){.fe-grid{grid-template-columns:1fr;gap:2rem}.fe-col{min-height:330px;max-width:440px;margin-inline:auto;width:100%}}


#numeros{background:var(--cyan);border-block:var(--o)}
.nu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.nu-cell{background:#fff;border:var(--o);border-radius:var(--r);box-shadow:var(--sh);padding:1.5rem 1rem;text-align:center;position:relative;min-width:0;overflow-wrap:anywhere}
.nu-cell:nth-child(2){background:var(--sun)}
.nu-cell:nth-child(3){background:var(--mag);color:#fff}
.nu-cell:nth-child(4){background:var(--lilac)}
.nu-cell b{display:block;font-family:var(--disp);font-size:clamp(1.8rem,5vw,2.8rem)}
.nu-cell span{font-weight:700;font-size:.84rem;text-transform:uppercase;letter-spacing:.4px}
@media(max-width:720px){.nu-grid{grid-template-columns:repeat(2,1fr)}}


.ge-tabs{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:.4rem}
.ge-tabs .chip{cursor:pointer;font-size:.7rem;background:#fff}
.ge-tabs .chip[aria-pressed="true"]{background:var(--mag);color:#fff;transform:translate(2px,2px);box-shadow:var(--sh-sm)}


.ba-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
.ga{padding:1.1rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .12s,box-shadow .12s;background:#fff}
.ga:nth-child(4n+1){background:#fff}.ga:nth-child(4n+2){background:var(--lilac)}.ga:nth-child(4n+3){background:#eafff5}.ga:nth-child(4n){background:#fff3fb}
.ga:hover{transform:translate(-2px,-3px);box-shadow:var(--sh-lg)}
.ga-top{display:flex;gap:.8rem;align-items:center}
.ga-ic{width:72px;height:72px;border-radius:18px;border:var(--o);box-shadow:var(--sh-sm);flex:none}
.ga-tt{font-family:var(--disp);font-size:.92rem;line-height:1.05}
.ga-meta{font-size:.74rem;font-weight:700;color:#5b4a72;margin-top:.25rem}
.ga-tags{display:flex;flex-wrap:wrap;gap:.35rem}
.ga-tags span{font-size:.6rem;font-weight:700;text-transform:uppercase;background:var(--ink);color:#fff;padding:.2rem .5rem;border-radius:99px}
.ga-rate{display:flex;align-items:center;gap:.4rem;font-family:var(--disp);font-size:.8rem}
.ga-rate .st{color:var(--tang);-webkit-text-stroke:1px var(--ink)}
.ga p{font-size:.86rem;font-weight:500;flex:1}
.ga .btn{justify-content:center;width:100%;font-size:.68rem}
.ga.hide{display:none}
@media(max-width:1040px){.ba-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ba-grid{grid-template-columns:1fr}}


#fresquinho{background:var(--ink);color:var(--paper);border-block:var(--o)}
#fresquinho .tx-kick{background:var(--sun);color:var(--ink)}
#fresquinho .tx-h2{color:#fff}
#fresquinho .tx-h2 em{color:var(--sun);-webkit-text-stroke:2px #fff}
#fresquinho .tx-sub{color:#e7defb}
.fr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.fr{background:var(--paper);color:var(--ink);border:var(--o);border-radius:var(--r-lg);box-shadow:5px 5px 0 var(--mag);overflow:hidden;position:relative}
.fr .ph{aspect-ratio:3/4;overflow:hidden;border-bottom:var(--o);background:var(--lilac)}
.fr .ph img{width:100%;height:100%;object-fit:cover}
.fr .bd{padding:1rem 1.1rem 1.2rem}
.fr .nw{position:absolute;top:12px;left:12px;background:var(--mag);color:#fff;font-family:var(--disp);font-size:.6rem;padding:.35rem .7rem;border:var(--o);border-radius:99px;transform:rotate(-6deg);z-index:2}
.fr h3{font-size:1rem}
.fr p{font-size:.85rem;font-weight:500;margin:.4rem 0 .8rem}
@media(max-width:860px){.fr-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.fr-grid{grid-template-columns:1fr}}


.ec-grid{columns:3;column-gap:1.3rem}
.ec{break-inside:avoid;margin-bottom:1.3rem;padding:1.2rem;background:#fff}
.ec:nth-child(3n+2){background:var(--sun)}.ec:nth-child(3n+1){background:var(--lilac)}.ec:nth-child(3n){background:#eafff5}
.ec .qm{font-family:var(--disp);font-size:2.2rem;color:var(--mag);-webkit-text-stroke:2px var(--ink);line-height:.6}
.ec p{font-size:.9rem;font-weight:500;margin:.4rem 0 .9rem}
.ec .who{display:flex;align-items:center;gap:.6rem}
.ec .av{width:40px;height:40px;border-radius:50%;border:var(--o);display:grid;place-items:center;font-family:var(--disp);font-size:.85rem;background:var(--cyan);flex:none}
.ec .nm{font-family:var(--disp);font-size:.78rem}
.ec .rt{font-size:.7rem;font-weight:700}
@media(max-width:920px){.ec-grid{columns:2}}
@media(max-width:600px){.ec-grid{columns:1}}


#tabela{background:var(--mag);border-block:var(--o)}
#tabela .tx-kick{background:#fff;color:var(--mag)}
#tabela .tx-h2,#tabela .tx-sub{color:#fff}
#tabela .tx-h2 em{color:var(--sun);-webkit-text-stroke:2px #fff}
.lb{background:var(--paper);border:var(--o);border-radius:var(--r-lg);box-shadow:var(--sh-lg);overflow:hidden}
.lb-row{display:grid;grid-template-columns:64px 1fr auto auto;gap:1rem;align-items:center;padding:.85rem 1.1rem;border-bottom:2px dashed var(--ink)}
.lb-row:last-child{border-bottom:0}
.lb-row.hd{background:var(--ink);color:var(--sun);font-family:var(--disp);font-size:.66rem;text-transform:uppercase;letter-spacing:.5px}
.lb-rank{font-family:var(--disp);font-size:1.4rem;width:48px;height:48px;display:grid;place-items:center;border:var(--o);border-radius:14px;background:var(--sun)}
.lb-row:nth-child(2) .lb-rank{background:var(--sun)}.lb-row:nth-child(3) .lb-rank{background:var(--cyan)}.lb-row:nth-child(4) .lb-rank{background:var(--tang);color:#fff}
.lb-g{display:flex;align-items:center;gap:.8rem}
.lb-g img{width:50px;height:50px;border-radius:13px;border:var(--o)}
.lb-g b{font-family:var(--disp);font-size:.86rem}
.lb-g small{display:block;font-weight:700;color:#5b4a72;font-size:.72rem}
.lb-sc{font-family:var(--disp);font-size:1rem}
.lb-tr{font-weight:700;font-size:.8rem;white-space:nowrap}
.lb-tr.up{color:#0a8a3c}.lb-tr.same{color:#5b4a72}
@media(max-width:680px){.lb-row{grid-template-columns:52px 1fr auto;gap:.7rem;padding:.7rem .8rem}.lb-row .lb-tr,.lb-row.hd span:last-child{display:none}.lb-g img{width:42px;height:42px}}


.fq{max-width:820px;margin-inline:auto}
.fq details{background:#fff;border:var(--o);border-radius:18px;box-shadow:var(--sh-sm);margin-bottom:1rem;overflow:hidden}
.fq details[open]{box-shadow:var(--sh)}
.fq summary{list-style:none;cursor:pointer;font-family:var(--disp);font-size:.92rem;padding:1.1rem 1.2rem;display:flex;align-items:center;gap:1rem}
.fq summary::-webkit-details-marker{display:none}
.fq summary .pl{margin-left:auto;width:34px;height:34px;flex:none;border:var(--o);border-radius:10px;background:var(--sun);display:grid;place-items:center;font-family:var(--disp);transition:transform .2s}
.fq details[open] summary .pl{transform:rotate(45deg);background:var(--mag);color:#fff}
.fq .ans{padding:0 1.2rem 1.2rem;font-weight:500}


.cta{background:var(--sun);border:var(--o);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:clamp(2rem,5vw,3.4rem);text-align:center;position:relative;overflow:hidden}
.cta h2{font-size:clamp(1.8rem,5vw,3rem);text-transform:uppercase}
.cta p{font-weight:500;max-width:48ch;margin:.8rem auto 1.5rem}
.cta .row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}


.tx-ft{background:var(--ink);color:var(--paper);border-top:5px solid var(--mag);padding-block:3rem 1.5rem;margin-top:2rem}
.ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:2rem}
.ft-grid h4{font-size:.78rem;text-transform:uppercase;color:var(--sun);margin-bottom:1rem;letter-spacing:.5px}
.ft-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--disp);font-size:1.1rem;color:#fff;margin-bottom:.9rem}
.ft-logo .mk{width:38px;height:38px;border-radius:11px;border:2px solid var(--paper)}
.tx-ft p{font-size:.9rem;color:#d9cdf3;font-weight:500}
.ft-li a{display:block;font-size:.9rem;padding:.3rem 0;color:#e7defb;font-weight:500}
.ft-li a:hover{color:var(--sun)}
.ft-nap{font-size:.88rem;color:#e7defb;font-weight:500;line-height:1.7}
.ft-nap a:hover{color:var(--sun)}
.ft-soc{display:flex;gap:.6rem;margin-top:1rem}
.ft-soc a{width:42px;height:42px;border:2px solid var(--paper);border-radius:12px;display:grid;place-items:center;font-family:var(--disp);font-size:.8rem;color:#fff}
.ft-soc a:hover{background:var(--mag)}
.ft-bot{border-top:2px dashed #4a3a6e;margin-top:2rem;padding-top:1.2rem;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;font-size:.8rem;color:#b9a9dd}
.ft-bot a{color:#d9cdf3}
@media(max-width:860px){.ft-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ft-grid{grid-template-columns:1fr}}


.ck{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:80;max-width:600px;margin-inline:auto;background:var(--paper);border:var(--o);border-radius:var(--r);box-shadow:var(--sh-lg);padding:1.2rem 1.3rem;transform:translateY(160%);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.ck.show{transform:translateY(0)}
.ck b{font-family:var(--disp);font-size:.9rem;display:block;margin-bottom:.3rem}
.ck p{font-size:.84rem;font-weight:500;margin-bottom:.9rem}
.ck p a{color:var(--mag);text-decoration:underline;font-weight:700}
.ck .row{display:flex;gap:.6rem;flex-wrap:wrap}
.ck .btn{font-size:.66rem;padding:.7rem 1.1rem}


.pg-hero{background:var(--lilac);border-bottom:var(--o);padding-block:clamp(2.6rem,6vw,4.4rem);position:relative;overflow:hidden}
.pg-hero .tx-kick{background:var(--mag);color:#fff}
.pg-hero h1{font-size:clamp(2.2rem,7vw,4.4rem);text-transform:uppercase;text-shadow:4px 4px 0 #fff}
.pg-hero p{font-weight:500;max-width:60ch;margin-top:1rem;font-size:1.08rem}
.crumb{font-family:var(--disp);font-size:.64rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;color:#5b4a72}
.crumb a:hover{color:var(--mag)}
.prose{max-width:820px}
.prose h2{font-size:clamp(1.4rem,3.6vw,2rem);text-transform:uppercase;margin:2.2rem 0 .8rem;color:var(--ink)}
.prose h2::before{content:"✦ ";color:var(--mag)}
.prose h3{font-size:1.1rem;margin:1.4rem 0 .5rem}
.prose p,.prose li{font-weight:500;margin-bottom:.8rem}
.prose ul{padding-left:1.3rem;margin-bottom:1rem}
.prose li{margin-bottom:.45rem}
.prose a{color:var(--mag);text-decoration:underline;font-weight:700}
.prose .note{background:var(--sun);border:var(--o);border-radius:18px;box-shadow:var(--sh-sm);padding:1.2rem 1.3rem;margin:1.5rem 0;font-weight:700}
.prose strong{font-weight:700}


.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.ab-col{position:relative;min-height:360px}
.ab-col .cc{position:absolute;border:var(--o);border-radius:20px;box-shadow:var(--sh);overflow:hidden}
.ab-col .a1{width:58%;top:0;left:0;transform:rotate(-4deg);z-index:2}
.ab-col .a2{width:50%;bottom:0;right:2%;transform:rotate(6deg);z-index:3}
.ab-col .cc img{width:100%;display:block}
.ab-val{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.5rem}
.ab-val .tx-card{padding:1.4rem;background:#fff}
.ab-val .tx-card:nth-child(2){background:var(--cyan)}.ab-val .tx-card:nth-child(3){background:var(--sun)}
.ab-val .ic{font-family:var(--disp);font-size:1.4rem;width:54px;height:54px;border:var(--o);border-radius:14px;display:grid;place-items:center;background:var(--lilac);box-shadow:var(--sh-sm);margin-bottom:.8rem}
.ab-val h3{font-size:1rem;margin-bottom:.4rem}
.ab-val p{font-size:.88rem;font-weight:500}
@media(max-width:820px){.ab-grid{grid-template-columns:1fr}.ab-col{max-width:420px;margin-inline:auto;width:100%;overflow:hidden;padding:6px}.ab-val{grid-template-columns:1fr}}


.co-card{max-width:760px;margin-inline:auto;background:#fff;border:var(--o);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:clamp(1.6rem,4vw,2.6rem);position:relative;overflow:hidden}
.co-card .badge{position:absolute;top:-14px;right:24px;background:var(--mag);color:#fff;font-family:var(--disp);font-size:.62rem;padding:.45rem .8rem;border:var(--o);border-radius:99px;transform:rotate(4deg)}
.fld{margin-bottom:1.1rem}
.fld label{font-family:var(--disp);font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:.45rem}
.fld input,.fld textarea,.fld select{width:100%;font-family:var(--body);font-size:1rem;font-weight:500;padding:.85rem 1rem;border:var(--o);border-radius:14px;background:var(--paper)}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;box-shadow:var(--sh-sm);background:#fff}
.fld textarea{min-height:130px;resize:vertical}
.co-2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.co-2 .fld{margin-bottom:0}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-bottom:2.5rem}
.co-info .ln{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border:var(--o);border-radius:18px;box-shadow:var(--sh-sm);padding:1rem 1.1rem;margin-bottom:1rem}
.co-info .ln:nth-child(odd){background:var(--lilac)}
.co-info .ic{width:48px;height:48px;flex:none;border:var(--o);border-radius:12px;display:grid;place-items:center;font-family:var(--disp);background:var(--sun)}
.co-info b{font-family:var(--disp);font-size:.74rem;text-transform:uppercase;display:block;margin-bottom:.2rem}
.co-info p{font-weight:500;font-size:.92rem}
.co-info a:hover{color:var(--mag)}
@media(max-width:820px){.co-grid{grid-template-columns:1fr}.co-2{grid-template-columns:1fr}}


.nf{text-align:center;padding-block:clamp(3rem,9vw,7rem);position:relative}
.nf .big{font-family:var(--disp);font-size:clamp(5rem,22vw,13rem);line-height:.85;color:var(--mag);-webkit-text-stroke:4px var(--ink);text-shadow:8px 8px 0 var(--cyan)}
.nf h1{font-size:clamp(1.6rem,5vw,2.6rem);text-transform:uppercase;margin:.6rem 0 1rem}
.nf p{font-weight:500;max-width:46ch;margin:0 auto 1.6rem}
.nf .row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}


#jogo-do-dia{overflow:hidden}
.jd-tkt{display:grid;grid-template-columns:210px 1fr;max-width:980px;margin-inline:auto;background:#fff;border:var(--o);border-radius:var(--r-lg);box-shadow:var(--sh-lg);position:relative;overflow:hidden}
.jd-stub{background:var(--tang);color:#fff;border-right:3px dashed var(--ink);padding:1.6rem 1.1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}
.jd-stub .lab{font-family:var(--disp);font-size:.58rem;letter-spacing:.6px;text-transform:uppercase;background:var(--ink);color:var(--sun);padding:.4rem .75rem;border-radius:99px;margin-bottom:.7rem}
.jd-stub .day{font-family:var(--disp);font-size:3.6rem;line-height:.85;text-shadow:3px 3px 0 var(--ink)}
.jd-stub .mon{font-family:var(--disp);font-size:1.05rem;text-transform:uppercase}
.jd-stub .yr{font-weight:700;font-size:.82rem;opacity:.92;letter-spacing:1px}
.jd-body{padding:1.5rem 1.6rem;display:flex;flex-direction:column;gap:1rem;justify-content:center}
.jd-head{display:flex;gap:1rem;align-items:center}
.jd-ic{width:96px;height:96px;border-radius:22px;border:var(--o);box-shadow:var(--sh);flex:none}
.jd-kk{font-family:var(--disp);font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--mag)}
.jd-tt{font-size:clamp(1.4rem,3.6vw,2rem);text-transform:uppercase;margin:.25rem 0}
.jd-meta{font-weight:700;color:#5b4a72;font-size:.82rem}
.jd-chal{display:flex;gap:.8rem;align-items:center;background:var(--sun);border:var(--o);border-radius:16px;box-shadow:var(--sh-sm);padding:.8rem 1rem;font-weight:700;font-size:.92rem}
.jd-chal b{font-family:var(--disp);font-size:.66rem;line-height:1.15;text-transform:uppercase;color:var(--ink);flex:none;border-right:2px dashed var(--ink);padding-right:.8rem}
.jd-body .btn{align-self:flex-start}
@media(max-width:620px){.jd-tkt{grid-template-columns:1fr}.jd-stub{border-right:0;border-bottom:3px dashed var(--ink);padding:1.1rem}.jd-stub .day{font-size:2.8rem}.jd-body .btn{align-self:stretch;justify-content:center}}


#recordes{background:var(--lilac);border-block:var(--o)}
.rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1.3rem}
.rc{position:relative;background:#fff;border:var(--o);border-radius:var(--r);box-shadow:var(--sh);padding:1.5rem 1.2rem 1.2rem;overflow:hidden;transition:transform .12s,box-shadow .12s}
.rc:nth-child(3n+2){background:var(--sun)}.rc:nth-child(3n){background:var(--cyan)}
.rc:hover{transform:translate(-2px,-3px);box-shadow:var(--sh-lg)}
.rc .tag{position:absolute;top:-13px;left:16px;font-family:var(--disp);font-size:.58rem;text-transform:uppercase;letter-spacing:.4px;background:var(--ink);color:var(--sun);padding:.38rem .75rem;border:var(--o);border-radius:99px;transform:rotate(-4deg)}
.rc .no{position:absolute;top:.5rem;right:.9rem;font-family:var(--disp);font-size:2.1rem;color:transparent;-webkit-text-stroke:2px var(--ink);opacity:.18;line-height:1}
.rc h3{font-size:1rem;text-transform:uppercase;margin:.7rem 0 .45rem;max-width:88%}
.rc p{font-weight:500;font-size:.88rem}
@media(max-width:860px){.rc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.rc-grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}
.float{animation:fl 5s ease-in-out infinite}
@keyframes fl{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}
.spin{animation:sp 16s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}