#mensaje-vertical {
    display: none; /* Oculto en vertical */
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.90);
    color: red;
    text-align: center;
    padding-top: 40%;
    font-size: 84px;
    z-index: 9999;
}

@media screen and (orientation: portrait) {
  #mensaje-vertical {
  display: block; /* Muestra un mensaje para girar el teléfono */ 
  }
}