/* ===== Página principal estilo Brabet ===== */
:root{--hb-card:#161f2c;--hb-muted:#67778e;--hb-accent:#5b4be8}

/* Banner */
.page-main .slider-wrapper{max-width:1060px;width:calc(100% - 24px);margin:16px auto 14px}
.page-main .slider-container{height:auto;aspect-ratio:5/1;min-height:90px;border-radius:.75rem}
.page-main .slides{height:100%}
.page-main .slide{height:100%}
.page-main .slide img{border-radius:.75rem;height:100%;object-fit:cover}
.page-main .dots{margin-top:8px}
.page-main .dot{width:8px;height:8px;margin:0 3px;background:#2a3550;transition:all .2s}
.page-main .dot.active{width:22px;border-radius:4px;background:#6a55f5}

/* Container */
.hb-home{max-width:1060px;margin:0 auto;padding:0 12px;box-sizing:border-box;font-family:'Montserrat',Arial,sans-serif;font-weight:600;color:#fff}
.hb-home[hidden],.hb-home [hidden]{display:none!important}
.page-main .content-box:has(.hb-home){margin-top:0;width:100%}

/* Barra de categorias */
.hb-bar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;background:var(--hb-card);border-radius:.75rem;padding:.375rem;position:relative}
.hb-tabs{display:flex;align-items:center;gap:.25rem;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1}
.hb-tabs::-webkit-scrollbar{display:none}
.hb-tab{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;height:2.75rem;padding:0 1rem;border:0;border-radius:.5rem;background:transparent;color:var(--hb-muted);font:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.hb-tab i{font-size:18px;color:#8d98ad}
.hb-tab:hover{color:#fff}
.hb-tab.active{background:var(--hb-accent);color:#fff}
.hb-tab.active i{color:#fff!important}
.hb-search-wrap{flex:0 0 auto;position:relative;width:230px}
.hb-search{position:relative;margin:0}
.hb-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#59677c;font-size:15px;pointer-events:none}
.hb-search input{width:100%;height:2.75rem;box-sizing:border-box;padding:0 12px 0 40px;background:transparent;border:2px solid #34425a;border-radius:.5rem;color:#fff;font:inherit;font-size:15px;outline:none}
.hb-search input::placeholder{color:#59677c;font-weight:600}
.hb-search input:focus{border-color:var(--hb-accent)}
#resultado-busca.busca-resultado{display:none;position:absolute;top:calc(100% + 8px);right:0;left:auto;width:min(440px,92vw);max-width:none;max-height:60vh;overflow-y:auto;margin:0;background:var(--hb-card);border-radius:.75rem;box-shadow:0 12px 30px rgba(0,0,0,.55);z-index:60;padding:6px}
#resultado-busca .busca-tabela-resultado{margin:0;box-shadow:none;background:transparent}

/* Grupos */
.hb-group{margin-top:22px}
.hb-group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.hb-group-title .lt{display:flex;align-items:center;gap:.6rem;font-size:22px;font-weight:700}
.hb-group-title .lt i{font-size:22px}
.hb-viewall{height:2rem;padding:.25rem 1rem;border:0;border-radius:62px;background:var(--hb-card);color:var(--hb-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.hb-viewall:hover{color:#fff}

/* Grade e cards */
.hb-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.hb-card{position:relative;aspect-ratio:163/224;border-radius:.75rem;overflow:hidden;background:var(--hb-card)}
.hb-card-img{width:100%;height:100%;object-fit:cover;display:block}
.hb-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(7,10,20,0);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}
.hb-play-ico{width:56px;height:56px;border-radius:50%;background:#e8203f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;transform:scale(.7);transition:opacity .18s,transform .18s}
.hb-play-ico i{margin-left:3px}
.hb-card:hover .hb-play{background:rgba(7,10,20,.6)}
.hb-card:hover .hb-play-ico{opacity:1;transform:scale(1)}
.hb-fav{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;border:0;border-radius:50%;background:rgba(7,10,20,.65);color:#9aa6bb;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s}
.hb-card:hover .hb-fav,.hb-card.is-fav .hb-fav{opacity:1}
.hb-card.is-fav .hb-fav{color:#ffc928}
.hb-fav:hover{color:#ffc928}

/* Carregue Mais */
.hb-more-wrap{display:flex;justify-content:center;margin-top:22px}
.hb-more{height:3.5rem;padding:.75rem 1.5rem;border:0;border-radius:.5rem;background:var(--hb-card);color:#59677c;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.hb-more:hover{color:#fff}
.hb-more:disabled{opacity:.6;cursor:default}
.hb-empty{text-align:center;color:var(--hb-muted);padding:50px 0}

/* Banner de esportes */
.hb-sport{position:relative;display:flex;align-items:center;width:100%;min-height:230px;padding:0 40px;border:0;border-radius:.75rem;overflow:hidden;cursor:pointer;text-align:left;color:#fff;font-family:inherit;
    background:linear-gradient(110deg,#8a2be2 0%,#c026d3 55%,#7c3aed 100%)}
.hb-sport-txt{display:flex;flex-direction:column;position:relative;z-index:1}
.hb-sport-txt b{font-size:clamp(34px,6vw,76px);line-height:1;font-weight:800;font-style:italic;letter-spacing:-1px;text-transform:uppercase}
.hb-sport-ball{position:absolute;right:-30px;bottom:-60px;font-size:clamp(190px,26vw,320px);color:rgba(255,255,255,.88);transform:rotate(-12deg)}
.hb-sport:hover{filter:brightness(1.08)}

/* Ganhos de hoje dentro da lobby */
.hb-lobby .ganhos-container{margin:26px 0 0;max-width:none}
/* Aba Sports: só o banner */
.hb-lobby[data-view="sports"] .hb-group:not([data-group="sports"]),
.hb-lobby[data-view="sports"] .ganhos-container{display:none}
.hb-lobby[data-view="sports"] .hb-viewall{display:none}

/* Mobile */
@media (max-width:900px){
    .hb-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}
}
@media (max-width:640px){
    .hb-home{padding:0 8px}
    .hb-bar{flex-direction:column;align-items:stretch;gap:.5rem}
    .hb-search-wrap{width:100%}
    .hb-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}
    .hb-group-title .lt{font-size:18px}
    .hb-fav{opacity:1;width:24px;height:24px;top:5px;right:5px}
    .hb-play-ico{width:40px;height:40px;font-size:15px}
    .hb-sport{min-height:150px;padding:0 20px}
    .hb-sport-ball{right:-20px;bottom:-40px;font-size:170px}
    #resultado-busca.busca-resultado{left:0;right:0;width:auto}
}

/* Visitante (deslogado): clique em qualquer parte do card/banner abre o login */
.hb-play *,.hb-sport *{pointer-events:none}
.hb-lobby .hb-group:first-child{margin-top:8px}

/* Ícones enviados pelo painel (substituem os ícones padrão) */
.cat-ico{display:inline-block;object-fit:contain;vertical-align:middle;flex:0 0 auto}
.hb-tab .cat-ico{width:22px;height:22px}
.hb-group-title .lt .cat-ico{width:28px;height:28px}
.top-tab .cat-ico{width:22px;height:22px}
.top-icon .cat-ico{width:24px;height:24px}