/* Modos operacionais do servidor (2.11.0) — páginas públicas temáticas: lançamento agendado,
   acesso fechado/Beta e manutenção. Responsivo, legível, com estado sempre em TEXTO (nunca só
   por cor) e alvo de toque de 44 px. Sem script inline e sem dependência externa. */

.lddv-modo-pagina main {
  max-width: 46rem;
  margin: 0 auto;
  padding: 1.5rem 1rem 3rem;
}

.lddv-modo {
  border: 1px solid rgba(198, 160, 74, .55);
  border-left: 4px solid #c6a04a;
  border-radius: 10px;
  background: rgba(12, 26, 19, .82);
  padding: 1.4rem 1.3rem;
  margin: 1rem 0;
  overflow-wrap: anywhere;
}

.lddv-modo-selo {
  margin: 0 0 .6rem;
}

.lddv-modo-chip {
  display: inline-block;
  padding: .15rem .7rem;
  border: 1px solid #c6a04a;
  border-radius: 999px;
  color: #e6d29a;
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.lddv-modo h2 {
  margin: .2rem 0 .5rem;
  font-size: 1.5rem;
  line-height: 1.25;
  color: #e6d29a;
}

.lddv-modo-sub {
  margin: 0 0 .9rem;
  color: #cfe0d2;
  font-size: 1.05rem;
}

.lddv-modo-texto p {
  margin: .6rem 0;
  line-height: 1.6;
}

.lddv-modo-texto ul {
  margin: .6rem 0 .6rem 1.2rem;
  padding: 0;
}

.lddv-modo-texto li {
  margin: .25rem 0;
}

.lddv-modo-texto strong {
  color: #e6d29a;
}

.lddv-modo-contagem {
  margin: 1rem 0 .4rem;
  font-size: 1.05rem;
}

.lddv-modo-relogio {
  display: inline-block;
  font-variant-numeric: tabular-nums;
  font-size: 1.35rem;
  color: #e6d29a;
  letter-spacing: .04em;
}

.lddv-modo-quando {
  display: block;
  color: #9db3a4;
  font-size: .88rem;
  margin-top: .2rem;
}

.lddv-modo-acao {
  margin: 1.1rem 0 0;
}

.lddv-modo-botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .55rem 1.2rem;
  border-radius: 6px;
  border: 1px solid #c6a04a;
  background: #c6a04a;
  color: #17160d;
  font-weight: bold;
  text-decoration: none;
  max-width: 100%;
  text-align: center;
}

.lddv-modo-botao:hover,
.lddv-modo-botao:focus-visible {
  background: #e6d29a;
  outline: 2px solid #e6d29a;
  outline-offset: 2px;
}

.lddv-modo-arte img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(198, 160, 74, .35);
}

.lddv-modo-rodape {
  color: #9db3a4;
  text-align: center;
  margin-top: 1.4rem;
}

/* Bloco embutido na home pública, acima do portão. */
.ux-home-modo {
  margin: 0 0 1.2rem;
}

@media (max-width: 480px) {
  .lddv-modo {
    padding: 1.1rem .9rem;
  }

  .lddv-modo h2 {
    font-size: 1.28rem;
  }

  .lddv-modo-relogio {
    font-size: 1.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lddv-modo,
  .lddv-modo-botao {
    transition: none;
  }
}