/* Pagina del gioco dentro il sito: testata e piede restano quelli del tema */
.pvg-pagina #wrapper { background: #f4f6ef; }
.pvg-pagina #content.page-content { margin: 0; padding: 0; background: none; box-shadow: none; }
.pvg { display: grid; grid-template-areas: "titolo" "gioco" "testo"; }
.pvg h1.page-heading { grid-area: titolo; margin: 0; color: #1f3f2d; }
.pvg-gioco { grid-area: gioco; min-width: 0; }
.pvg-cornice { display: block; width: 100%; border: 0; background: #fbf3df; }
.pvg-testo { grid-area: testo; }
.pvg-testo p { color: #26332b; }
.pvg-torna { display: block; padding: 12px 18px; border-radius: 24px; background: #1f3f2d; color: #fff !important; font-weight: 700; text-align: center; }

/* Solo in questa pagina: chat e bollino starebbero sopra i pulsanti del gioco, quando lo spazio ai lati non basta */
@media (max-width: 1279.98px) {
  .pvg-pagina #brevo-conversations,
  .pvg-pagina [id^="trustbadge-container"] { display: none !important; visibility: hidden !important; pointer-events: none !important; }
}

@media (max-width: 767.98px) {
  .pvg-pagina .header-banner,
  .pvg-pagina .header-nav,
  .pvg-pagina .breadcrumb-wrapper { display: none; }
  .pvg-pagina #header .header-logo .logo { max-height: 46px !important; width: auto !important; }
  .pvg-pagina #header .header-logo { padding-top: 4px; padding-bottom: 4px; }
  .pvg-pagina #wrapper { padding-top: 0; overflow-x: hidden; }
  .pvg-pagina .main-content { padding-top: 0; margin-top: 0; }
  /* il titolo resta per Google, sullo schermo c'e' gia' quello del gioco */
  .pvg h1.page-heading { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); }
  /* la cornice va da bordo a bordo; l'altezza esatta la mette pagina.js */
  .pvg-gioco { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
  .pvg-cornice { height: calc(100vh - 121px); height: calc(100svh - 121px); min-height: 560px; }
  .pvg-testo { padding: 18px 0 26px; }
  .pvg-testo p { margin: 0 0 12px; font-size: 15px; line-height: 22px; }
}

@media (min-width: 768px) {
  .pvg { grid-template-columns: minmax(0, 540px) 410px; grid-template-rows: auto 1fr; grid-template-areas: "titolo gioco" "testo gioco"; justify-content: center; column-gap: 48px; padding: 24px 0 48px; }
  .pvg h1.page-heading { padding-top: 34px; font-size: 40px; line-height: 46px; }
  .pvg-cornice { height: 800px; border-radius: 24px; box-shadow: 0 14px 44px rgba(31, 63, 45, .28); }
  .pvg-testo { padding-top: 16px; }
  .pvg-testo p { margin: 0 0 16px; font-size: 17px; line-height: 27px; }
  .pvg-torna { display: inline-block; padding: 13px 26px; margin-top: 6px; }
}