.splash__logo {
  -webkit-user-drag: none;
  user-select: none;
}

/* Pedido #90: "up scale para ficar mais bonita" — `transform` em vez de
   mexer no `width` de verdade, porque não sei que outras regras (media
   query, clamp) o bundle já aplica nesse mesmo seletor; escalar por cima
   nunca briga com a regra original. */
.portal-logo--ajustado {
  transform: scale(1.15);
}

/* 25/09 (auditoria H4): celular DEITADO (tela baixa) — o logo ocupava a tela inteira e o "Entrar" ficava abaixo, só rolando.
   Em tela baixa o logo encolhe pela ALTURA e o botão fica sempre visível. */
@media (orientation: landscape) and (max-height: 520px) {
  .splash__logo {
    width: auto;
    height: 30dvh;
    max-width: 70vw;
    margin-top: 5dvh;
  }
  .portal__content[data-aberto="true"] .splash__logo {
    width: auto;
    height: 20dvh;
    margin-top: 2dvh;
  }
  .splash__acao {
    margin-bottom: 8dvh;
  }
}

/* L20 (auditoria 25/09): celular EM PÉ com o painel Entrar/Criar conta aberto — o `scale(1.15)` fazia o "IDLE" do logo
   passar por baixo do painel (~10 px). Com o painel aberto, o logo fica um pouco menor e inteiro acima dele. */
@media (orientation: portrait) {
  .portal__content[data-aberto="true"] .portal-logo--ajustado {
    transform: scale(0.95);
  }
}
