/* V1.24.6 — canvas desktop com zoom adicional mantendo proporção mobile. */
@media (min-width:701px){
  html{background:#070b10!important}
  body{overflow-x:hidden!important}
  header>.container,
  main>section>.container,
  footer>.container,
  #campanha>.container,
  .section>.container,
  .legal-information>.container{
    width:516px!important;
    max-width:516px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #campanha .layout{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important}
  #campanha .layout>div:first-child{width:100%!important;max-width:100%!important}
  #campanha .buy{position:static!important;top:auto!important;width:100%!important;max-width:100%!important}
  /* Mobile permanece intacto. No desktop o canvas visual sobe para 540px, mantendo 12px de respiro lateral interno. */
  #campanha .campaign-hero-card{
    width:540px!important;
    max-width:540px!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
  }
  #campanha .campaign-post-hero-content,
  #campanha #pacotes-promocionais,
  #campanha #campaignTagsCenter{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .public-campaigns .campaign-switcher{grid-template-columns:1fr!important}
  .wheel-unified-white-card>.section>.container,
  .wheel-unified-white-card>#roleta>.container,
  .wheel-unified-white-card>#ofertas-roleta>.container{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  #campaignTagsCenter{grid-template-columns:minmax(0,1fr)!important}
  #campaignTagsCenter>section,
  #campaignTagsCenter .campaign-tag-card{width:100%!important;max-width:100%!important}
  .top-menu-dropdown{max-width:516px!important}
}