/* Home V2 — camada visual consolidada da página inicial */
:root{
  --brand-navy:#12314a;
  --brand-navy-dark:#0b2438;
  --brand-gold:#f5b800;
  --brand-green:#078b49;
  --whatsapp:#25d366;
  --page-bg:#f5f7f8;
  --surface:#fff;
  --text:#172033;
  --muted-v2:#626b78;
  --border-v2:#e1e7ec;
  --shadow-v2:0 14px 38px rgba(15,35,55,.09);
}

/* Cabeçalho */
.topbar{min-height:30px}.topbar-inner{min-height:30px;font-size:12px}
.header-inner{min-height:76px}.brand-logo{width:165px;max-height:58px;height:auto;object-fit:contain}
.nav{gap:20px}.nav>a:not(.btn){font-weight:700;font-size:14px}

/* Hero */
.hero{padding:48px 0 44px;background:linear-gradient(135deg,#0b2438 0%,#12314a 66%,#17415e 100%)}
.hero-grid{display:block!important}.hero-copy{max-width:850px}.hero-message-table{display:block}.hero-message-cell{display:block}
.hero-title{max-width:820px;font-size:clamp(2.45rem,5vw,4.45rem);line-height:1.03;letter-spacing:-.045em}
.hero-title-accent{max-width:720px;font-size:clamp(1.05rem,2vw,1.35rem);margin-top:16px}
.hero-description{max-width:650px;font-size:1rem;margin-top:9px}
.hero-actions{margin-top:25px}.hero-highlights{margin-top:22px}.highlight-pill:nth-child(n+2){display:none}
.highlight-pill{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}

/* Faixa de prêmios */
.prize-strip-section{padding:18px 0;background:#fff;border-bottom:1px solid var(--border-v2)}
.prize-strip{gap:12px;scroll-snap-type:x proximity;padding-bottom:3px}
.prize-strip-item{min-width:190px;padding:15px 16px;border:1px solid var(--border-v2);border-top:4px solid var(--game);border-radius:15px;background:#fff;box-shadow:none;scroll-snap-align:start}
.prize-strip-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-v2)}
.prize-game{font-size:13px}.prize-strip-item strong{font-size:19px}.prize-strip-item small{font-size:11px}

/* Seções */
.section{padding:64px 0}.section-head{margin-bottom:24px}.section-head h2{font-size:clamp(1.8rem,3vw,2.45rem);letter-spacing:-.035em}
.section-head p{max-width:680px;color:var(--muted-v2)}
.section-action-mobile{display:none}
.bolao-count{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:8px 12px;border:1px solid var(--border-v2);background:#f8fafb;border-radius:999px;color:var(--muted-v2);font-size:13px}
.bolao-count strong{color:var(--brand-navy)}

/* Filtros */
.bolao-filter{display:flex;flex-wrap:nowrap!important;overflow-x:auto;gap:9px;margin:12px 0 28px;padding:2px 0 10px;scrollbar-width:none;scroll-snap-type:x proximity}
.bolao-filter::-webkit-scrollbar{display:none}.bolao-filter a{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;border-radius:999px;padding:10px 15px}

/* Cards de bolão */
.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.card.sales-card{border:1px solid var(--border-v2)!important;border-radius:20px!important;box-shadow:var(--shadow-v2)!important;transform:none!important;background:#fff}
.card.sales-card:hover{transform:translateY(-3px)!important;box-shadow:0 20px 46px rgba(15,35,55,.13)!important}
.card-mod-strip{min-height:48px;padding:12px 16px;border-bottom:1px solid var(--border-v2);background:#fff}
.card-mod-strip:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--mod)}
.card-mod-strip .code{margin-left:auto;font-size:10px;color:#7c8791;background:#f3f6f7;border-radius:999px;padding:4px 8px}
.sales-ribbon{position:static!important;margin-left:7px;padding:5px 8px!important;box-shadow:none!important}
.card-body{padding:20px!important}.card-body>h3{font-size:1.3rem;line-height:1.18;margin-bottom:14px}
.prize-hero{margin:0 0 13px;padding:16px 17px;border-radius:14px;background:linear-gradient(135deg,var(--brand-navy-dark),var(--brand-navy))}
.prize-hero strong{font-size:28px}.chance-box{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--mod) 10%,#fff);color:var(--brand-navy);border:1px solid color-mix(in srgb,var(--mod) 22%,#fff);justify-content:flex-start}
.chance-number{font-size:20px}.chance-box small{display:none}.chance-box span{font-size:11px;color:var(--muted-v2);margin-top:1px}.chance-box strong{font-size:13px}.chance-box>div:first-child{min-width:auto}
.countdown-box{margin:0 0 14px;padding:10px 12px;font-size:12px}
.card-desc{display:none}.sales-highlights{grid-template-columns:repeat(3,1fr);margin:0 0 15px;gap:8px}
.sales-box{padding:11px;border-radius:11px}.sales-box:nth-child(4){display:none}.sales-box small{font-size:9px}.sales-box strong{font-size:14px;line-height:1.2}
.availability{margin:0 0 17px}.availability-head small{font-size:10px}.availability-head strong{font-size:13px}.availability-badge{font-size:10px}
.sales-footer{padding-top:0}.sales-footer .price strong{font-size:28px}.sales-footer .btn{min-height:46px;padding:12px 16px}
.card-more-links{margin-top:13px;padding-top:13px;border-top:1px solid var(--border-v2)}.card-more-links a:nth-child(n+2){display:none}.card-mod-link{font-size:13px}
.responsible-note{max-width:760px;margin:24px auto 0}

/* Como funciona */
.steps-section{padding-top:56px!important;padding-bottom:56px!important}.steps{gap:16px}.step{padding:22px;border:1px solid var(--border-v2);border-radius:17px;background:#fff;box-shadow:none}
.step b{width:36px;height:36px;font-size:15px}.step h3{margin-top:15px;font-size:1.05rem}.step p{font-size:13px}

/* Resultados */
.results-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;overflow:visible!important}
.result-card{min-width:0!important;padding:19px;border:1px solid var(--border-v2);border-top:5px solid var(--mod);border-radius:18px;box-shadow:none;background:#fff}
.result-card-head{margin-bottom:15px}.result-status-badge{margin-left:auto}.balls{order:2;margin:6px 0 14px}.result-next-strip{order:3;margin-top:0;background:#f6f8f9;border:1px solid var(--border-v2)}
.result-card-cta{order:4;margin-top:12px}.result-card{display:flex;flex-direction:column}.result-card-head{order:1}.balls{order:2}.result-next-strip{order:3}.result-card-cta{order:4}
.result-next-prize strong{font-size:20px}.result-caption{text-align:center;margin-top:18px}

/* Localização */
.institutional{background:linear-gradient(135deg,var(--brand-navy-dark),var(--brand-navy))}
.institutional-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)!important;align-items:center;gap:38px}
.location-card{background:#fff;border-radius:20px;padding:24px;color:var(--text);box-shadow:0 20px 48px rgba(0,0,0,.18)}
.location-card-row{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--border-v2)}.location-card-row:first-child{padding-top:0}.location-card-row:last-child{border-bottom:0;padding-bottom:0}
.location-card-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#edf3f6;font-size:18px}.location-card strong{display:block;color:var(--brand-navy);font-size:14px}.location-card span{display:block;color:var(--muted-v2);font-size:13px;margin-top:3px;line-height:1.45}

/* Rodapé */
.footer-compact-inner{align-items:flex-start}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.footer-links a{font-size:13px}
.footer-company{padding-top:18px;margin-top:18px;border-top:1px solid rgba(255,255,255,.12)}

@media(max-width:900px){
  .grid{grid-template-columns:1fr!important}.institutional-grid{grid-template-columns:1fr!important}.results-row{grid-template-columns:1fr!important}
  .nav{gap:14px}.nav>a:not(.btn){font-size:13px}
}
@media(max-width:820px){
  .topbar{display:none}.header-inner{min-height:68px}.brand-logo{width:145px;max-height:52px}
  .hero{padding:31px 0 28px}.hero-title{font-size:clamp(2.05rem,10vw,3.2rem)}.hero-title-accent{font-size:1rem}.hero-description{font-size:.94rem}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-actions .btn{width:100%;justify-content:center}
  .hero-highlights{margin-top:15px}.highlight-pill{font-size:12px}
  .prize-strip-section{padding:13px 0}.prize-strip-item{min-width:175px}
  .section{padding:46px 0}.section-head{align-items:flex-start}.section-head>.btn{display:none}.section-action-mobile{display:flex;margin-top:16px;width:100%;justify-content:center}
  .bolao-count{font-size:12px}.bolao-filter{margin-bottom:20px}
  .card-body{padding:17px!important}.card-body>h3{font-size:1.18rem}.sales-highlights{grid-template-columns:repeat(2,1fr)}.sales-box:nth-child(3){display:none}
  .sales-footer{grid-template-columns:1fr}.sales-footer .btn{width:100%;text-align:center;justify-content:center}.sales-footer .price strong{font-size:30px}
  .steps{grid-template-columns:1fr!important}.step{padding:18px}
  .result-card{padding:16px}.ball{width:34px;height:34px;font-size:12px}
  .institutional-actions{display:grid!important}.location-card{padding:19px}
  .footer-compact-inner{display:grid;grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.brand-logo-footer{width:150px}
  .zap-flutuante{display:flex}
}
@media(min-width:821px){.zap-flutuante{display:none!important}}
@media(max-width:430px){
  .sales-highlights{grid-template-columns:1fr 1fr}.footer-links{grid-template-columns:1fr}.result-card-head{align-items:flex-start}.result-status-badge{font-size:9px;padding:5px 7px}
}

/* Rodapé agrupado */
.footer-compact-inner{display:grid!important;grid-template-columns:minmax(250px,.9fr) minmax(360px,1.1fr)!important;gap:54px!important}
.footer-summary{max-width:330px;margin:12px 0 0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.55}
.footer-link-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.footer-link-group{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-link-group>strong{color:#fff;font-family:Poppins,sans-serif;font-size:14px;margin-bottom:3px}.footer-link-group a{color:rgba(255,255,255,.72);font-size:13px}.footer-link-group a:hover{color:#fff}
@media(max-width:820px){.footer-compact-inner{grid-template-columns:1fr!important;gap:28px!important}.footer-link-groups{grid-template-columns:1fr 1fr;gap:24px}.footer-summary{max-width:none}}
@media(max-width:430px){.footer-link-groups{grid-template-columns:1fr}}


/* HOTFIX DEFINITIVO — cards da home */
#boloes .grid{
  align-items:stretch !important;
}
#boloes .card.sales-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
#boloes .card.sales-card .card-mod-strip{
  position:relative !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:12px 14px 12px 19px !important;
  overflow:hidden !important;
}
#boloes .card.sales-card .card-mod-strip::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:5px !important;
  background:var(--mod) !important;
}
#boloes .card.sales-card .card-mod-strip > img,
#boloes .card.sales-card .card-mod-strip > svg{
  flex:0 0 auto !important;
}
#boloes .card.sales-card .card-mod-strip > span:not(.code):not(.sales-ribbon){
  flex:1 1 180px !important;
  min-width:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#boloes .card.sales-card .card-mod-strip .code{
  flex:0 1 auto !important;
  max-width:100% !important;
  margin-left:auto !important;
  white-space:nowrap !important;
}
#boloes .card.sales-card .card-mod-strip .sales-ribbon{
  position:static !important;
  flex:0 0 100% !important;
  width:max-content !important;
  max-width:100% !important;
  margin:2px 0 0 !important;
  box-sizing:border-box !important;
}
#boloes .card.sales-card .card-body{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  min-width:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}
#boloes .card.sales-card .card-body > h3,
#boloes .card.sales-card .sales-box strong,
#boloes .card.sales-card .availability-head strong{
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
#boloes .card.sales-card .sales-highlights{
  width:100% !important;
  min-width:0 !important;
}
#boloes .card.sales-card .sales-box{
  min-width:0 !important;
  box-sizing:border-box !important;
}
#boloes .card.sales-card .card-footer.sales-footer{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
  margin-top:auto !important;
  box-sizing:border-box !important;
}
#boloes .card.sales-card .sales-footer .price{
  flex:1 1 150px !important;
  min-width:0 !important;
}
#boloes .card.sales-card .sales-footer .btn{
  flex:1 1 220px !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  white-space:normal !important;
  text-align:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
#boloes .card.sales-card .card-more-links{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
#boloes .card.sales-card .card-more-links a{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}
@media(max-width:600px){
  #boloes .card.sales-card .card-mod-strip > span:not(.code):not(.sales-ribbon){
    flex-basis:calc(100% - 40px) !important;
  }
  #boloes .card.sales-card .card-mod-strip .code{
    margin-left:30px !important;
  }
  #boloes .card.sales-card .card-footer.sales-footer{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  #boloes .card.sales-card .sales-footer .btn{
    width:100% !important;
  }
}

/* =========================================================
   LISTA HORIZONTAL DE BOLÕES — só na capa (index.php)
   Substitui a grade de cards grandes por linhas compactas,
   uma por bolão, pra ficar mais fácil de escanear visualmente.
   ========================================================= */
#boloes .grid.lds-bolao-lista{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

.lds-bolao-row{
  position:relative;display:grid;
  grid-template-columns:minmax(170px,1.1fr) minmax(160px,1.3fr) minmax(180px,1.4fr) minmax(150px,.9fr);
  align-items:center;gap:16px;
  padding:16px 20px 16px 24px;
  background:#fff;border:1px solid #e2e7ec;border-radius:16px;
  box-shadow:0 8px 22px rgba(18,49,74,.07);
  overflow:hidden;
}
.lds-bolao-row:hover{box-shadow:0 12px 28px rgba(18,49,74,.11)}
.lds-row-faixa{position:absolute;inset:0 auto 0 0;width:5px;background:var(--lottery-color)}

.lds-row-modality{display:flex;align-items:center;gap:10px;min-width:0}
.lds-row-modality img,.lds-row-modality svg{flex:0 0 auto}
.lds-row-modality-text{display:flex;flex-direction:column;min-width:0}
.lds-row-modality-text strong{display:block;color:var(--lottery-color);font:800 14px/1.25 Poppins,Inter,sans-serif}
.lds-row-modality-text span{display:block;margin-top:2px;color:#68727e;font:600 11px/1.3 Inter,sans-serif}

.lds-row-titulo{min-width:0}
.lds-row-titulo h3{margin:0 0 6px;color:#172033;font:800 15px/1.3 Poppins,Inter,sans-serif;overflow-wrap:anywhere}
.lds-row-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.lds-row-code{padding:3px 8px;border-radius:999px;background:#f3f6f7;color:#68727e;font:600 10px/1.2 monospace}
.lds-row-ribbon{padding:3px 8px;border-radius:999px;background:#fff1b8;color:#6b5000;font:800 10px/1.2 Inter,sans-serif;text-transform:uppercase}

.lds-row-meta{display:flex;flex-direction:column;gap:6px;min-width:0}
.lds-row-prize{display:flex;align-items:baseline;gap:6px;font-size:11px;color:#68727e}
.lds-row-prize strong{color:var(--lottery-color);font:800 13px/1.2 Poppins,Inter,sans-serif}
.lds-row-chances{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:#f8fafb;border:1px solid #e2e7ec;width:fit-content}
.lds-row-chances b{color:var(--lottery-color);font:800 13px/1 Poppins,Inter,sans-serif;white-space:nowrap}
.lds-row-chances span{color:#68727e;font:600 10.5px/1.3 Inter,sans-serif}
.lds-row-disp{display:flex;flex-direction:column;gap:4px}
.lds-row-disp span{font:700 11px/1.2 Inter,sans-serif;color:#172033}
.lds-row-progress{height:5px;border-radius:999px;background:#e5e9ed;overflow:hidden}
.lds-row-progress i{display:block;height:100%;background:var(--lottery-color)}
.lds-row-countdown{font:600 11px/1.3 Inter,sans-serif;color:#334155}
.lds-row-countdown.urgent{color:#b42318;font-weight:800}

.lds-row-acao{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}
.lds-row-price{display:flex;align-items:baseline;gap:5px}
.lds-row-price span{color:#737d88;font:700 9px/1.2 Inter,sans-serif;text-transform:uppercase}
.lds-row-price strong{color:#172033;font:800 19px/1 Poppins,Inter,sans-serif}
.lds-row-btn{display:flex;align-items:center;justify-content:center;min-width:130px;padding:9px 14px;border-radius:10px;background:#078b49;color:#fff!important;font:800 12.5px/1.2 Inter,sans-serif;text-align:center;text-decoration:none;white-space:nowrap}
.lds-row-btn:hover{background:#066f3c}
.lds-row-detalhes{color:var(--lottery-color)!important;font:700 11px/1.2 Inter,sans-serif;text-decoration:none;white-space:nowrap}

@media(max-width:900px){
  .lds-bolao-row{grid-template-columns:1fr;gap:10px;padding:16px 16px 16px 20px}
  .lds-row-acao{flex-direction:row;align-items:center;justify-content:space-between;width:100%}
  .lds-row-price{flex-direction:column;align-items:flex-start;gap:0}
  .lds-row-btn{min-width:0;flex:0 0 auto}
}