/*
 * R101C1 — DESKTOP PAGE FRAME CONTRACT
 * Superfícies de produto/listagem: máximo 1120px + gutter mínimo 24px.
 * Exceções intencionais: Home (revisão aberta), ficha individual, artigos e
 * páginas legais, que preservam colunas de leitura mais estreitas.
 */
@media (min-width:761px){
  :root{
    --cdn-desktop-gutter:24px;
    --cdn-desktop-frame:calc(100% - 48px);
  }

  html body:not(.home) #cdn-main-content,
  html body:not(.home) #cdn-main-content *{
    box-sizing:border-box;
  }

  html body:not(.home) #cdn-main-content{
    min-width:0;
    max-width:100%;
  }

  /* Nomes: arquivos/listagens. A ficha individual mantém a coluna editorial. */
  html body.cdn-archive-standalone:not(.cdn-blog-standalone):not(.cdn-legal-standalone)
    #cdn-main-content.cdn-v2-archive-page > .cdn-v2-shell{
    width:var(--cdn-desktop-frame)!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Editorias de nomes. */
  html body.cdn-editorial-standalone
    #cdn-main-content.cdn-editorial-page > .cdn-editorial-shell{
    width:var(--cdn-desktop-frame)!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Ferramentas PHP / hubs / Minha Lista / Popularidade. */
  html body.cdn-tools-standalone
    #cdn-main-content.cdn-tools-page[data-cdn-tool]{
    padding-left:0!important;
    padding-right:0!important;
  }
  html body.cdn-tools-standalone
    #cdn-main-content.cdn-tools-page[data-cdn-tool] > .cdn-tools-shell{
    width:var(--cdn-desktop-frame)!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Ferramentas funcionais modernas e quizzes. O guard legado carregado depois
   * do wp_head também foi reconciliado para 1120px nesta rodada. */
  html body.cdn-functional-r1-page #cdn-main-content.cdn-functional-r1{
    padding-left:0!important;
    padding-right:0!important;
  }
  html body.cdn-functional-r1-page #cdn-main-content.cdn-functional-r1 > :is(
    .cdn-functional-tool-shell,.cdn-quiz-suite
  ){
    width:var(--cdn-desktop-frame)!important;
    max-width:1120px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Conta / Minha Área. */
  html body.cdn-account-standalone #cdn-main-content.cdn-account-page > .cdn-account-shell{
    width:var(--cdn-desktop-frame)!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Jogos. */
  html body.cdn-games-page #cdn-main-content.cdn-games{
    padding-left:0!important;
    padding-right:0!important;
  }
  html body.cdn-games-page #cdn-main-content.cdn-games > .cdn-games-shell{
    width:var(--cdn-desktop-frame)!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Breadcrumbs: mesma hierarquia e mesmo ritmo vertical. A largura continua
   * pertencendo ao shell da própria página. */
  html body:not(.home) #cdn-main-content :is(
    .cdn-v2-breadcrumb,.cdn-tools-breadcrumb,.cdn-qs-breadcrumb,
    .cdn-quiz-breadcrumb,.cdn-games-breadcrumb
  ){
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
    margin-bottom:20px!important;
    color:#65737c!important;
    font-size:13px!important;
    line-height:20px!important;
    font-weight:400!important;
  }

  html body:not(.home) #cdn-main-content :is(
    .cdn-v2-breadcrumb,.cdn-tools-breadcrumb,.cdn-qs-breadcrumb,
    .cdn-quiz-breadcrumb,.cdn-games-breadcrumb
  ) a{
    color:inherit!important;
    font-weight:500!important;
    text-decoration:none!important;
  }

  html body:not(.home) #cdn-main-content :is(
    .cdn-v2-breadcrumb,.cdn-tools-breadcrumb,.cdn-qs-breadcrumb,
    .cdn-quiz-breadcrumb,.cdn-games-breadcrumb
  ) a:hover{
    color:#0e607f!important;
  }
}