/* V27 — somente primeira dobra da Home. Cookie V10, autenticação e V31 permanecem intactos. */
.candy-home-flow #inicio{
  min-height:100svh!important;
  display:flex!important;
  align-items:flex-start!important;
  padding-bottom:24px!important;
}
.candy-home-flow #inicio .cb-hero-inner{
  width:min(100%,620px)!important;
  margin:0 auto!important;
  padding-inline:12px!important;
}
/* Bubble-style headline: one line, white + warm highlight + money accent. */
.candy-home-flow #inicio .cb-hero-title{
  width:100%!important;
  max-width:100%!important;
  margin:4px auto 7px!important;
  padding:0 2px!important;
  text-align:center!important;
}
.candy-home-flow #inicio .cb-hero-title h1{
  display:block!important;
  white-space:nowrap!important;
  width:100%!important;
  margin:0!important;
  font-size:clamp(18px,4.6vw,34px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  -webkit-text-stroke:.5px #603067!important;
  text-shadow:0 2px 0 #50255f,0 4px 8px #4b276066!important;
}
.candy-home-flow #inicio .cb-title-light{color:#fff!important}
.candy-home-flow #inicio .cb-title-win{color:#ffd43f!important}
.candy-home-flow #inicio .cb-title-money{color:#22e19a!important}
/* Keep the real Bubble pill geometry and remove the cyan-dot version. */
.candy-home-flow #inicio #candyOnlineBadge{
  min-width:190px!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:10px 19px!important;
  top:0!important;
  color:#fff!important;
  background:linear-gradient(180deg,#241033,#13091f)!important;
  border:3px solid #ff4fc8!important;
  border-radius:999px!important;
  box-shadow:0 0 0 5px rgba(36,16,51,.9),0 0 20px rgba(255,79,200,.48)!important;
  font-size:13px!important;
  letter-spacing:.045em!important;
}
.candy-home-flow #inicio #candyOnlineBadge .cb-online-person{
  display:block!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  fill:#fff!important;
  flex:0 0 17px!important;
}
.candy-home-flow #inicio #candyOnlineBadge .online-label{position:relative;z-index:2;color:#fff!important;font-weight:1000!important}
.candy-home-flow #inicio #candyOnlineBadge .cb-online-count{color:#ff62cf!important;margin-right:3px!important}
.candy-home-flow #inicio #candyOnlineBadge .candy-online-sheen{
  position:absolute!important;inset:0!important;z-index:1!important;border-radius:inherit!important;pointer-events:none!important;
  background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.02) 42%,rgba(255,255,255,.17) 50%,rgba(255,255,255,.02) 58%,transparent 66%) 100% 0/250% 100%!important;
  animation:bonusSweep 4.8s linear infinite!important;
}
/* The preview is visual only. CTA below is the only entry into auth/game flow. */
.candy-home-flow #inicio #candyVideoArea{cursor:default!important}
/* compact benefit rail, one row on phones */
.candy-home-flow #inicio #vantagens{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(100%,420px)!important;
  max-width:420px!important;
  gap:5px!important;
  margin:9px auto 8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.candy-home-flow #inicio #vantagens .cb-benefit{
  display:flex!important;
  min-width:0!important;
  min-height:30px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  gap:4px!important;
  margin:0!important;
  padding:6px 5px!important;
  border:1px solid rgba(255,255,255,.84)!important;
  border-radius:999px!important;
  background:rgba(255,251,255,.91)!important;
  box-shadow:0 4px 10px rgba(68,40,86,.12)!important;
  color:#633955!important;
  font-size:10px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.candy-home-flow #inicio #vantagens .cb-benefit-check{color:#17a987!important;font-size:11px!important;line-height:1!important;flex:none!important}
.candy-home-flow #inicio .cb-actions{gap:1px!important;margin-top:0!important}
.candy-home-flow #inicio .cb-main-play{
  width:min(100%,430px)!important;
  min-height:58px!important;
  height:58px!important;
  margin-top:1px!important;
  font-size:20px!important;
}
.candy-home-flow #inicio .cb-existing-account{padding:9px 18px!important;font-size:14px!important}
@media(max-width:560px){
  .candy-home-flow #inicio{
    padding-top:calc(var(--head-h) + env(safe-area-inset-top,0px) + 12px)!important;
    padding-bottom:12px!important;
    min-height:100svh!important;
  }
  .candy-home-flow #inicio .cb-hero-inner{width:100%!important;max-width:390px!important;padding-inline:8px!important}
  .candy-home-flow #inicio .cb-hero-title{margin:3px auto 4px!important}
  .candy-home-flow #inicio .cb-hero-title h1{
    font-size:clamp(16px,4.65vw,20px)!important;
    letter-spacing:-.048em!important;
    -webkit-text-stroke:.35px #603067!important;
    text-shadow:0 1.5px 0 #50255f,0 3px 6px #4b27605c!important;
  }
  /* Fit title + frame + benefits + CTA inside the first mobile viewport. */
  .candy-home-flow #inicio .lp-hero-banner--video.cb-video-frame{
    width:clamp(205px,56vw,228px)!important;
    max-width:228px!important;
    aspect-ratio:9/16!important;
    height:auto!important;
    margin-top:27px!important;
    margin-bottom:4px!important;
    border-radius:26px!important;
  }
  .candy-home-flow #inicio .cb-video-body{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:9/16!important;
    border-radius:23px!important;
  }
  .candy-home-flow #inicio .cb-video-cover-mascot{
    width:89%!important;
    max-width:180px!important;
    height:44%!important;
  }
  .candy-home-flow #inicio .cb-video-cover-play{width:42px!important;height:42px!important;font-size:15px!important}
  .candy-home-flow #inicio .cb-video-placeholder strong{font-size:19px!important;line-height:1.08!important}
  .candy-home-flow #inicio .cb-video-placeholder>span:last-child{font-size:9px!important}
  .candy-home-flow #inicio #candyOnlineBadge{
    min-width:172px!important;
    min-height:45px!important;
    padding:8px 15px!important;
    border-width:3px!important;
    font-size:11px!important;
    gap:6px!important;
  }
  .candy-home-flow #inicio #candyOnlineBadge .cb-online-person{width:15px!important;height:15px!important;flex-basis:15px!important}
  .candy-home-flow #inicio #vantagens{
    width:min(100%,358px)!important;
    max-width:358px!important;
    gap:4px!important;
    margin:7px auto 6px!important;
  }
  .candy-home-flow #inicio #vantagens .cb-benefit{
    min-height:27px!important;
    padding:5px 3px!important;
    font-size:8.6px!important;
    gap:3px!important;
    letter-spacing:-.035em!important;
  }
  .candy-home-flow #inicio #vantagens .cb-benefit-check{font-size:9px!important}
  .candy-home-flow #inicio .cb-main-play{width:min(100%,350px)!important;height:51px!important;min-height:51px!important;font-size:17px!important}
  .candy-home-flow #inicio .cb-existing-account{font-size:13px!important;padding:7px 16px!important}
}
@media(max-width:350px){
  .candy-home-flow #inicio .cb-hero-title h1{font-size:15px!important;letter-spacing:-.05em!important}
  .candy-home-flow #inicio .lp-hero-banner--video.cb-video-frame{width:198px!important;max-width:198px!important;margin-top:25px!important}
  .candy-home-flow #inicio #candyOnlineBadge{min-width:160px!important;min-height:42px!important;font-size:10px!important;padding:7px 12px!important}
  .candy-home-flow #inicio #vantagens{width:100%!important;gap:3px!important}
  .candy-home-flow #inicio #vantagens .cb-benefit{font-size:7.5px!important;padding:5px 2px!important}
}
@media(prefers-reduced-motion:reduce){.candy-home-flow #inicio #candyOnlineBadge .candy-online-sheen{animation:none!important}}