/* ═══════════════════════════════════════════════════════════════════
   Via Traço · correções v22
   Mestres do Renascimento: capa responsiva por orientação.
   Vertical = capa azul enviada pelo cliente.
   Horizontal = convite vermelho.
   ═══════════════════════════════════════════════════════════════════ */

/* Desktop continua usando a capa vermelha original. */
body.apre-renascimento #s1 .capa-img-vermelha {
  display: block;
}
body.apre-renascimento #s1 .capa-img-azul {
  display: none;
}

/* A faixa responsiva alcança celulares, tablets e janelas de teste
   ligeiramente maiores que 900 px. Isso evita a escolha errada vista
   no navegador com viewport próximo de 916 px. */
@media (max-width: 1200px) {
  body.apre-renascimento #s1 {
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.apre-renascimento #s1 .capa-plena {
    position: absolute !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.apre-renascimento #s1 .capa-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-width: 100vw !important;
    min-height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
  }
}

/* CELULAR / TABLET NA VERTICAL: capa azul vertical enviada no ZIP. */
@media (max-width: 1200px) and (orientation: portrait) {
  body.apre-renascimento #s1,
  body.apre-renascimento #s1 .capa-plena {
    background: #064563 !important;
  }

  body.apre-renascimento #s1 .capa-img-vermelha {
    display: none !important;
  }

  body.apre-renascimento #s1 .capa-img-azul {
    display: block !important;
    object-position: center center !important;
  }
}

/* CELULAR / TABLET NA HORIZONTAL: convite vermelho preenchendo a tela. */
@media (max-width: 1200px) and (orientation: landscape) {
  body.apre-renascimento #s1,
  body.apre-renascimento #s1 .capa-plena {
    background: #7a221f !important;
  }

  body.apre-renascimento #s1 .capa-img-vermelha {
    display: block !important;
    object-position: right center !important;
  }

  body.apre-renascimento #s1 .capa-img-azul {
    display: none !important;
  }
}