/* PaPaBicho — BRASIL WHITELABEL LAYOUT
   Carregado por <link> após globals.css para sobrescrever o tema antigo. */
:root{
  --br-green:#009b3a;
  --br-green-2:#00c853;
  --br-yellow:#ffdf00;
  --br-yellow-2:#f6b100;
  --br-blue:#002776;
  --br-blue-2:#0747c9;
  --br-ink:#06130a;
  --background-primary:#06130a;
  --background-secondary:#082111;
  --surface:#0d2a17;
  --surface-2:#10361d;
  --primary:#ffdf00;
  --primary-hover:#ffd000;
  --accent:#00c853;
  --text-primary:#ffffff;
  --text-secondary:#d7eadb;
  --border-color:rgba(255,255,255,.14);
  --shadow-card:0 24px 70px rgba(0,0,0,.38);
}

html,body{
  min-height:100%;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,223,0,.25), transparent 26%),
    radial-gradient(circle at 88% 10%, rgba(0,39,118,.45), transparent 32%),
    linear-gradient(135deg,#031006 0%,#073b1b 44%,#002776 100%) !important;
  color:#fff !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(120deg, rgba(255,223,0,.075) 0 12%, transparent 12% 32%, rgba(0,155,58,.10) 32% 54%, transparent 54%),
    radial-gradient(circle at 50% 115%, rgba(255,223,0,.16), transparent 36%);
}

.container{max-width:1200px !important;}

.br-header,.header{
  background:rgba(2,28,11,.84) !important;
  border-bottom:1px solid rgba(255,223,0,.24) !important;
  backdrop-filter:blur(18px);
  box-shadow:0 10px 34px rgba(0,0,0,.24);
}

.br-navbar,.navbar{
  min-height:76px !important;
}

.logo.br-logo{
  gap:12px !important;
}

.logo.br-logo img,.logo img{
  width:120px !important;
  max-width:120px !important;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));
}

.br-logo-badge{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  color:#06130a;
  background:linear-gradient(135deg,var(--br-yellow),#fff2a8);
  border:1px solid rgba(255,255,255,.34);
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 10px 22px rgba(255,223,0,.20);
}

.header-actions .btn-primary,
.header-actions .wallet-button,
.header-actions .login-button,
.btn-primary,.play-button,.login-button,.wallet-button,.primary-button,.deposit-submit,.copy-pix-btn,.deposit-submit-btn,.number-action-continue{
  background:linear-gradient(135deg,var(--br-yellow),#fff39b) !important;
  color:#062210 !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:0 14px 28px rgba(255,223,0,.20), inset 0 1px 0 rgba(255,255,255,.55) !important;
  border-radius:999px !important;
  font-weight:950 !important;
}

.ghost-button,.toggle,.btn-link,.btn-more,.bet-flow-back,.number-action-back,.br-btn-ghost{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:999px !important;
}

/* HERO NOVO */
.br-hero.hero-home,.hero-home{
  position:relative !important;
  overflow:hidden !important;
  margin-top:22px !important;
  min-height:520px !important;
  padding:0 !important;
  border-radius:36px !important;
  border:1px solid rgba(255,223,0,.26) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,223,0,.34), transparent 24%),
    radial-gradient(circle at 82% 22%, rgba(0,39,118,.72), transparent 33%),
    linear-gradient(135deg,#00843d 0%,#069b42 42%,#002776 100%) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.15) !important;
}

.br-hero::before{
  content:"";
  position:absolute;
  inset:-80px;
  background:
    conic-gradient(from 45deg at 50% 50%, transparent 0 18%, rgba(255,223,0,.20) 18% 25%, transparent 25% 50%, rgba(255,255,255,.08) 50% 56%, transparent 56% 100%);
  animation:brRotate 22s linear infinite;
  opacity:.85;
}

.br-hero::after{
  content:"PaPaBicho";
  position:absolute;
  right:-26px;
  bottom:24px;
  color:rgba(255,255,255,.08);
  font-size:clamp(46px,8vw,118px);
  font-weight:950;
  letter-spacing:-.08em;
  line-height:.8;
  pointer-events:none;
}

@keyframes brRotate{to{transform:rotate(1turn)}}

.br-hero-bg{position:absolute;border-radius:999px;filter:blur(40px);pointer-events:none;}
.br-hero-bg-green{width:260px;height:260px;left:-80px;bottom:-80px;background:rgba(0,200,83,.55)}
.br-hero-bg-yellow{width:320px;height:320px;right:-90px;top:-90px;background:rgba(255,223,0,.45)}

.br-hero-content{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) 390px;
  gap:34px;
  align-items:center;
  padding:56px;
}

.br-kicker{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(6,19,10,.38);
  border:1px solid rgba(255,223,0,.36);
  color:#fff7bd;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.08em;
  font-weight:950;
}
.br-kicker span{width:10px;height:10px;border-radius:50%;background:var(--br-yellow);box-shadow:0 0 20px var(--br-yellow)}

.br-hero h1,.hero h1{
  margin:20px 0 16px !important;
  max-width:720px;
  color:#fff !important;
  font-size:clamp(42px,6.4vw,86px) !important;
  line-height:.9 !important;
  letter-spacing:-.075em !important;
  font-weight:950 !important;
  text-shadow:0 4px 28px rgba(0,0,0,.28);
}
.br-hero h1 strong,.hero h1 span{
  color:var(--br-yellow) !important;
  text-shadow:0 0 30px rgba(255,223,0,.34) !important;
}
.br-hero p,.hero p{
  max-width:620px !important;
  color:rgba(255,255,255,.84) !important;
  font-size:18px !important;
  line-height:1.65 !important;
}

.br-hero-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px !important;}
.br-btn,.hero-cta{
  min-height:56px !important;
  padding:0 24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  cursor:pointer;
}
.br-btn-main,.hero-cta-primary{
  background:linear-gradient(135deg,var(--br-yellow),#fff39b) !important;
  color:#062210 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:0 18px 42px rgba(255,223,0,.25) !important;
}
.br-trust-row,.hero-mini-info{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px !important;}
.br-trust-row span,.hero-mini-info span{
  padding:9px 12px !important;
  border-radius:999px !important;
  background:rgba(0,39,118,.28) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:850 !important;
}

.br-ticket-card,.hero-panel{
  position:relative !important;
  overflow:hidden !important;
  padding:26px !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.075)) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 24px 54px rgba(0,0,0,.24) !important;
}
.br-ticket-card::before{
  content:"";
  position:absolute;
  inset:12px;
  border:2px dashed rgba(255,223,0,.36);
  border-radius:22px;
  pointer-events:none;
}
.br-ticket-header,.hero-panel-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px !important;}
.br-ticket-header span,.hero-panel-top span{font-size:12px;color:#fff6b0 !important;text-transform:uppercase;font-weight:900;letter-spacing:.06em;}
.br-ticket-header strong,.hero-panel-top strong{font-size:24px;color:#fff !important;}
.br-ticket-numbers,.hero-numbers{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:10px !important;}
.br-ticket-numbers span,.hero-numbers span{
  height:62px !important;
  border-radius:18px !important;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#fff7b0,var(--br-yellow)) !important;
  color:#062210 !important;
  border:1px solid rgba(255,255,255,.36) !important;
  font-size:23px !important;
  font-weight:950 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.20) !important;
}
.br-ticket-prize,.hero-prize-card{position:relative;z-index:2;margin-top:16px;padding:18px;border-radius:20px;background:rgba(0,39,118,.34) !important;border:1px solid rgba(255,255,255,.18) !important;}
.br-ticket-prize small,.hero-prize-card span{display:block;color:rgba(255,255,255,.70) !important;font-size:12px;text-transform:uppercase;font-weight:800;}
.br-ticket-prize strong,.hero-prize-card strong{display:block;margin-top:4px;color:var(--br-yellow) !important;font-size:32px !important;font-weight:950 !important;}
.br-ticket-button,.hero-panel-button{position:relative;z-index:2;margin-top:16px;height:54px;width:100%;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#fff !important;color:#083517 !important;font-weight:950;text-decoration:none;}

.br-feature-strip,.home-trust-strip{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
  margin:18px 0 22px !important;
}
.br-feature-strip>div,.home-trust-strip>div{
  padding:20px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.055)) !important;
  border:1px solid rgba(255,255,255,.17) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.22) !important;
}
.br-feature-strip strong,.home-trust-strip strong{display:block;color:var(--br-yellow) !important;font-size:20px !important;font-weight:950 !important;}
.br-feature-strip span,.home-trust-strip span{display:block;margin-top:4px;color:rgba(255,255,255,.76) !important;}

/* Cards e seções */
.section-card,.seo-section,.bets,.winners-section,.results-section,.faq-container,.my-bets-card,.my-bets-summary-card,.wallet-card,.deposit-card,.login-card,.bet-area,.bet-card,.lottery-card{
  background:linear-gradient(180deg,rgba(6,34,16,.92),rgba(4,18,10,.94)) !important;
  border:1px solid rgba(255,223,0,.16) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06) !important;
  border-radius:26px !important;
}
.card,.bet-card,.winner-card,.result-card,.faq-item,.my-bet-item,.wallet-transaction-item,.modality-card,.group-card,.animal-card,.number-card,.position-card,.lottery-option,.deposit-value-btn,.virtual-key{
  background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  color:#fff !important;
  box-shadow:0 12px 30px rgba(0,0,0,.20) !important;
}
.card:hover,.bet-card:hover,.winner-card:hover,.result-card:hover,.faq-item:hover,.modality-card:hover,.group-card:hover,.animal-card:hover,.number-card:hover,.position-card:hover,.lottery-option:hover{
  border-color:rgba(255,223,0,.48) !important;
  transform:translateY(-1px);
}
.modality-card.active,.group-card.active,.animal-card.active,.number-card.active,.position-card.active,.lottery-option.active,.selected{
  background:linear-gradient(135deg,rgba(255,223,0,.24),rgba(0,200,83,.16)) !important;
  border-color:var(--br-yellow) !important;
  box-shadow:0 0 0 1px rgba(255,223,0,.34),0 18px 44px rgba(255,223,0,.12) !important;
}

.section-title h2,.bets-header h2,.results-title h2,.faq-container .title,.seo-section h2,.my-bets-header h1,.login-header h1,.deposit-header h3,.bet-flow-title-area h2{
  color:#fff !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}
.section-title h2::after,.bets-header h2::after,.results-title h2::after,.faq-container .title::after,.bet-flow-title-area h2::after{
  content:"";
  display:block;
  width:54px;
  height:4px;
  margin-top:9px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--br-green-2),var(--br-yellow),var(--br-blue-2)) !important;
}

input,select,textarea{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.17) !important;
}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.55) !important;}

.footer{background:rgba(2,18,8,.88) !important;border-top:1px solid rgba(255,223,0,.18) !important;}
.footer-logo img{width:92px !important;}

@media(max-width:900px){
  .br-hero-content{grid-template-columns:1fr;padding:34px 22px;}
  .br-ticket-card{max-width:440px;}
  .br-feature-strip,.home-trust-strip{grid-template-columns:1fr !important;}
  .br-hero.hero-home,.hero-home{min-height:auto !important;border-radius:28px !important;}
}
@media(max-width:640px){
  .br-navbar,.navbar{min-height:64px !important;}
  .logo.br-logo img,.logo img{width:120px !important;max-width:120px !important;}
  .br-logo-badge{height:24px;padding:0 9px;font-size:10px;}
  .br-hero h1,.hero h1{font-size:clamp(38px,13vw,58px) !important;}
  .br-hero p,.hero p{font-size:15px !important;}
  .br-hero-actions,.hero-actions{flex-direction:column;align-items:stretch;}
  .br-btn,.hero-cta{width:100%;}
  .br-ticket-numbers span,.hero-numbers span{height:54px !important;font-size:20px !important;}
}