/* Promoção trimestral - Óticas Tokyo
   Só afeta páginas que contenham a classe .promo-tokyo no HTML. */

/* 1. Libera as caixas do tema que envolvem o conteúdo da promoção */
body:has(.promo-tokyo) :is(main, section, article, div):has(.promo-tokyo) {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}

/* 2. O bloco da promoção fica centralizado no meio da tela */
.promo-tokyo {
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}

/* 3. Título da página ("Regulamento Promoções") centralizado */
body:has(.promo-tokyo) h1,
body:has(.promo-tokyo) .page-title,
body:has(.promo-tokyo) .section-title {
  text-align: center !important;
}

/* 4. Celular: sem sobras laterais */
@media (max-width: 768px) {
  .promo-tokyo {
    padding: 0 12px;
  }
}