:root{--occ:var(--pr-500);--occ-soft:var(--pr-h) 84% 75%;--occ-2:330 81% 60%;--occ-glow:var(--pr-glow-h) 100% 70%}.occ-hero{max-width:var(--maxw);padding:40px var(--gutter) 12px;margin:0 auto;position:relative;overflow:hidden}.occ-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(closest-side, hsl(var(--occ-glow) / .28), transparent 75%);width:760px;height:360px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.occ-hero>*{z-index:1;position:relative}.occ-kicker{background:hsl(var(--occ) / .14);border:1px solid hsl(var(--occ) / .45);color:hsl(var(--occ-soft));letter-spacing:.04em;border-radius:9999px;align-items:center;gap:9px;margin-bottom:16px;padding:7px 14px 7px 10px;font-size:12px;font-weight:700;display:inline-flex}.occ-kicker .dot{background:hsl(var(--occ-soft));width:7px;height:7px;box-shadow:0 0 10px hsl(var(--occ-soft));border-radius:9999px}.occ-hero h1{letter-spacing:-.03em;text-wrap:balance;margin:0 0 14px;font-size:clamp(40px,5.4vw,64px);font-weight:700;line-height:1}.occ-hero .lede{color:hsl(var(--muted-foreground));max-width:660px;margin:0;font-size:17px;line-height:1.55}.occ-hero .lede b{color:#fff;font-weight:600}.occ-hero-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.countdown{flex-shrink:0;gap:10px;display:flex}.cd-cell{border:1px solid hsl(var(--border));text-align:center;background:#18181b;border-radius:14px;min-width:72px;padding:12px 8px}.cd-cell .n{font-variant-numeric:tabular-nums;color:hsl(var(--occ-soft));font-size:30px;font-weight:700;line-height:1}.cd-cell .l{letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-top:8px;font-size:10px;font-weight:700}.occ-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.btn-occ{background:hsl(var(--occ));color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:9px;padding:12px 22px;font-size:14px;font-weight:700;transition:filter .15s,transform .15s;display:inline-flex}.btn-occ:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-occ svg{stroke-width:2px;stroke:currentColor;fill:none;width:16px;height:16px}.occ-hero.has-img{padding-bottom:36px}.occ-hero .occ-hero-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.occ-hero.has-img:before{display:none}.occ-hero.has-img:after{content:"";z-index:0;background:linear-gradient(90deg,#09090bf5 0%,#09090bd6 42%,#09090b80 100%),linear-gradient(#0000 45%,#09090be6 100%);position:absolute;inset:0}.occ-jump{z-index:35;backdrop-filter:blur(16px);border-bottom:1px solid hsl(var(--border));background:#09090beb;position:sticky;top:0}.occ-jump-inner{max-width:var(--maxw);padding:12px var(--gutter);scrollbar-width:none;align-items:center;gap:8px;margin:0 auto;display:flex;overflow-x:auto}.occ-jump-inner::-webkit-scrollbar{display:none}.occ-search{border:1px solid hsl(var(--border));background:#1d1d20;border-radius:9999px;flex-shrink:0;align-items:center;gap:8px;min-width:240px;padding:9px 14px;transition:border-color .15s;display:inline-flex}.occ-search:focus-within{border-color:hsl(var(--occ))}.occ-search svg{stroke-width:2px;fill:none;width:15px;height:15px;color:hsl(var(--occ-soft));flex-shrink:0}.occ-search input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13.5px}.occ-search input::placeholder{color:hsl(var(--muted-foreground))}.jump-sep{background:hsl(var(--border));flex-shrink:0;width:1px;height:22px;margin:0 4px}.jchip{border:1px solid hsl(var(--border));color:#fff;cursor:pointer;white-space:nowrap;background:#1d1d20;border-radius:9999px;flex-shrink:0;padding:8px 15px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.jchip:hover{border-color:hsl(var(--occ) / .6)}.jchip.on{background:hsl(var(--occ));border-color:hsl(var(--occ));color:#fff}.occ-section{max-width:var(--maxw);padding:40px var(--gutter) 0;margin:0 auto}.occ-shead{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.occ-shead h2{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:700;display:inline-flex}.occ-shead h2 .badge-icon{background:hsl(var(--occ) / .18);width:26px;height:26px;color:hsl(var(--occ-soft));border-radius:8px;flex-shrink:0;place-items:center;display:grid}.occ-shead h2 .badge-icon svg{stroke-width:2px;fill:none;width:14px;height:14px}.occ-shead .eyebrow{color:hsl(var(--muted-foreground));margin-right:auto;font-size:12px}.occ-shead .eyebrow b{color:#fff;font-weight:700}.occ-shead .more{color:hsl(var(--occ-soft));margin-left:auto;font-size:13px;font-weight:600}.occ-shead .more:hover{color:#fff}.sec-intro{max-width:var(--maxw);padding:0 var(--gutter);margin:4px auto 0}.sec-intro p{color:hsl(var(--muted-foreground));max-width:640px;margin:0;font-size:14px;line-height:1.5}.occ-about{max-width:var(--maxw);padding:8px var(--gutter) 0;margin:0 auto}.occ-about-inner{color:#e6e6e6;max-width:720px;font-size:15.5px;line-height:1.65}.occ-about-inner :global(p){margin:0 0 12px}.occ-about-inner :global(a){color:hsl(var(--occ-soft));text-decoration:underline}.flag{background:#222226;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.flag .fe{font-size:20px;line-height:1}.flag.sm{width:38px;height:38px}.flag.sm .fe{font-size:18px}.flag.md{width:46px;height:46px}.flag.md .fe{font-size:22px}.flag.lg{border-radius:12px;width:56px;height:56px}.flag.lg .fe{font-size:28px}.flag .code{color:#fff;letter-spacing:.02em;font-size:12px;font-weight:800}.team-strip{max-width:var(--maxw);padding:0 var(--gutter);margin:28px auto 0}.team-card{border:1px solid hsl(var(--occ) / .4);background:linear-gradient(135deg, hsl(var(--occ) / .12), transparent 70%), #161618;border-radius:18px;flex-wrap:wrap;align-items:center;gap:20px;padding:20px 22px;display:flex}.team-card .flag.lg{width:56px;height:56px}.team-card .tc-copy{flex:1;min-width:200px}.team-card .tc-copy .t{font-size:17px;font-weight:700}.team-card .tc-copy .s{color:hsl(var(--muted-foreground));margin-top:3px;font-size:13.5px}.team-card .tc-copy .s b{color:hsl(var(--occ-soft));font-weight:600}.btn-secondary{border:1px solid hsl(var(--border));color:#fff;cursor:pointer;background:#1f1f23;border-radius:9999px;padding:10px 16px;font-size:13px;font-weight:600}.btn-secondary:hover{background:#29292e}.occ-rail-wrap{position:relative}.occ-rail{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;padding-bottom:12px;display:flex;overflow-x:auto}.occ-rail::-webkit-scrollbar{display:none}.match-rail-wrap{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.team-pick{border:1px solid hsl(var(--border));color:#fff;cursor:pointer;white-space:nowrap;background:#1d1d20;border-radius:9999px;flex-shrink:0;align-items:center;gap:9px;padding:8px 15px 8px 8px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.team-pick:hover{border-color:hsl(var(--occ) / .6)}.team-pick.on{background:hsl(var(--occ));border-color:hsl(var(--occ))}.team-pick .flag.sm{width:30px;height:30px}.team-pick .flag.sm .fe{font-size:16px}.day-group{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.day-head{align-items:center;gap:12px;margin:30px 0 14px;display:flex}.day-head .d-date{letter-spacing:-.01em;font-size:15px;font-weight:700}.day-head .d-date .wk{color:hsl(var(--occ-soft));text-transform:capitalize}.day-head .d-count{color:hsl(var(--muted-foreground));font-size:12px}.day-head .d-line{background:hsl(var(--border));flex:1;height:1px}.match-card{scroll-snap-align:start;border:1px solid hsl(var(--border));cursor:pointer;background:#161618;border-radius:16px;flex-direction:column;flex-shrink:0;gap:13px;width:252px;padding:15px;transition:border-color .15s,transform .15s,background .15s;display:flex}.match-card:hover{border-color:hsl(var(--occ) / .7);background:#1a1a1e;transform:translateY(-3px)}.mc-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.mc-when{align-items:baseline;gap:8px;display:flex}.mc-when .t{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.mc-when .ph{letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:10px;font-weight:700}.m-teams{flex-direction:column;gap:8px;display:flex}.m-team{align-items:center;gap:11px;display:flex}.m-team .nm{font-size:15px;font-weight:600}.m-team .sc{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;margin-left:auto;font-size:15px;font-weight:700}.mc-foot{border-top:1px solid hsl(var(--border));flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.m-tag{color:hsl(var(--muted-foreground));align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.m-tag svg{stroke-width:2px;fill:none;width:12px;height:12px;color:hsl(var(--occ-soft))}.m-tag b{color:#fff;font-weight:600}.m-actions{align-items:center;gap:6px;display:flex}.m-ab{border:1px solid hsl(var(--border));color:#fff;cursor:pointer;background:#1f1f23;border-radius:9999px;place-items:center;width:34px;height:34px;transition:border-color .15s,background .15s;display:grid}.m-ab svg{stroke-width:2px;stroke:currentColor;fill:none;width:15px;height:15px}.m-ab:hover{border-color:hsl(var(--occ))}.mc-date-row{text-transform:capitalize;letter-spacing:.04em;color:hsl(var(--occ-soft));margin-bottom:-4px;font-size:10px;font-weight:700}.m-tag-festa{margin-left:auto;color:hsl(var(--occ-soft))!important}.m-tag-broadcast{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.match-card.mc-active{border-color:hsl(var(--occ));background:hsl(var(--occ) / .1)}.mc-see-all{color:hsl(var(--occ-soft));background:hsl(var(--occ) / .07);border-color:hsl(var(--occ) / .3);justify-content:center;align-items:center;text-decoration:none}.mc-see-all:hover{background:hsl(var(--occ) / .14);border-color:hsl(var(--occ) / .65);transform:translateY(-3px)}.mc-sa-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.mc-sa-label{font-size:15px;font-weight:700;line-height:1.35}.mc-sa-icon{stroke-width:1.5px;fill:none;opacity:.6;width:26px;height:26px}.mc-sa-arrow{stroke-width:2px;fill:none;width:20px;height:20px}.me-empty-msg{color:hsl(var(--muted-foreground));margin:0 0 16px;font-size:14px;line-height:1.5}.me-empty-msg a{color:hsl(var(--occ-soft));text-decoration:underline}.match-expanded{max-width:var(--maxw);padding:0 var(--gutter);margin:16px auto 0}.me-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.me-head>svg{stroke-width:2px;fill:none;width:18px;height:18px;color:hsl(var(--occ-soft));flex-shrink:0}.me-head>span{flex:1;font-size:15px;font-weight:700}.me-close{border:1px solid hsl(var(--border));width:32px;height:32px;color:hsl(var(--muted-foreground));cursor:pointer;background:#1f1f23;border-radius:9999px;flex-shrink:0;place-items:center;display:grid}.me-close svg{stroke-width:2px;fill:none;width:15px;height:15px}.me-close:hover{border-color:hsl(var(--border) / .8);color:#fff}.me-cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;padding-bottom:14px;display:flex;overflow-x:auto}.me-cards::-webkit-scrollbar{display:none}.hub-grid{max-width:var(--maxw);padding:0 var(--gutter);grid-template-columns:repeat(3,1fr);gap:16px;margin:0 auto;display:grid}.occ-tile{border:1px solid hsl(var(--border));cursor:pointer;isolation:isolate;min-height:230px;color:inherit;border-radius:18px;flex-direction:column;justify-content:flex-end;padding:20px;text-decoration:none;transition:transform .2s,border-color .15s;display:flex;position:relative;overflow:hidden}.occ-tile:hover{border-color:#ffffff40;transform:translateY(-4px)}.occ-tile .tile-bg{z-index:-2;position:absolute;inset:0}.occ-tile .tile-bg-img{object-fit:cover;width:100%;height:100%;display:block}.occ-tile:after{content:"";z-index:-1;background:linear-gradient(#09090b26 0%,#09090b80 55%,#09090bf2 92%);position:absolute;inset:0}.occ-tile .tile-top{justify-content:flex-end;gap:10px;display:flex;position:absolute;top:16px;left:16px;right:16px}.occ-tile .when-pill{backdrop-filter:blur(8px);color:#fff;white-space:nowrap;background:#09090bb3;border:1px solid #ffffff2e;border-radius:9999px;padding:5px 11px;font-size:11px;font-weight:700}.occ-tile .when-pill.soon{color:#121216;background:#ffffffeb;border-color:#0000}.occ-tile .tile-icon{filter:drop-shadow(0 2px 6px #00000080);font-size:26px;line-height:1;position:absolute;top:16px;left:16px}.occ-tile .tile-name{letter-spacing:-.02em;font-size:23px;font-weight:700;line-height:1.1}.occ-tile .tile-sub{color:#ffffffd1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.bg-copa{background:linear-gradient(150deg,#04130c,#0d6b3f 55%,#f5c542 130%)}.bg-carnaval{background:linear-gradient(150deg,#1a0633,#b3216f 50%,#f59e0b 120%)}.bg-reveillon{background:linear-gradient(150deg,#0a0a12,#3b2f0a 45%,#e0b43a 120%)}.bg-junina{background:linear-gradient(150deg,#1c0c03,#a8430d 50%,#f0a020 120%)}.bg-quermesse{background:linear-gradient(150deg,#1a0606,#9c1f24 55%,#f0902a 130%)}.bg-rodeio{background:linear-gradient(150deg,#160d04,#7a4513 50%,#caa24a 130%)}.bg-generic{background:linear-gradient(150deg, #0e0e11, hsl(var(--occ) / .55) 130%)}@media (width<=1000px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.hub-grid{grid-template-columns:1fr}}.occ-tile.feature{grid-column:span 2;min-height:300px}.occ-tile.feature .tile-name{font-size:34px}@media (width<=620px){.occ-tile.feature{grid-column:span 1}}.toast{z-index:300;border:1px solid hsl(var(--occ) / .5);color:#fff;opacity:0;pointer-events:none;background:#1f1f23;border-radius:9999px;align-items:center;gap:10px;padding:13px 20px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 18px 40px #00000080}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast svg{stroke-width:2.2px;fill:none;width:17px;height:17px;color:hsl(var(--occ-soft))}@media (width<=820px){.toast{bottom:86px}}.occ-hub-hero{max-width:var(--maxw);padding:36px var(--gutter) 8px;margin:0 auto;position:relative;overflow:hidden}.occ-hub-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(closest-side, hsl(var(--occ-glow) / .22), transparent 75%);width:760px;height:320px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.occ-hub-hero>*{z-index:1;position:relative}.occ-hub-hero h1{letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(34px,4.4vw,52px);font-weight:700;line-height:1.05}.occ-hub-hero p{color:hsl(var(--muted-foreground));max-width:720px;margin:0;font-size:16px;line-height:1.55}.occ-hub-hero p b{color:#fff}.occ-foot-spacer{height:48px}@media (width<=820px){.occ-foot-spacer{height:8px}.occ-hero{padding-top:20px}.occ-kicker{margin-bottom:10px;padding:5px 12px 5px 8px;font-size:11px}.occ-hero h1{margin-bottom:10px;font-size:clamp(26px,8vw,40px)}.occ-hero .lede{display:none}.occ-actions{gap:8px;margin-top:12px}.btn-occ{padding:9px 16px;font-size:13px}.btn-secondary{padding:8px 14px;font-size:13px}.team-strip{margin-top:14px}.team-card{border-radius:14px;gap:12px;padding:12px 14px}.team-card .tc-copy .t{font-size:15px}.team-card .tc-copy .s{margin-top:2px;font-size:12px}.team-strip .occ-shead{display:none}#jogos.occ-section{padding-top:20px}#jogos .occ-shead{margin-bottom:8px}#jogos .occ-shead h2{font-size:18px}#jogos+.sec-intro{display:none}}
