:root{--lucrando-warm-bg:#fffaf5;--lucrando-orange:#ff5a00;--lucrando-orange-dark:#e64d00}body,#app{background:#fffaf5!important;color:#1f2937!important}.navtop-color,.nav-menu{background:#fff7ed!important;color:#1f2937!important;border-bottom-color:#fed7aa!important}.nav-menu *{color:#1f2937!important}aside{background:#fff7ed!important;color:#1f2937!important;border-right:1px solid #fed7aa!important}aside *{color:#1f2937!important}[class*="bg-[#1A1A1F]"]{background:#fff!important;border-color:#fed7aa!important;color:#1f2937!important}[class*="bg-[#1A1A1F]"] *{color:#6b7280!important}input[placeholder="Procurar jogos..."]{color:#1f2937!important}.container-deposit{background:#fff!important;color:#1f2937!important;box-shadow:0 20px 50px rgba(249,115,22,.18)!important}.container-deposit *{color:#1f2937!important}.fixed.top-0.left-0.right-0.hidden{background:rgba(255,250,245,.78)!important}.footer,[class*="footer"]{background:#fff7ed!important;color:#1f2937!important}.bg-base{background:#fffaf5!important}[style*="background-color: rgb(11, 11, 15)"]{background:#fff7ed!important;color:#1f2937!important;border-color:#fed7aa!important}[style*="background-color: rgb(11, 11, 15)"] *{color:#1f2937!important}.nav-menu svg{color:#ff5a00!important;stroke:#ff5a00!important}.opacidade-hover{background:linear-gradient(135deg,#ff7a18,#ff5a00)!important;box-shadow:0 4px 14px rgba(249,115,22,.28)!important}.opacidade-hover *{color:#fff!important}.nav-menu button,.nav-menu button svg{color:#ff5a00!important;stroke:#ff5a00!important}.nav-menu img.opacidade-hover{background:transparent!important;box-shadow:none!important}[style*="rgba(0, 0, 0, 0.75)"]{background:rgba(255,250,245,.82)!important}.bg-gray-900\/60{background:#fff!important;border-color:#fed7aa!important}.bg-gray-900\/60 *{color:#1f2937!important}

/* Barra superior branca; o laranja fica reservado às ações e à navegação inferior. */
.nav-menu,.nav-menu[style*="#0B0B0F"]{background:#ffffff!important;background-image:none!important;border-bottom:1px solid #fed7aa!important;color:#1f2937!important;}
.nav-menu *{color:#1f2937!important;}
.nav-menu svg,.nav-menu svg path{color:#ff5a00!important;fill:#ff5a00!important;stroke:#ff5a00!important;}
.nav-menu .opacidade-hover *{color:#fff!important;}
.nav-menu .opacidade-hover svg path{fill:#fff!important;stroke:#fff!important;}

/* Login/registro com superfície clara, campos legíveis e ações laranja. */
.login-register-100vh,.login-register-100vh2,.modal2-content,.modal-content,.padding-register{background:#fff!important;color:#1f2937!important;border-color:#fed7aa!important;}
.padding-register label,.padding-register p,.padding-register span,.padding-register a,.padding-register h1,.padding-register h2,.padding-register h3{color:#1f2937!important;}
.padding-register .input-group,.padding-register input,.padding-register select{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#1f2937!important;}
.padding-register .input-group::placeholder,.padding-register input::placeholder{color:#9ca3af!important;}
.padding-register button[type="submit"],.button-login-model,.button-register-model{background:#ff5a00!important;border-color:#e64d00!important;color:#fff!important;}
.modal2-overlay{background:rgba(255,250,245,.86)!important;}

/* Superfícies unificadas: creme suave no lugar do branco puro. */
:root{
  --background-color:#fffaf5!important;
  --background-base:#fffaf5!important;
  --background-base-dark:#fffaf5!important;
  --standard-color:#fff7ed!important;
  --carousel-banners:#fff7ed!important;
  --carousel-banners-dark:#fff7ed!important;
  --sidebar-color:#fff7ed!important;
  --sidebar-color-dark:#fff7ed!important;
  --navtop-color:#fff7ed!important;
  --navtop-color-dark:#fff7ed!important;
  --side-menu:#fff7ed!important;
  --side-menu-dark:#fff7ed!important;
  --input-primary:#fffaf5!important;
  --input-primary-dark:#fffaf5!important;
  --footer-color:#fff7ed!important;
  --footer-color-dark:#ffedd5!important;
  --card-color:#fff7ed!important;
  --card-color-dark:#fff7ed!important;
}

.nav-menu,.nav-menu[style*="#0B0B0F"],.navtop-color,aside,
.footer,[class*="footer"],.container-deposit,
[class*="bg-[#1A1A1F]"],.bg-gray-900\/60,
.login-register-100vh,.login-register-100vh2,
.modal2-content,.modal-content,.padding-register{
  background:#fff7ed!important;
  background-color:#fff7ed!important;
  color:#1f2937!important;
  border-color:#fed7aa!important;
}

.container-deposit{
  border:1px solid #fed7aa!important;
  box-shadow:0 20px 55px rgba(249,115,22,.20)!important;
}
.container-deposit input,.container-deposit select,.container-deposit textarea,
.padding-register .input-group,.padding-register input,.padding-register select{
  background:#fffaf5!important;
  background-color:#fffaf5!important;
  color:#1f2937!important;
  border-color:#fed7aa!important;
}
.container-deposit input::placeholder,.container-deposit textarea::placeholder{
  color:#9ca3af!important;
}
.container-deposit button[type="submit"],
.container-deposit button[type="submit"] *,
.button-login-model,.button-register-model{
  color:#fff!important;
}
.container-deposit .item.active{
  background:#ffedd5!important;
  border-color:#ff5a00!important;
  box-shadow:0 0 0 2px rgba(255,90,0,.12)!important;
}
.modal2-overlay,[class*="modal"][class*="overlay"]{
  background:rgba(255,250,245,.82)!important;
  backdrop-filter:blur(5px)!important;
}

/* Nenhum fundo branco puro: até os botões circulares usam o creme da marca. */
button.bg-\[white\],.bg-\[white\],.bonus-button{
  background:#fff7ed!important;
  background-color:#fff7ed!important;
  border-color:#fed7aa!important;
}

/* Proteção para componentes antigos: branco puro nunca vira superfície da plataforma. */
.bg-white,.bg-\[white\],[class*=" bg-white"],[class^="bg-white"],
[style*="background-color: white"],[style*="background-color:white"],
[style*="background: #fff"],[style*="background:#fff"],.full-screen-div{
  background:#fff7ed!important;
  background-color:#fff7ed!important;
  border-color:#fed7aa!important;
}

/* Depósito: ação principal legível e o menu móvel não compete com o formulário. */
body.deposit-modal-open .mobile-menu-wrapper{
  display:none!important;
}
.container-deposit .pix-copy-box{
  background:#fff7ed!important;
  border-color:#fed7aa!important;
}
.container-deposit .pix-copy-button,
.container-deposit .deposit-submit-button{
  background:linear-gradient(135deg,#ff7a18,#ff5a00)!important;
  color:#fff!important;
  border:0!important;
  border-radius:10px!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(230,77,0,.24)!important;
}
.container-deposit .pix-copy-button *,
.container-deposit .deposit-submit-button *{
  color:#fff!important;
}
@media (max-width:768px){
  .container-deposit .deposit-submit-wrap{
    position:sticky;
    bottom:0;
    z-index:5;
    padding:12px 0 max(12px, env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(255,247,237,0),#fff7ed 28%);
  }
}

/* Superfícies legadas da vitrine e páginas internas: nenhuma base branca pura. */
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: rgb(255, 255, 255)"],
[style*="background-color:rgb(255,255,255)"],
[style*="background: white"],
[style*="background:white"],
.bg-white\/90,.bg-white\/80,.bg-white\/70,
.game-card,.game-card-body,.game-item,.game-item-content,
.games-list,.games-grid,.vitrine-games{
  background-color:#fff7ed!important;
}

/* Fechamento do tema no catálogo e no painel de afiliados.
   Alguns componentes são utilitários Tailwind e não usam as classes legadas acima;
   estes seletores cobrem as superfícies que ainda escapavam para branco/azul. */
html body,
html body #app,
html body #app main,
html body .carousel-banners,
html body [class*="game-list" i],
html body [class*="games-grid" i],
html body [class*="games-list" i],
html body [class*="vitrine" i]{
  background-color:#fffaf5!important;
}

html body [class~="bg-white/10"],
html body [class~="bg-white/20"],
html body [class~="bg-white/30"],
html body [class~="bg-gray-50"],
html body [class~="bg-gray-100"],
html body [class~="bg-gray-200"]{
  background-color:#fff7ed!important;
  border-color:#fed7aa!important;
}

/* Classes arbitrárias usadas pela vitrine (a regra antiga deixava #fff). */
html body [class*="bg-[#1A1A1F]"],
html body [class*="bg-[#2A2A2F]"],
html body [class~="bg-gray-900/60"],
html body [class~="bg-gray-900/50"]{
  background:#fff7ed!important;
  background-color:#fff7ed!important;
  border-color:#fed7aa!important;
}

/* A página de vitrine usa cartões utilitários e estilos inline em versões antigas. */
html body [class~="game-card"],
html body [class~="game-item"],
html body [class~="card"],
html body [class~="bg-white"],
html body [class~="bg-white/90"],
html body [class~="bg-white/80"],
html body [class~="bg-white/70"],
html body [style*="background-color: rgb(255, 255, 255)"],
html body [style*="background-color:rgb(255,255,255)"],
html body [style*="background: rgb(255, 255, 255)"],
html body [style*="background:rgb(255,255,255)"],
html body [style*="background-color: white"],
html body [style*="background-color:white"]{
  background-color:#fff7ed!important;
  border-color:#fed7aa!important;
}

/* Azul legado do painel de afiliados e de seus estados de carregamento. */
html body [class~="bg-blue-500"],
html body [class~="bg-blue-600"],
html body [class~="bg-blue-700"],
html body [class~="hover:bg-blue-500"],
html body [class~="hover:bg-blue-600"],
html body [class~="hover:bg-blue-700"],
html body [class~="border-blue-500"],
html body [class~="border-blue-600"],
html body [class~="focus:border-blue-500"],
html body [class~="focus:ring-blue-500"]{
  background-color:#ff5a00!important;
  border-color:#e64d00!important;
  --tw-ring-color:#ff5a00!important;
}
html body [class~="text-blue-500"],
html body [class~="text-blue-600"],
html body [class~="text-blue-700"]{
  color:#e64d00!important;
}
html body [class~="text-blue-800"],
html body [class~="bg-blue-100"]{
  color:#b83d00!important;
  background-color:#ffedd5!important;
}

/* O AffiliatePage possui cores inline antigas; a regra !important mantém o laranja. */
html body:has(.teste-place) [style*="#0055D4"],
html body:has(.teste-place) [style*="#131A29"],
html body:has(.teste-place) [style*="#182235"],
html body:has(.teste-place) [class~="bg-gray-900"],
html body:has(.teste-place) [class~="bg-gray-800"],
html body:has(.teste-place) [class~="bg-gray-700"]{
  background-color:#fff7ed!important;
  color:#1f2937!important;
  border-color:#fed7aa!important;
}
html body:has(.teste-place) [class~="bg-emerald-600"],
html body:has(.teste-place) [class~="bg-emerald-500"],
html body:has(.teste-place) [class~="text-emerald-400"]{
  background-color:#ff5a00!important;
  color:#fff!important;
  border-color:#e64d00!important;
}
html body:has(.teste-place) [class~="text-gray-300"],
html body:has(.teste-place) [class~="text-gray-400"],
html body:has(.teste-place) [class~="text-white"]{
  color:#1f2937!important;
}

/* A logo da tela de login é transparente; o orange hover é reservado aos botões. */
html body #modalElAuth img.opacidade-hover,
html body .login-register-100vh img.opacidade-hover,
html body .login-register-100vh2 img.opacidade-hover,
html body .modal2-content img.opacidade-hover{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Vitrine: o catálogo antigo ainda traz wrappers brancos e utilitários escuros.
   Mantemos as imagens intactas e aplicamos apenas a superfície quente da marca. */
html body #app,
html body #app > div,
html body #app > div > div,
html body .carousel-banners,
html body .game-list,
html body .game-list > div,
html body .item-sombra2,
html body .carousel__viewport,
html body .carousel__track,
html body .carousel__slide,
html body .vitrine-games,
html body .games-list,
html body .games-grid{
  background-color:#fffaf5!important;
  background-image:none;
}
html body .game-list .carousel__slide > *,
html body .game-list .carousel__viewport > *,
html body .game-list .carousel__track > *{
  background-color:transparent!important;
}
html body [class*="bg-[#0B1E3B]"],
html body [class*="bg-[#1A1A1F]"],
html body [class*="bg-[#2A2A2F]"],
html body [class*="bg-[#0b1e3b]"],
html body [class*="bg-[#1a1a1f]"],
html body [class*="bg-[#2a2a2f]"]{
  background-color:#fff7ed!important;
  background-image:none!important;
  border-color:#fed7aa!important;
  color:#1f2937!important;
}
html body [class*="bg-[#0B1E3B]"] *,
html body [class*="bg-[#1A1A1F]"] *,
html body [class*="bg-[#2A2A2F]"] *{
  color:#1f2937!important;
}
html body .item-sombra2:after{
  background:linear-gradient(to right,rgba(255,250,245,0),#fffaf5)!important;   
}

/* Fechamento visual do Lucrando.bet: autenticação, conta e afiliados. */
html body .nav-menu .auth-nav-button{
  border-color:#ff5a00!important;
  box-shadow:none!important;
}
html body .nav-menu .auth-nav-button--outline{
  background:#fffaf5!important;
  color:#e64d00!important;
}
html body .nav-menu .auth-nav-button--solid{
  background:linear-gradient(135deg,#ff7a18,#ff5a00)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(230,77,0,.22)!important;
}
html body #modalElAuth{
  background:rgba(255,250,245,.9)!important;
  backdrop-filter:blur(7px)!important;
}
html body #modalElAuth .login-register-100vh,
html body #modalElAuth .login-register-100vh2{
  background:#fff7ed!important;
  color:#1f2937!important;
  border:1px solid #fed7aa!important;
  box-shadow:0 24px 70px rgba(230,77,0,.18)!important;
}
html body #modalElAuth .padding-register input{
  background:#fffaf5!important;
  color:#1f2937!important;
  border-color:#fdba74!important;
}
html body #modalElAuth .padding-register label,
html body #modalElAuth .padding-register p,
html body #modalElAuth .padding-register span,
html body #modalElAuth .padding-register a{
  color:#374151!important;
}
html body #modalElAuth .padding-register button[type="submit"],
html body .register-afiliado button[type="submit"],
html body .ui-button-blue{
  background:linear-gradient(135deg,#ff7a18,#ff5a00)!important;
  border-color:#e64d00!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(230,77,0,.24)!important;
}
html body #modalElAuth .padding-register button[type="submit"] *,
html body .register-afiliado button[type="submit"] *,
html body .ui-button-blue *{
  color:#fff!important;
}
